daisy hsiao

daisy hsiaodaisy hsiaodaisy hsiaodaisy hsiao
  • Home
  • Case Studies
  • UI / UX
  • Digital / eCommerce
  • Print / Branding
  • About Me
  • Contact

daisy hsiao

daisy hsiaodaisy hsiaodaisy hsiao
  • Home
  • Case Studies
  • UI / UX
  • Digital / eCommerce
  • Print / Branding
  • About Me
  • Contact

Case Study 1 - The Travel App

A travel app made for people who doesn’t do journey planning but yet wanting to go everywhere

  • Project Duration: May 2020 - Present


  • My Role: UX & UI Designer


  • Tools: Figma, Sketch, Adobe XD, Photoshop, Illustrator, Flutter


  • Responsibilities: All UX approaches including personas, discover user pain points, user journey maps, ideations, storyboards, wireframe, UI design, prototype, user testing, usability study, accessibility consideration and affinity diagram


  • The Problem: Most people love traveling but not everyone like doing travel planning or they have busy schedule


  • The Goal: Create a app that allows people to plan journey with just few clicks and giving recommendations to users according to their sign up preferences

User Research - Personas / Pain Points

Time / Dislike

The busy daily schedule and don't have a sit down time to concentrate on making a travel plan after a long day of work and found planning frustrated.

Want More

Ran out of idea on where to go and wish a platform can recommend ideas according to what they like.

User Journey Maps

Close Up Storyboard

Storyboard

Big Picture Storyboard

Big Picture Storyboard

Close Up Storyboard

Close Up Storyboard

Paper wireframe to Wireframe

Paper Wireframe

Paper Wireframe

To Wireframe

To Wireframe

Low-Fidelity Prototype

Low-Fidelity Prototype

Low-Fidelity Prototype Close Up

Low-Fidelity Prototype Close Up

Affinity Diagram

Affinity Diagram

Affinity Diagram

Affinity Diagram Arranged

Affinity Diagram Arranged

Usability Study - Findings

Round 1 Findings

  1. Users want to see more function after adding all sightseeing spots
  2. User not sure what to do after adding all sightseeing spots

Round 2 Findings

  1. User found save button icon and location aren't obvious enough
  2. User now want to have restaurant reservation function

Refining the design to Mockups & High-Fidelity Prototype

Before & After Usability Study

Before & After Usability Study

Before & After Usability Study

Before & After Usability Study

Mockup

Mockup

High-Fidelity Prototype

High-Fidelity Prototype

High-Fidelity Prototype Close Up

High-Fidelity Prototype Close Up

Accessibility Considerations

Color

I wanted to use one color tone to keep the app with cleaner looking but turns up the contrast for the CTA buttons and background isn’t enough for users to notice where the CTA button locate.

Icon

Some users doesn’t recognized the save button icon I used due to floppy disk isn't popular nowadays.

Font & Spacing

Provide more space around text and make sure user doesn’t mis-clicked something else.

Design System

SiteMap & Responsive website

Travel App Website Sitemap

Travel App Website Sitemap

Responsive Website

Responsive Website

TakeAways & Going Forward

What I Learned

Users in general like a straightforward interface instead of too much browsing around. In another word, too many choices makes is harder to decide 

What I Can Do Better

I can do more infographic research and creation on what icon to use to avoid the same mistake I made for the save CTA button as some participants doesn't recognize the icon but still click on it as it looks like the next action to take

Going forward

I would like to implement more functions such as ticket booking, hotel reservation just as what some of the participants suggested to have a more completed all-in-one application

Other Case Studies

Bottless

Affinato Lunetta

Affinato Lunetta

Case Study - Bottless

Create multi-platform websites to manage different restaurants separately under one umbrella

Read more

Affinato Lunetta

Affinato Lunetta

Affinato Lunetta

Case Study - Affinato Lunetta

Client needs a multilingual responsive website to improve website traffic and online purchase

Read more

© 2008-2021 - daisy hsiao