{"id":1069,"date":"2020-03-02T20:49:04","date_gmt":"2020-03-02T20:49:04","guid":{"rendered":"https:\/\/www.jessiexue.com\/?p=1069"},"modified":"2022-10-23T05:35:58","modified_gmt":"2022-10-23T05:35:58","slug":"zara-app-case-study","status":"publish","type":"post","link":"https:\/\/www.jessiexue.com\/?p=1069","title":{"rendered":"Case Study – ZARA IOS App"},"content":{"rendered":"\n
Role in Research, Sketching, Wireframing, prototyping, Testing, Branding<\/h6>\n\n\n\n

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

Nowadays, having a mobile online shopping app is a trending way for businesses to give convenience, efficiency, and more control to consumers. Because of competition, a significant challenge for the retailer is how to get more consumers and also retain them. Zara is one of the largest retailers that specialize in fast fashion has so many products under it, offering an amazing online shopping experience for customers.
<\/p>\n\n\n\n

As a big fan of Zara\u2019s product, when I use the app on my IOS phone, I\u2019ve noticed some of the unfriendly usability issues that might weaken users\u2019 shopping experience. Consequently, I decided to redesign the ZARA phone application for a better user experience. 
<\/p>\n\n\n\n

Project Overview<\/strong>
<\/p>\n\n\n\n

The Goal<\/strong>: Re-design the category and review system workflow to create an easier, effective and more friendly shopping experience. 
<\/p>\n\n\n\n

The Challenge<\/strong>: Zara is a very popular fashion brand in the world, and so many people like to shop there. A fluid shopping experience will uplift their mood which potentially makes customers buy more products. Consequently, ZARA is facing how to prioritize the content of the app.
<\/p>\n\n\n\n

The Role<\/strong>: Research, Sketching, Wireframing, prototyping, Testing, branding
<\/p>\n\n\n\n

Tool<\/strong>: Adobe XD, Adobe After Effects, Adobe Photoshop, Pen&Paper
<\/p>\n\n\n\n

Device<\/strong>: iPhone
<\/p>\n\n\n\n

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

Conducting interviews with friends and strangers who are young, price-conscious, and highly sensitive to the latest fashion trends. After interviewing, I made an empathize map to establish a persona.
<\/p>\n\n\n\n

Conducting Research Interview Plan – <\/strong>Extract information from users for user experience understanding, usability understanding and ideation <\/p>\n\n\n\n

Purpose
<\/p>\n\n\n\n

The purpose of this study is to find out how our target group uses the ZARA IOS app. When, where, and how users use the app in their daily lives may all affect their overall experience. I need to get an understanding of this so that I know what solutions would be most relevant and helpful to our target group.
<\/p>\n\n\n\n

Method
<\/p>\n\n\n\n

I will do 10 contextual interviews with people who are young, price-conscious and highly sensitive to the latest fashion trends and show me how they think and feel about the app.
<\/p>\n\n\n\n

Participants 
<\/p>\n\n\n\n

Participants will be people aged 25-45 who want to have fashion outfits with better prices and to have better experiences with mobile shopping. Since I have 20 days to carry out the study I will ask people from the local area through networking and posting on social media.
<\/p>\n\n\n\n

Location
<\/p>\n\n\n\n

I will do the interviews in a cozy coffee shop. I want interviewees to feel relaxed while doing the testing, and I can see their outfits as well.
<\/p>\n\n\n\n


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

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

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

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

Empathize – Research and discover how users\u2019 feeling and thinking<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

User Persona – <\/strong>Identify users\u2019 behaviour and goals
<\/p>\n\n\n\n

According to the Zara Retailer report, the target market is women (here only discuss women), 18-40 years of age who are very fashion-forward and trend-conscious, residing in an urban area. Zara\u2019s customers are definitely sensitive towards having the most up to date and fashionable clothing and accessories but at an affordable price.  In addition to my previous result, I have created a goal-directed persona for the Zara ios app users.
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Define <\/strong>
<\/p>\n\n\n\n

Creating a point of view problem statement to understand users\u2019 needs and insights
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

After reviewing with typical users to analyze, I have made three main pain points to improve on as below:
<\/p>\n\n\n\n

Pain Point 1: No Value Judgement<\/strong>
<\/p>\n\n\n\n

Most of the users were having a hard time deciding to buy the product or not because there was no judgement. Therefore, the review and rating system is quite important to make users buy the product without hesitation. 
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Pain Point 2: Less category<\/strong>
<\/p>\n\n\n\n

According to my research and point of view statements, we have realized the users want to have more categories to access instead of spending more time browsing. In addition, adding more useful categories give users other choices and directions.
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Pain Point 3: Items layout make the user see less product at a time <\/strong>
<\/p>\n\n\n\n

Most of the users want to see more items at the same time, which saves time and is good for an eye scan. Therefore, the layout of pictures or products is a waste of users\u2019 time.
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Ideate <\/strong>
<\/p>\n\n\n\n

Based on our research and define, I made some improvements to develop better user experience.  
<\/p>\n\n\n\n

Pain Point 1: Add the review function to the app<\/strong>
<\/p>\n\n\n\n

The original design was simple and decent, but it lacked the reviewing system. Therefore, I added the review icon and more details for giving a value judgement for users. I brainstorm and sketch to address those details as below.        
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Pain Point 2: Put 2 more categories including Best Selling and Promo<\/strong>
<\/p>\n\n\n\n

As we know from the point of view statements, I was dedicated to customer satisfaction to meet their different needs and requirements. Therefore, I added two more options that were Best Selling and Promo to improve user experience needs.
<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Pain Point 3: Changed the layout of the pictures to present more than three pictures on one page.  <\/strong>
<\/p>\n\n\n\n

Most of the users desired to see more than 3 pictures on one page to improve the speed of scanning and discovering. Therefore, I designed a new layout to provide a new visual to satisfy their needs. 
<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Validation<\/strong>
<\/p>\n\n\n\n

Conducting user testing with a group of users has allowed me to identify and resolve the pain points, and the results were positive:
<\/p>\n\n\n\n

  • Users had no hesitating to purchase products because of the reviewing system helped a lot.<\/li>
  • Users had more categories to browsing products and better direction to guide.<\/li>
  • Users could see many pictures on a page instead of scrolling down often that improve a lot of user experience. <\/li><\/ul>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Prototype<\/strong><\/p>\n\n\n\n

    Based on the wireframes and user testing with the same 10 people, I made a Hi-Fidelity prototype to represent the final result. <\/p>\n\n\n\n

    \"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

    Role in Research, Sketching, Wireframing, prototyping, Testing, Branding Nowadays, having a mobile online shopping app … <\/p>\n","protected":false},"author":1,"featured_media":1175,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[37],"tags":[],"class_list":["post-1069","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-design"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.jessiexue.com\/wp-content\/uploads\/2020\/03\/features-1.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p2BhDI-hf","_links":{"self":[{"href":"https:\/\/www.jessiexue.com\/index.php?rest_route=\/wp\/v2\/posts\/1069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jessiexue.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jessiexue.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jessiexue.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jessiexue.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1069"}],"version-history":[{"count":56,"href":"https:\/\/www.jessiexue.com\/index.php?rest_route=\/wp\/v2\/posts\/1069\/revisions"}],"predecessor-version":[{"id":1413,"href":"https:\/\/www.jessiexue.com\/index.php?rest_route=\/wp\/v2\/posts\/1069\/revisions\/1413"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jessiexue.com\/index.php?rest_route=\/wp\/v2\/media\/1175"}],"wp:attachment":[{"href":"https:\/\/www.jessiexue.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jessiexue.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jessiexue.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}