Order Food Process Optimizing for “Now” app [Usability Testing & User Research]

Related image

“Now” is a comprehensive multi-services application in Vietnam
that covers the following services area :

  • Food Deliver Service
  • Table Reservation Service
  • Beauty Service
  • Online Pharmacy
  • Flower Shop & Other Services

For the Purchase function: Selection method, Shopping Cart Display & Checkout Page could be optimized for Vietnamese User

Current Design

User Personas

User Flow for Ordering Food

Optimize Shopping Page

Old Design
Proposed Design

Optimize Add Page

Old Design
Proposed Design

Optimize My Cart

Old Design
Proposed Design

Optimize Confirm Order

Old Design
Proposed Design

Full Process

Full Process

Be ready to pave the way for your UX career?

Since I started going along with product design industry, I’ve worked through a number of projects. There are 4 common types of previous position that an UX designer took before they come to UX. I’ve meet them all, each background is total different and this is make the diversity of viewpoints for the team. If you plan to move your career into next page, take a look on what you will take advantage of and what can you improve if you change your career to UX area

Front End Developer: is responsible for delivering product which match designed UI to end-user, they work with: Html, Css, Javascript and other programing language related to interface development. The UX designer transforms from front end developer is good at understanding how team develops a product, what is possible and how long it takes to finish a component. So their solution will be optimized for development.

What a UX-front-end-designer can learn more is a sense of design and creativeness that lets them easier to communicate with other design specially UI Designer.

Graphic Designer: mainly works on visual side, they tend to create visual element, create visual attraction to audiences. Their design skills allow them to present well, make design component and layout. Almost time they will play a role of an UI Designer in the team, working with color, typography, scale, contrast, visual hierarchy.

To be an UI designer, a graphic design should know fundamental of software development and coding to make sure their design is feasible to development team, the UX-front-end-designer with UI designer will be perfect match when they work together

Business Analyst: Their job on the daily basis is a part of UX, they work with customer and stakeholder to understand problems, gather requirement turn it into document for development team, so the UX designer with BA experiences has very strong skills on problem solving, they even could move to be a Product Owner or Product Manager as well.

Marketer: It is a general title, but there are some work that a marketer do relative to UX such as: tracking user behavior, working with UX metrics and KPIs, visualizing data then working with team to enhance the performance, some of content creator works with UX writing for the apps and webs. Base on their duties in marketing department, when company grow up they will be specialized skills to do a certain job such as: data analyst, UXresearch, content strategy, information architecture.

Beside that, I truly recommend to take below online courses and read some books to have solid understand UX in basic.

Intro to Design of Everyday Thingsfrom UC-San Diego’s Don Norman: This is very basic course to provide you common user experience terms and Concept, you are not required to have software development or design background to understand this, recommend for everyone working in product development area.

Introduction to User Experience Design from Georgia Tech’s Rosa Arriaga (on Coursera): Another beginning level for your UX knowledge. This course introduces UX process from require gathering, analyst to present design to stakeholders and evaluate design. You might find out UX terms here to deeply discover through other courses

Product Designfrom Coursera: This course allows you to see the whole picture of product design. Materializing your game-changing idea and transform it into a product that you can build a business around. Blending theory and practice to teach you product validation, UI/UX practices, Google’s Design Sprint and the process for setting and tracking actionable metrics.

Other courses you might learn are:

Interaction Design Specializationfrom UC-San Diego’s Scott Klemmer, Elizabeth Gerber, and Jason Wobbrock (on Coursera)

UX Design for Mobile DevelopersRapid Prototyping, and Product Design from Google (on Udacity)

The Interaction Design Foundation, home to dozens of classes on interaction design

Nielsen Norman GroupWorld Leaders in Research-Based User Experience group.

Finish those 3 recommended courses you can choose to dive in any phase or model of UX to learn more, you could also find some books that was called “bedside book” for UX designer such as:

The Design of Everyday Things by Don Norman

Designing with the Mind in Mind by Jeff Johnson

Don’t make me think by Steve Krug

Human-Computer Interaction by Alan Dix, Janet Finlay, Gregory Abowd, and Russell Beale

Remember to hit more books as much as you can!!!

You will probably learn and read those books for a year or more, then the most important part is to let your knowledge comes into play on the real project, solve real problem. It is when you start doing user research, usability testing, data analyst and so on.

The number of university starting teach UX is significantly increasing, those training is mixed between 2 or more faculties, Some combinations between computing and design faculty, or marketing and design faculty, or psychology plus software engineer. The online courses are also focus on special skills so before start you may take a step back to see what you had and what will you need. Self-teaching is not a bad idea as long as you keep the key features of good UX in your product, help people to solve their problems.

UX Team from scratch: “Uniform” knowledge for all the members

A designer tends to work independently in project so that they feel free to create things on their own. When forming a team of UX we faced the challenge of collaboration between designers. Our members have diverse backgrounds, they have overlapping skills, some interface designers have software backgrounds, some UX designers have a graphic design background, others are knowledgeable about marketing and coding. That seems to be a good thing because with our diverse members we will be able to look at a problem from multiple angles to come up with a suitable solution.

It only matters when we started to solve a specific problem, at all stages of the UX process, the designers began to debate about solutions that from the stage of Information Architecture, Interviewing Users until coming up to Wireframe, finishing UI design and testing, we debated a lot at each step, that’s nothing wrong but it took us plenty of time to explain the concepts, making a point of view… that slows down the project and adds a lot of effort to the team.

To solve this problem, we tested the project rotation in a random position, a designer regardless of any roles will have the opportunity to participate in all stages of UX process they want, of course, in those positions, we still keep the major PIC, other designers will take part in supporting work, there are two main purposes:

  • Help all members know more about the work of other designers Understand the input and output for each stage in the UX process, thereby finding improved solutions for their main work to enhance the overall result of the team.
  • Designer learns more new knowledge. With the diversity in the background, each person becomes a mentor to the other members in that stage. It also helps us prevent risks when a position is missed we immediately have a temporary replacement until we found another one.

We begin by inviting everyone to join the meeting, plan, and work together. All members are excited about a new role. Experienced members will assign other support members, they will also review the work, provide feedback and give mentorship if needed. The new position that stimulates curiosity, encourages discover.

Learning new things every day is the motivation for each individual to progress further in their career. On the other hand, sharing knowledge among people will make each individual more interested in their work.

We did the first 2 projects, the results are awesome when the members understand the tasks of others, they will have empathy and help each other to complete the common work. Moreover, we have stimulated the learning spirit in each member. IT is constantly changing so updating UX knowledge will help you stay up to date with the world.

Facebook’s Approach to Product Management

Tham dự workshop về Product Management được nghe một bác chia sẻ về framework mà Facebook để tiếp cận và giải quyết vấn đề của sản phẩm, bài viết này mình sẽ tóm tắt lại một số ý chính trong bài chia sẻ của bác.

Bên cạnh mô hình Double Diamond (Discover – Define – Develop – Deliver) mà chúng ta vẫn thường thấy, ở Facebook cũng có một quy trình như vậy, nó được áp dụng để giải quyết các vấn đề mà người dùng gặp phải, đánh giá các ý tưởng mới, và đo lường thành công của sản phẩm mới. Facebook gọi nó là “Understand – Identify – Execute”

Poster này được dán ở nhiều nơi trong văn phòng của Facebook

Cụ thể “Understand – Identify – Execute” được định nghĩa là một cách tiếp cận để giải quyết vấn đề, xây dựng sản phẩm.

Understand: “Mục tiêu là gì? Tại sao nó quan trọng”

Identify: “Đâu là cơ hội tốt nhất để đạt mục tiêu”

Execute: “Hoàn thành kế hoạch một cách hoàn hảo”

Xem ví dụ dưới đây để hiểu rõ hơn về concept này: Trong thời kỳ tiền sử mục tiêu của con người tồn tại giữa thiên nhiên hoang dã và muôn loài, chính vì thế mục tiêu mỗi ngày là kiếm ăn bằng cách hái lượm, săn bắn..Thử lựa chọn 1 mục tiêu của ngày hôm nay là “Bắt cá”

Execute

CASE 1: Bạn thích một vùng nước gần nhà, vì thế bạn lên kế hoạch mang theo cần câu và mồi để bắt cá. TUY NHIÊN: Khi đến vùng nước bạn lại quên không mang mồi câu *sosad*

Đây là ví dụ cho việc: BAD Execution. Trong quản lý sản phẩm việc thực thi là tối quan trọng, bởi plan có tốt đến mấy mà việc triển khai lỏng lẻo thì cũng sẽ dẫn đển đổ vỡ. Khi thực hiện kế hoạch thành viên trong dự án cần phải cùng nhau phối hợp để hoàn thành một mục tiêu chung, điều này cũng giúp bạn đánh giá được plan của bạn có đang thực sự giải quyết vấn đề hay không.


Identify

CASE 2: Bạn thích một vùng nước gần nhà, vì thế bạn lên kế hoạch mang theo cần câu và mồi để bắt cá, lần này bạn đã mang theo đầy đủ vật dụng cần thiết. TUY NHIÊN: Bạn vẫn không câu được cá vì vùng nước bạn chọn không có cá.

Đây là ví dụ cho việc: BAD Identify, bạn chỉ đến vùng nước mình thích mà quên không nhận ra rằng tại vùng nước đó ít cá hoặc không có cá. Do đó chúng ta không làm việc dựa trên những thứ ngẫu nhiên, cần nhận biết được cái gì sẽ hoạt động tốt, cái gì sẽ thất bại bằng cách chia vấn đề ra thành nhiều ý nhỏ, càng chi tiết càng dễ xử lý, sau đó tiến hành nghiên cứu để xác định dựa trên những giả thuyết.


Understand

CASE 3: Sau khi nghiên cứu tìm kiếm bạn đến một con sông với rất nhiều cá , mang theo đầy đủ dụng cụ câu cá, và cuối cùng bạn cũng bắt được cá. TUY NHIÊN: Sau khi bắt cá bạn nhận ra rằng ngoài cá, ở đó còn có bầy hươu và nếu săn bắt được bạn có thể có thức ăn cho nhiều tuần.

Đây là ví dụ cho việc: Giải pháp của bạn có thực sự phải là giải pháp tốt nhất để giải quyết vấn đề cốt lõi hay không?. Nói một cách khác: Có rất nhiều cách để kiếm ăn tồn tại, câu hỏi đặt ra là liệu lựa chọn bắt cá có phải duy nhất và hiệu quả nhất để giải quyết vấn đề?

Understand có nghĩa là bạn cần hiểu mục tiêu, hiểu mục đích của hành động, và phân biệt chúng rõ ràng.

Tất cả các “Metrics” không phải là mục tiêu cuối cùng, nó chỉ là thước đo thành công của từng hành động.

Misson của AriBnB: Tạo ra một thế giới nơi mà bạn có thể thuộc về bất cứ nơi đâu, chính điều đó đã định hướng sản phẩm của Airbnb khác biệt so với Booking hay Agoda. Nơi mà bạn thuộc về là nơi bạn có chỗ để nghỉ, có một cộng đồng sinh hoạt và bạn được trải nghiệm văn hoá, ẩm thực và sống như một người bản địa nơi đó.

Làm thế nào để Facebook hiểu vấn đề của người dùng?

Trong bài chia sẻ của mình tại Standford, Julie Zhuo – VP of Product Design tại Facebook đã chỉ ra 3 câu hỏi Facebook sử dụng để đánh giá ý tưởng hay giải pháp có phải là phương án tốt nhất:

Question 1 — What people problem are we trying to solve?

Một problem statement tốt, cần bao gồm những yếu tố sau:

  • Human (có tính nhân văn), simple (đơn giản) and straightforward (đúng trọng tâm) – Không sử dụng thuật ngữ chuyên ngành phức tạp, những từ khoá mà giao tiếp hằng ngày không dùng
  •  Solutions agnostic: Tránh đưa ra những giả định khi chưa biết giải pháp thực sự.
  • Company winning – agnostic: Việc công ty hay giải pháp của bạn sẽ dẫn đầu trên thị trường không phải là vấn đề mà people quan tâm, họ cần biết vấn đề của họ đã được giải quyết hay chưa
  • Get at the why: Bên cạnh việc quan tâm đến vấn đề đó xảy ra thế nào, cần hiểu tại sao nó xảy ra để có cái nhìn toàn diện

Ví dụ về problem statement của Facebook: “I want to talk about an interest with other people who are also interested, but I don’t know where to find these people” => Giải pháp cho vấn đề này chính là sự ra đời của các group trên Facebook

Question 2— How do we know this is a real problem?

Với mỗi luận điểm đưa ra cần có luận cứ để chứng minh là đúng nó có thể là qualitative hoặc quantitative. Đó có phải là vấn đề đáng giải quyết? Biết được tầm quan trọng của mỗi vấn đề sẽ giúp chúng ta lập thứ tự ưu tiên

Question 3— How will we know if we’ve solved this problem?

Đặt mục tiêu cụ thể, chia các milestones rõ ràng trước khi giới thiệu bất kỳ chức năng gì với người dùng. Điều này giúp giảm thiểu sự chủ quan trong đánh giá kết quả và sự ảnh hưởng của sản phẩm.

Link tham khảo:

Framework of building successful products: Understand, Identify, ExecuteJulie Zhuo: How a Facebook Designer Thinks