{"id":14986,"date":"2018-05-21T11:00:09","date_gmt":"2018-05-21T10:00:09","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=14986"},"modified":"2020-09-03T15:14:51","modified_gmt":"2020-09-03T14:14:51","slug":"uiux-case-study-dealsdate","status":"publish","type":"post","link":"https:\/\/shopjessicabuckley.com\/blog\/uiux-case-study-dealsdate\/","title":{"rendered":"UI\/UX Design Case Study: Dealsdate"},"content":{"rendered":"

Introduction<\/h2>\n

I recently completed a training in User Interface\/User Experience design facilitated by Stutern Graduate Accelerator (SGA). For my final project, I worked on the UI\/UX for a client\u2019s gift shopping app called Dealsdate. What follows is a case study detailing my process and output.<\/p>\n

Overview<\/h2>\n

Dealsdate is an online gift shopping website providing gift items for special life moments such as birthdays, weddings, anniversaries etc. As part of their expansion goals in the near future, they required a mobile app to better serve their target audience.<\/p>\n

Objectives<\/h2>\n

1. Study the target users to unearth pain points encountered when shopping for gifts<\/p>\n

2. Explore possible solutions for the identified pain points<\/p>\n

3. Validate these ideas through prototypes and user testing<\/p>\n

4. Implement the design solution that best meets users\u2019 needs and the goals of the business<\/p>\n

Process and\u00a0Approach<\/h2>\n

To ensure the mobile app meets the needs of the target audience, I employed the design thinking methodology as defined by the Nielsen-Norman group for the entire project.<\/p>\n

User Research<\/strong><\/p>\n

I started out the project by conducting an initial user research to find out how the target users currently shop for gifts for special occasions and the difficulties they experience using their current preferred method (both online and offline). I used an online survey to achieve this.<\/p>\n

Affinity Mapping<\/strong><\/p>\n

I analyzed the results of the survey and used affinity mapping to group related observations. This helped me uncover the pain points users encounter as they shop for gifts. With this in place, I had a better understanding about the needs of the target audience.<\/p>\n


\n
\"\"<\/a>

Users observations and\u00a0comments<\/p><\/div><\/p>\n

\"\"<\/a>

Affinity map created from the user\u00a0research<\/p><\/div>\n

<\/center><\/p>\n

Pain Points<\/strong><\/p>\n

The pain points uncovered are as follows:<\/p>\n

    \n
  1. Users have difficulty finding suitable gift items<\/li>\n
  2. Users are concerned about keeping track of and remembering special occasions so they can plan their purchase of gifts ahead of time to avoid last minute rush<\/li>\n
  3. The price of gift items was a major concern for users<\/li>\n
  4. Users want to be guaranteed about the quality of the products they are paying for as well as their timely delivery<\/li>\n
  5. Users are concerned about the safety of their payment information online<\/li>\n<\/ol>\n

    Personas<\/strong><\/p>\n

    Using the results of the survey, I created two personas that embody the traits of the target audience.<\/p>\n


    \n
    \"\"<\/a>

    User persona\u00a01<\/p><\/div><\/p>\n

    \"\"<\/a>

    User persona\u00a02<\/p><\/div>
    \n<\/center><\/p>\n

    Job stories<\/strong><\/p>\n

    With some of the pain points uncovered earlier, I created two jobs stories for the features that will addressed with the first release of the app.<\/p>\n

      \n
    1. When I find out that an important occasion is coming up, I want to be able to find good quality suitable gift items at a fair price, so I can make the day special for the person(s) involved.<\/em><\/li>\n
    2. When I know that an important occasion is coming up, I want to be able to save the date, so I can be reminded and plan ahead about the gift to buy.<\/em><\/li>\n<\/ol>\n

      Information architecture<\/strong><\/p>\n

      \"\"<\/a>

      Information architecture<\/p><\/div>\n

      <\/p>\n

      Design Explorations<\/h2>\n

      Brainstorming and Ideation<\/strong><\/p>\n


      \n
      \"\"<\/a>

      Sketches 1<\/p><\/div><\/p>\n

      <\/p>\n

      \"\"<\/a>

      Sketches 2<\/p><\/div>\n

      <\/center><\/p>\n

      Wireframes<\/strong><\/p>\n

      My goal was to provide design solutions for the pain points uncovered in the initial research.<\/p>\n

      Since most users want to explore products before committing to buy, they are given the option to skip sign up\/sign in and begin exploring products at once.<\/p>\n

      \"\"<\/a>

      Onboarding screens wireframes<\/p><\/div>\n

      Products are placed in well-named categories corresponding to the occasion (birthdays, weddings etc.). Users are also given the option to search and filter results.<\/p>\n

      \"\"<\/a>

      Explore screens wireframes<\/p><\/div>\n

      \"\"<\/a>

      Search, liked and settings screens wireframes<\/p><\/div>\n

      The calendar feature allows users save upcoming events so they get reminders to shop for gifts. It also syncs with their inbuilt calendar (for specific occasions).<\/p>\n

      \"\"<\/a>

      Calendar screens wireframes<\/p><\/div>\n

      The checkout process is optimized as users are not required to sign up\/log in before checking out (guest checkout). Also, signing up or logging in does not remove the user from their normal flow. To allay security fears, users are assured of the safety of their personal information at checkout.<\/p>\n

      The tracking feature keeps users informed about the progress with the delivery of their ordered items.<\/p>\n

      \"\"<\/a>

      Cart, checkout and tracking screen wireframes<\/p><\/div>\n

      Prototype and user testing<\/strong><\/p>\n

      I made these wireframes into a prototype which you can find here<\/a>. Usability tests with this prototype uncovered a number of issues. The placement of past orders as a section on the cart screen made it difficult for users to locate their order history. Also, the progress bar on the tracking screen posed challenges for some users. I fixed these issues and proceeded with the visual design.<\/p>\n

      Visual Design<\/h2>\n
      \"\"<\/a>

      Onboarding screens<\/p><\/div>\n

      \"\"<\/a>

      Explore screens<\/p><\/div>\n

      \"\"<\/a>

      Search and Liked\u00a0screens<\/p><\/div>\n

      \"\"<\/a>

      Cart and checkout\u00a0screens<\/p><\/div>\n

      \"\"<\/a>

      Calendar screens<\/p><\/div>\n

      \"\"<\/a>

      Profile, orders and tracking\u00a0screens<\/p><\/div>\n

      Conclusion<\/h2>\n

      In the course of my training, I learnt how important it was to follow a user-centered design process and this project further solidified that thinking. I\u2019ll close with one my favourite quotes by Paul Boag\u2014 \u201cTo be a great designer, you need to look a little deeper into how people think and act.\u201d<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

      Introduction I recently completed a training in User Interface\/User Experience design facilitated by Stutern Graduate Accelerator (SGA). For my final project, I worked on the UI\/UX for a client\u2019s gift shopping app called Dealsdate. What follows is a case study detailing my process and output. Overview Dealsdate is an online gift shopping website providing gift items for special life moments… Read More ￫<\/a><\/p>\n","protected":false},"author":228,"featured_media":15015,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[499],"tags":[],"class_list":["post-14986","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux"],"acf":[],"yoast_head":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\n\n\n\n\t\n