Application Design 1: Task 2- UI/UX Design Document
14.10.2024 - 01.12.2024
Michael Chan Henn Loong / 0363611
Experiential
Design / BA of Design (HONS) in Creative Media / Taylor's University
Task
2 & Exercises
LECTURES
No further study except slides from class
INSTRUCTIONS
<iframe src="https://drive.google.com/file/d/1oEodTetpqo1R-aXdpL4tunCs9mnfk8rO/preview" width="640" height="480" allow="autoplay"></iframe>
Requirements
After locking down their App concept and idea, students are now ready to proceed to UX design. The students are required to produce a comprehensive UX design document which will provide better directions for them to design the app. Based on the information gathered in task 1, students will:
● Determine and verify their target audiences.
● Outline the content element of their app, and exercise card sorting method to achieve optimum information architecture.
● Listing the app features and identifying the application Minimum Viable Product (MVP).
● Create wireframes for main screens
Things to include in the proposal:
1.Introduction
- Purpose and Scope: Highlight what the document is
and what it covers
- Target Audience: Describe who the users of the app are yourself.
- Problem Statement: Assuming the problem the app tries to solve
- Weakness of the apps: User interface and user experience
2.User Research
- Survey Questionnaire and Interview: Provide
detailed analysis
- User Persona: Incorporated with detailed personas of your target users.
- User Journey Map: Create a map showing your app's users on which steps to complete before they use the app.
- Research Insights: Spend some time explaining how design made decisions were influenced by user research
3.Information Architecture
- Card Sorting Method: Go over card
sorting process for sorting the content and the results.
- Information architecture map: Outline what the main content and features of the app are.
- User Flow Chart: Outline how content should be built in order to maximize usability.
4.MVP (Minimum Viable Product) Features
- Feature List: Detail all
app features.
- MVP Identification: The MVP for initial development must include some features identified and highlighted.
After that we were tasked to do card sorting for the chosen app
1. Identify Content: Write out a list of all the pieces of content or features that will be included into the card sort.
- Steam Market
- News Feed
- Themes
- Customer Support
- QR Code
- Sign in
- Game Library
- Friends List
- Storefront
- Sign in/out
- Push Notifications
- Help Guides
- Game Stream
- Patch Notes
- Language Settings
- Remote Download
- Wishlist
- Account security
- Chat Notifications
- Trade Offers
- Activity Feed
- Announce
- Cloud Saves
- Cart Management
- Account Details
- Chat
- Community Hubs
- Transaction History
- Privacy Settings
- Forums
- Group chats
- Steam Wallet
- Events
- Live Chat Support
- Advanced Trading Tools
- In App Troubleshoot
- Game Stats Tracker
- Session Management
- Custom Securit
- Game Tagging
- Support & Help
- Others
- Account Management
- Library & Game Management
- Market and Trading
- News & Updates
- Customization
- Store & Purchases
- Community and Social Features
- Comms & Notifications
.png)
- Probe: What are your primary reasons for using the app?
- Probe: Are there specific desktop features you wish were available on mobile?
- Probe: What improvements would you suggest for notifications?
- Probe: How could these features be improved?
Usage Patterns
-Users (e.g., John, CJ, Jason, Ian) use the app
for browsing the store, chatting, managing the library, and trading items.
- Indicates the need to prioritize these features for
improvements.
Pain Points
- Navigation issues, cluttered interface, and slow
performance are major areas requiring attention.
Feature Prioritization
Most Useful Features:
- Store
and remote downloads (John & Jason), chat feature (CJ).
Least Used Features:
- Community forums and library
management, which may require improvements or de-prioritization.
Design Improvements
Interface & Navigation:
-
Feedback suggests a more streamlined and intuitive design with
better filtering options.
Functionality Enhancements:
- Biometric login,
personalized recommendations, and a game stats tracker are highly
desired.
User Experience Optimization
Notification
Customization:
- Users want more control to avoid
notification overload and prioritize important updates.
Market & Trading Interface:
-Users
struggle with navigation and lack of detailed item information,
calling for a redesign.
Overall Satisfaction
Satisfaction Level:
- Mixed
feedback: Some users are satisfied, while others feel significant
improvements are needed.
Recommendations:
- Addressing pain points could improve user
satisfaction and willingness to recommend the app.
After that I started to create three user personas. So based on real data and research, user personas should are created. If I have tools such as interviews and survey to get actual information about our audience, then I should be able to create these personas effectively.
After that I started working on creating my information architecture map, outlining the main content and features of the app, I've also done the user flow chart in the same miro board.
.png)
.png)
Final Project 2
FEEDBACK
No Feedback
REFLECTIONS
Survey questionnaire was pretty easy to work on its straightforward, and I made changes quickly and sent out the survey. Once I had responses from 71 participants, I proceeded by creating the user persona and doing the interviews, but this proved to be harder. I spoke to a few people about their habits on how they use their app and recorded some of their statements and used it to design the user persona. This really helped me on getting an impression of what users need and what they find annoying. Since everyone had different opinions, their feedback for this Steam Mobile app has helped me with some ideas on the design improvements and what can be added to the app.
I might’ve enjoyed making the user flow chart and architecture map the most. It really helps in pushing me to logically think. It helped me get a better idea on how much user interfaces affect the experiences
.png)
Comments
Post a Comment