UX Design : Group Task : Application Design (Prototype)

24/10/2022 - 28/11/2022 / Week 09 - Week 14

UX Design GCD62304
NAME: Sea Hirayama

I.D: 0347596

COURSE: Bachelor of Design in Creative Media / Taylor's Design School




●Instructions 





●Lecture

Week 9 :
This week, we just decide the group for this project. And after we're required to select one application design of our design.

Week 10 :
We discussed about how to design with the app after we learned about touchpoint onboarding.

What is onboarding UX? The process of transforming first-time users into loyal customers.

What is onboarding UX?

Onboarding is an introduction process that explains the value and functionality of a product to users, makes them feel attracted to it and supports them to use it smoothly.

Basically, onboarding is the process of explaining and familiarising users with the use of a product, providing them with the instructions and information they need to start using it.

However, this does not mean simply providing users with instructions or tutorials. Onboarding is also not a limited process, starting after the user's initial sign-up until the end of the product tour (*).

*Product tour: a guide that teaches users how to use the service, for example, when they first log in to the service.

Onboarding is an ongoing process that begins the moment a user first comes into contact with a website, app, etc., and continues until the user is able to use the product.

This process is the first step that determines the relationship with the user and involves their continued use and even behaviour such as upgrades and purchases.

In other words, onboarding is the process of turning first-time users into loyal customers, and considering the user experience (UX) 'onboarding UX' in onboarding is one of the most important aspects of your business strategy.

Why is onboarding UX important?

UserGuiding says that research shows that onboarding UX has a significant impact on user retention.

63% of users report that the onboarding experience influences their purchasing decisions.
80% of users delete apps because they don't know how to use them
86% of users said they would continue to use a product from a company that offers a user-friendly and easy-to-understand onboarding process.
In addition, a Profitwell survey of 500 B-to-B and B-to-C software companies found that companies with functional onboarding increased user purchase intent by 8-17%, while companies with onboarding that focused on the value of the product increased purchase intent by by an additional 10 %.

A comparison of the post-product onboarding journey of negative and positive onboarding users also shows that in the first three weeks, positive users experienced a much smaller drop in retention.

Thus, companies with a good onboarding UX can increase user retention, and through increased retention, an onboarding UX can bring companies increased revenues.

How to design an effective onboarding UX?

So how do you design an effective onboarding UX?

The onboarding process must ensure that users understand the product's functionality and value quickly and clearly according to their needs, before they become bored with the complexity of the product.

A good onboarding UX cannot be designed by chance. However, if the right steps are taken, the probability of success increases significantly.

For example, UserGuiding lists the following key points about the steps in designing an onboarding UX
  • Understand the needs and expectations of the user
  • Draw up a customer journey
  • Consider whether to be web-based or mobile
  • Create and test prototypes
Understand user needs and expectations
Users may not be aware of it, but they have some needs and expectations when they interact with your product. When designing an onboarding UX for a new product, first conduct UX research on users' needs and expectations.

Specifically, this could include market research, research on case studies of similar products, interviews with existing users, etc. On the other hand, for existing products, in addition to the above, customer satisfaction surveys and NPS surveys that have already been conducted can also be used as a reference.

Draw up a customer journey.
Creating a customer journey is essential to ensure that all the goals of the onboarding process have been achieved and that there are no design issues. First, decide on the scope of the onboarding process. Determine whether you want to cover the entire product, a single website or app page, or just certain functions. Next, create personas - based on the results, or evidence, from the UX research in point 1, identify the user profile and create the final personas. Finally, list the touch points at which the persona will interact with the product. It is important to include the emotions of the user.

Ideally, you should also delve deeper into the user's needs and expectations from the UX research and reflect all elements in the customer journey map.

Consider web-based or mobile.
The design of an onboarding UX can be completely different depending on whether it is web-based or mobile.

For example, a user visiting a website is more likely to come to learn about a product, while someone downloading an app is more likely to already know something about the product.

This means that website onboarding, compared to apps, needs to first present the value that users will gain from using the product more clearly. With this in mind, a website starts with a marketing strategy that communicates the value of the product and ultimately leads to processes such as sign-up. An app, on the other hand, should focus on guiding users on how to use the product to meet their needs and expectations. What both need to do, however, is to provide excellent customer support. Users are more likely to stop using a product if they cannot find answers to their questions or solutions to their challenges.

Recognise that time is the most precious thing for users. Make it important to answer user questions and resolve issues in the most efficient way possible, starting with the help centre.

Create and test prototypes
Once you have chosen the subject of your onboarding UX, whether web-based or mobile, and followed the customer journey to ensure there are no outstanding issues, you have a nearly finished prototype. However, before releasing it, conduct another UX research to ensure that it meets the needs and expectations of the users identified in the initial UX research.

Specific methods include user interviews, A/B testing, remote usability testing and eye tracking. The key here is to decide on the objectives you want to reveal in your UX research based on user needs.

For example, do you want to know how long it takes users to finish onboarding, do you want to know if users are reaching their end goal, do you want to know how users are feeling, or do you want to know what else can improve the onboarding UX? Depending on these objectives and the size and budget of your project, you should choose your research methodology.

Thus, designing an onboarding UX requires continuous UX research, analysis of the results and improvement. Repeated research and improvement will help you deliver a good onboarding UX with attention to detail.


Mistakes to avoid when designing an onboarding UX

As we have seen, designing a good onboarding UX requires a user perspective and attention to detail.

Here are some mistakes to avoid when designing an onboarding UX from the aforementioned UserGuiding blog post.
  • The onboarding process only targets first-time users
  • Not providing an easy sign-up process
  • Not giving the option to skip the product tour
  • It does not provide a checklist, progress status or time
Let's look at these steps in a little more detail.

Onboarding UX is set up for first-time users only.
Onboarding is an ongoing process that starts from the moment a user first comes into contact with a website, app, etc., and continues until the user becomes proficient with the product.

First of all, it is important to realise that onboarding is an ongoing process, not only for new users, but also to keep up to date with the needs and expectations of users, to think about solutions to their problems and to help them.

Not providing a simple sign-up process
Sign-up is an important part of the onboarding process.

However, asking for too much information during the sign-up process can be burdensome for users and is one of the factors that can cause them to leave the product.

Provide ways to make the sign-up process more convenient for users, for example, by allowing them to sign up with other accounts such as Google.

Not giving the option to skip the product tour
Many companies believe that simply providing users with a product tour is enough, but it is not enough.

The last thing you want to do with an onboarding UX is to waste users' time.

For this reason, a product tour that does not give users the option to skip it is a big mistake.

Not presenting checklists, progress and time indications
To avoid wasting user time, it is important to provide users with information on how much time they are expected to spend on the onboarding process.

Checklists, progress and time indications provide users with an efficient onboarding process and improve the onboarding UX.









●Group Task : Application Design

Week 10–11 :
So this week, our group started designing with rough sketch. After discussion for which sketch will be continued for this project, we also tried to tie down the sketches to gather the information. Also it should be compared with similar cosmetic application. The application which is compared with Dr:CiLabo cosmetic application is HERMO. https://www.hermo.my/appsolutely-hermo

HERMO is Malaysia’s #1 online beauty retailer with over 300 brands under its belt. HERMO offers more than 9,000 beauty products, from all-time bestsellers to the latest must-haves by popular local and international beauty brands. Shop on-the-go via HERMO App or browse our user-friendly website using your favourite device!


Enjoy App-Exclusive Deals


• Look out for our app-only bargains!


Take Attendance & Earn Hermazing Points


• Get 50 FREE H-Points – simply check-in & tap Attendance for 10 consecutive days.


Beauty Wall


• Read over 200,000 trusted reviews. Share your holy-grail beauty finds with other HERMO fans.


Instant Access to the Latest Offers


• Be the first to know about our new arrivals & hot deals by turning on our app notifications.


Secure Checkout


• Add to cart and checkout in a few taps. Pay securely via online banking, credit cards, debit cards, and even your e-wallet!


Easy Shopping Experience


• Shop anytime, anywhere via our user-friendly platforms. Enjoy flash shipping nationwide, 14-day easy returns and more!


Need Help?


• Email us at cs@hermo.my or call 07-5953567 (Monday-Friday, 9AM to 6PM excluding public holidays)


from application details.


These week, I just prepared own onboarding design in Illustrator. After that my group discussed which design we should continue with.





Week 12-13 :
This week, our group continued with creating onboarding design for doing questionnaire. Also I designed after the onboarding design. After we finish doing questionnaire, we did also presentation for final project.




Here is the design for this project, Dr.Ci:Labo app
















Week 14 :
After we finish designing apps with questionnaire, we also did the presentation for final project.









Final Design of Dr.Ci:Labo






Feedback and References

Experience :
These week, we create some onboarding design for this project at first. It was really difficult for me to do this project as group project just because I've done group project just a few times. Especially I just faced difficult situation with communication with group member, but they are really kind to me so I could do smoothly for this project. I got learned about UX design enough from this experience. I supposed that it's really important for me to think about customer idea, opinion for designing some stuff as designer.

Observation :
I also learn how importance to search and ask the feelings or some from the customer. To gather the information of need from customer make the design improved more and more I guess.

References : 

Innovation skill set

Contents.
The author is Mr Tagawa, head of Takram, one of Japan's top design firms, who is also an Honorary Fellow at the Royal College of Art in the UK.
The book contains wisdom on how to achieve three things: business, technology and creativity.
You will also learn about the need for BTC human resources who have all of these and the future of design.
You will learn that delivering experiences to users is not only about design, but also about engineering and strategy.
The book is a strong reminder of the importance of design thinking and technology. 

Recommendations.
Learn about the changing times and the future from a design perspective.
Written from the perspective of Japan's best design
Learn why design thinking and UX design are important   
Recommended for
Designers who want to grasp design in a broad sense
Creators who are unsure about their future career.
Managers who think about the importance of creativity  
Impressions
In the course of my work in design, I have vaguely wondered "How will design evolve in the future?" I have been thinking vaguely about this.
The future of design described here is one solution to this question.
In recent years, the border crossing between designers and engineers has evolved, and the importance of design in management has come to be talked about.


Textbook of UX Design.

Contents.
This book provides a systematic introduction to UX design, from its somewhat academic content, such as the background and history of the need for UX design, to the processes and methods, from the way of thinking.
The book provides a deeper understanding of UX because it is written from the author's experience of what the essence of UX design is. 

Recommendations.
Gives an overview of UX design
Understand the concept of UX
Learn why UX is necessary 
Recommended for
People who want to understand UX carefully from the concept.
People who want to learn more about UX  
Impressions.
This book is not easy to read for everyone, but that is why I think it is a book that gives deeper knowledge.
It gave me the opportunity to relearn the basics of UX, which I had thought I understood somehow.
I recommend this book to people who want to learn what UX is in detail, rather than wanting to know specific examples.


LEAN UX

Contents
In order for a business to succeed, it is important to repeatedly test hypotheses and improve the accuracy of services.
This book introduces the thinking and practical process on how to pursue the essence of UX design while reducing waste and increasing the accuracy of success.
The book also covers good/bad examples based on several specific case studies, so that you can raise your resolution to proceed with UX design in a lean way.

Recommendations.
Understands the importance of not doing the whole UX design process, but releasing it anyway
You can learn professional methods in lean UX design
Understand the methods involved in the project, such as team management, in addition to the hands-on methods
Recommended for
People who want to practice UX design but feel that it is a lot of process and time-consuming.
People who want to achieve service improvement results in the shortest possible time.
People who want to speed up the project team, including development.   
Impressions
This book made me realise that creating something easy to use is just an ego thing, and that at the core of the original UX design, there is a business perspective mixed in.
In UX design, I learnt how to make something usable and sellable.
Each step in the methodology is quite specific, so the content can be put into practice immediately.
I think this is a book that should be recommended to every new project member, because every engineer, project manager and UXUI designer should have this thinking.



Comments