Inviting: Offers a UX that engages with the audience daily in a way that
feels credible, authentic, trustable, and convenient.
Bold: It is all about understanding
their problems and needs.
A convenient personal helper app that’s highly trusted
Develop a unique service proposition for a personal helper service app
aimed at inspiring a niche audience and engaging with that audience on a
daily basis in a way that feels trustworthy, authentic, reliable and
useful．
Week 2
Exercise 1:
Choose ONE mobile application and break down the affordances, signifiers,
mapping, and feedback for the UX design.
I chose the Study Plus app
Feedback: reduce the title
and need to add images to the affordance & signifier page. add more
caption
Week 3
Exercise: Choose one screen and redesign it, using the Miro function
I chose the profile page of Study Plus.
Exercise 2: UX research
Select a case study where UX design played a critical role in the success
or failure of the product/service.
Research the case study and identify the characteristics of good and bad UX
design in the scenario. Consider aspects such as usability, accessibility,
visual design, information architecture, and user feedback. Collect
screenshots or images to illustrate your points.
App > Tealive
It was the first time that I used the app, but I was able to order the
product correctly using it. In week 5, I presented it.
Week 4
Also, we started to group project, our group app chose the travel
planning app.
And created a segment matrix, these are geographic, behavioral,
psychographic, and demographic parts.
Week 5
Target and board:
Week 6
Need to collaborate to do user experience research using your own
selected data-gathering methodology (physical/online interview, focus
group, questionnaire, etc)
>> To map out the User Persona Research table for each
respondent.
Shape
TASK 1: USER PERSONA QUESTIONNAIRE
DEMOGRAPHIC
INTERESTS
GOALS
MOTIVATIONS
CHALLENGES
PAIN POINTS / FRUSTRATIONS
NEEDS / EXPECTATIONS
CONTENT-TYPE PREFERENCE
TECH & SOCIAL MEDIA PREFERENCE
We created 40+ more questions and the lecturer said need to decrease
the questions, it's too much.
After we got 20 answers, we created a user persona, chose two participants'
answers, and referred them.
- community page (filter by location & categories ex: hotels,
attractions, food) (search bar for keywords) (developer & user
content) (can save posts)
- itinerary planning (calendar)
- budgeting (tol&parking information)
- account info
These are user journey map, my roles were translator and planner
User journey
Access translator > Select translation mode
There are three options choose Text > type in text > translation button > result display
choose voice > speak > microphone button
choose camera > scan image/sign/menu > with real-time translation overlay save translations > Translation result screen with save option > can access the translated list + edit, save, share
access cultural guides
list of common phrases
> send feedback
Week 8
User journey
Access Itinerary Planner
+ Create a New Itinerary or see the list
Input Travel Dates
(Date selection calendar)
|
Choose Destinations
(enter destinations) (select from suggested popular
destinations)
|
Add Activities
(for each day) (searching) or (selecting from recommendations)
|
Set Transportation
(e.g., flights, trains)
|
Accommodation
|
Save and View the Itinerary
Share Itinerary
( with friends or on social media)
> Download Offline Itinerary
(for offline use)
Setting of notifications(for upcoming activities, transportation, and accommodation)
Week 9
Feedbacks:
-Writing in Microsoft Word for the analysis per question
- the conclusion, per section
- translate the findings to features (problem-solution)
-maybe just choose 4-5 features from the key findings
- translate to features (finding of analysis)
- highlight “safety" features - not too complex design
-design based on existing apps
-the mind map should look like a page mind map instead of a function, what is in the map page, the functions shouldn't include the mind map just put ltr on in the wireframe, the mind map is just the page (whatever u see in that page, visible)
-be specific in services, or just no need to can since our app ady helping you in budgeting and itinerary, focusing on safety(payment, agencies, commitments and so on,)
- home > planning budget - Is the planning price displayed or not??
- page name > make it simple, and easy to understand to do minimum first page if possible all wireframes what features are highlighted inside the app how to execute solutions through this app features
Use Figma
Week 9
I started to create a wireframe of the itinerary planner part. I refer to some existing apps, and based on the user journey map.
There are five steps (five screens?)
We discussed colors and below image is our final decision. We also decided on Fonts.
After creating a wireframe, I applied the color and typo.
Nunito Sans and Inter.
Week 10
Presentation
Feedbacks:
- Consistently good commitment
- key findings, it is better to have numbers (how many percent) (which is
most important) (the data)
- the app different from our competitors 0 good rationale for the app
name
- what is the advantage of subscriptions, differentiation of user and
subscriber
- certain icons confusing
- change the flag icon (planner) , use a bookmark icon
instead
- now cannot see how far (transportation features)
- Likes the car icon but might indicate the distance
- first log-in page, authentication page for login
I created some logo options
Week 11
Also, I redesigned the transportation page of the itinerary planner
based on feedback
Feedback
The logo uses a map or compass instead, inc the colors like yellow
inside the compass (the arrow)
- The a and v can be closer, or just merge them together
- Kerning be consistent
- Lowercase without anything
- Capital incorporated with colors and compass
- Consistent spacing, the radius of the picture? cards, a separate
section for all the assets
We decide on this kind of component format (?)
Following
So I changed the previous layout. This process created a sense of
unity. And I redesigned logos based on feedback.
Week 12
Feedback - itinerary planner
- Add a search system, there is no way to search, for users
- Add scrollable indication
- Add itinerary into popular list section
We decided on the final logo design, and the selected logo was placed in each
of the page's title section
Week 13
We got feedback during class time, and we have a bit of a technical
problem, so we need to change them create a report, and do the usability
test by next week
We had a twice short meeting, and unified settings among members, talked
about problems, and integrated each flow.
I improved some points and Jiahui's sister also gave us
feedback.
A search function was added to allow users to research and make free
recommendations.
The scheduler page was improved in function and design based on
feedback on the spots and transportation features
Last time there was a searching function in the scheduler section that was not needed. Previously, the only way to enter transportation was to enter a bus stop or train station, but we added other methods and changed it so that users could enter them freely.
Week 14
We had a short meeting to create a report, slide, and record a demo
video. We also created an analysis report of a usability test.
Usability testing report
Demo video
Final presentation slide
Reflections
It was a very difficult module for me, but more than that, it was a very interesting and varied experience. I think I was able to successfully incorporate the learnings from the first individual tasks 1 and 2 into the group work. We mainly did research, and because of that, I was able to do the research in the group tasks without any resistance. For the second assignment, I chose the Tealive app. As such a popular brand, the app is naturally easy to use, and I honestly could not find anything to improve or a bad UIUX, so it was a difficult task to find them. I was able to apply the good UIUX features and design that we gained through this process to the group task. There are various processes involved in the creation of an application, and I thought that all of them are important elements that cannot be removed.
The user journey map was a very difficult task because I had to stand on the user's point of view and think about the flow of the app imaginatively without any wireframes or anything yet. I downloaded several travel bookmarking apps and used them as references to create maps and wireframes. I was worried because I had never used Figma before, but once I got used to it, it was fine. However, linking was particularly difficult, and it took a lot of trial and error to figure out what effects to use when switching screens to make it easier for the user to see.
It was my first time doing a usability test, and it was very interesting. Looking at the evaluations of apps that I often use or am about to download, I find that companies that carefully reply to user comments one by one, or apps that are regularly updated based on user feedback, all seem proportionally easier and more convenient to use. I thought that wonderful apps are produced by continuing to make improvements based on user feedback in this way. I thought our final app was significantly better than the first one by making improvements based on user feedback again this time. although UX is not my major, I thought this kind of process could be used in the future.
Comments
Post a Comment