Friday, September 18, 2015

[personal UX/UI review] Coupang's UX issue and my recommendation

Coupang's UX Issue Report

- Found through user interview and heuristics

Below is my findings from using Coupang's web (i.e. PC) and mobile (i.e. iOS) app service and having user interviews.  Majority of e-commerce services in Korea has somewhat similar issues.  My hope is that many of them deal with significantly important service challenges hindering user experience to reduce unnecessary hassles among buying users to serve them with quality solution and at the same time gain fruitful business outcome. 

  1. product searchability
    1. not available product
      1. issue
        1. [data] not available products at "Zero Moment of Truth"
      2. evidence
        1. [user interview] 3 out of 3 users says they were not able to find products that they needed at the moment that they needed
      3. recommendation
        1. [operation] list up all possible products in Korea if not the world via seller mobilization
    1. too long product description
      1. issue
        1. [UI] page content requiring too much scrolling (e.g. link)
      2. evidence
        1. "Aesthetic and minimalist design" principle from "10 Usability Heuristics for User Interface Design" by Jakob Nielsen (i.e. link)
      3. recommendation
        1. [system] succinct product info through "1 item 1 description" operation on product detail page
    1. text in image
      1. issue
        1. [data] displaying text in image format (e.g. link)
        2. [data] description not searcheable
      2. evidence
        1. "Flexibility and efficiency of use" principle from "10 Usability Heuristics for User Interface Design" by Jakob Nielsen (i.e. link)
      3. recommendation
        1. [data] separate product image from text through redesigning product detail page and educating and supporting stakeholders (e.g. sellers) (e.g. Amazon: link)
    1. not standardized product info
      1. issue
        1. [data] not canonicalized product information, not allowing users to compare (e.g. link)
      2. evidence
        1. "User control and freedom" and "Consistency and standards" principles from "10 Usability Heuristics for User Interface Design" by Jakob Nielsen (i.e. link)
      3. recommendation
        1. [data] standardize product information per product category
        2. [UI] allow users to filter products (e.g. link)
    1. fake product listing
      1. issue
        1. [data] decreasing users’ trust on products at the site
      2. evidence
        1. “Error prevention” principle from "10 Usability Heuristics for User Interface Design" by Jakob Nielsen (i.e. link)
      3. recommendation
        1. either (1) [MD] removing not authentic or misleading products on display or (2) [UI] clearly telling users whether the products are authentic or not


  1. purchase flow
    1. many steps to go through for a purchase
      1. issue
        1. [system] operation model requiring users to select once more after they choose a product (i.e. link1-> link2), hurting user experience due to not leading to purchase right away but asking for more reading and selection
      2. evidence
        1. [user interview] too many steps
      3. recommendation
        1. [operation] change the current product listing system from many selectable items to only one item on product page to remove users' additional selection step on product detail page (i.e. link)
        2. [user flow] select a product on first or search page-> select purchase button on product detail page-> Coupang ships the product
    1. plethora of coupons to select to get discount
      1. issue
        1. [system] blocking convenient and pleasant shopping experience due to too many things to pay attention to to get discounts (e.g. link)
      2. evidence
        1. "Aesthetic and minimalist design" principle from "10 Usability Heuristics for User Interface Design" by Jakob Nielsen (i.e. link)
      3. recommendation
        1. [system] either (1) change the current coupon system (i.e. an added process for users to go through before purchase to get discounts) to a pricing system where discounted prices are already implemented in product detail page or (2) remove the coupon system to provide streamlined purchasing experience
    1. using too many colors and items
      1. issue
        1. [UI] distracting users from fluid flow of purchase (e.g. link)
      2. evidence
        1. "Aesthetic and minimalist design" principle from "10 Usability Heuristics for User Interface Design" by Jakob Nielsen (i.e. link)
      3. recommendation
        1. [UI] minimize color variety perhaps less than 3 (c.f. Amazon: link1, link2)
    1. no LBS (location-based service)
      1. issue
        1. [system] no nearby info option on mobile device (e.g. link)
      2. evidence
        1. "User control and freedom" principle from "10 Usability Heuristics for User Interface Design" by Jakob Nielsen (i.e. link)
      3. recommendation
        1. [system] providing "nearby" options whenever appropriate for users and products' context


  1. ads
    1. celebrity ad
      1. issue
        1. [user flow] obstructing users' primary activity (i.e. browsing and purchasing) flow on website; putting celebrity images to leverage brand recognition may bring a short win but the strategy may hurt the company in the long run by potentially distracting users from their focus of purchase to an interesting person to have a look at (e.g. link1, link2)
      2. evidence
        1. "Aesthetic and minimalist design" principle from "10 Usability Heuristics for User Interface Design" by Jakob Nielsen (i.e. link)
      3. recommendation
        1. [branding] to build brand equity in a sustainable and long run, remove celeb ad and focus on creating quality service which will be a good strategy for both short and long term
    1. too many ads
      1. issue
        1. [system] distracting users from browsing and purchasing (e.g. link)
      2. evidence
        1. "Aesthetic and minimalist design" principle from "10 Usability Heuristics for User Interface Design" by Jakob Nielsen (i.e. link)
      3. recommendation
        1. [system] remove ads; if ads are needed for business purposes, think of other ways to show them but not obstruct users' browsing and purchasing flow

Friday, September 11, 2015

[personal UX/UI review] Amazon's rating algorithm

<source: link>
case: Amazon's rating system

positive: effort to provide useful customer review information to users by including multiple factors into rating algorithm.

The explanation states "Amazon calculates a product’s star ratings using a machine learned model instead of a raw data average. The machine learned model takes into account factors including: the age of a review, helpfulness votes by customers and whether the reviews are from verified purchases." 

Thursday, September 10, 2015

[personal UX/UI review] after watching Apple Special Event on September 9, 2015

<source: http://www.apple.com/apple-events/september-2015/>

When watching Apple Special Event today, below are some thoughts in my head.

I liked Tim Cook's explanation on what components needed to be prepared for Apple TV to come to life.
1. powerful hardware- e.g. new Apple TV set-top box
2. modern OS- i.e. tvOS
3. new user experience- i.e. Siri Remote
4. developer tools- i.e. tvOS SDK
5. app store- built-in App Store

Due to contextual design, I also liked below features of Apple TV.
1. Cinematic screen saver displays relevant aerial videos of scenic cities and landmarks depending on user's time of day.
2. [show that modern family episode with Edward Norton] displays relevant contents of user's query (this feature has been introduced by Android TV already, though)
3. [skip ahead seven minutes] skips 7 minutes of video playing on screen.
4. [what did she say?] rewinds 15 seconds and temporarily turns on captions.
5. smooth transition from an item selection to detail page by displaying blurry contextual color on screen's background (c.f. Google's Image Search provides a different approach like below with similar idea to bring smooth transition in users' eyes)

Monday, September 7, 2015

[lecture: for startup] ์Šคํƒ€ํŠธ์—…์„ ์œ„ํ•œ “๊ฐœ์ธ์ •๋ณด” & “์œ„์น˜์ •๋ณด”


Subject
์Šคํƒ€ํŠธ์—…์„ ์œ„ํ•œ “๊ฐœ์ธ์ •๋ณด” & “์œ„์น˜์ •๋ณด” (link)
Place
Campus Seoul
Time
September 7, 2015  19:00~21:00
Speaker
๊น€ํ˜„ํ˜ธ ๋ณ€ํ˜ธ์‚ฌ(Kim & Chang)
Host?
Campus Seoul
Focus
how to treat personal/location information in Korea (presentation file: link)
  1. Lesson
    1. ๊ด€๋ จ ๋ฒ•: ์ •๋ณดํ†ต์‹ ๋ง๋ฒ•, ๊ฐœ์ธ์ •๋ณด๋ณดํ˜ธ๋ฒ•, ์‹ ์šฉ์ •๋ณด๋ฒ• (๊ธˆ์œต๊ฑฐ๋ž˜ ๊ด€๋ จ)

    1. ๊ฐ•์˜ ๋ชฉ์ : ๊ทœ์ œ ํŒจํ„ด์— ๋Œ€ํ•œ ์ดํ•ด

    1. ๊ฐœ์ธ/์œ„์น˜ ์ •๋ณด
      1. ๊ฐœ์ธ์ •๋ณด: ๊ณ ์œ  ์ •๋ณด (์„ฑ๋ช…, ์ฃผ๋ฏผ๋ฒˆํ˜ธ), ์‹ ์ฒด์  ์ •๋ณด (์œ ์ „์ž, ํ™์ฑ„), ํ™œ๋™ํ•˜๋ฉด์„œ ๋ฐœ์ƒํ•˜๋Š” ์ •๋ณด ์ธ์ , ์‹ ์ฒด, ์žฌ์‚ฐ, ์ •์‹ ์ , ์‚ฌํšŒ์  ์ •๋ณด (e.g. ์›น์‚ฌ์ดํŠธ ๊ฒ€์ƒ‰๋‚ด์—ญ, ๋ฌผํ’ˆ ๊ตฌ๋งค๋‚ด์—ญ, ํ†ต์žฅ, ์ถœ๊ฒฐ, ๊ทผ๋ฌด๊ฒฝ๋ ฅ), ๋‹ค๋ฅธ ์ •๋ณด์™€ ์‰ฝ๊ฒŒ ๊ฒฐํ•ฉ (e.g. USIM/IMEI(International Mobile Equipment Identity) + ํ†ต์‹ ์‚ฌ ๋ณด์œ  ์ •๋ณด)
      2. ์œ„์น˜์ •๋ณด: ์กด์žฌํ•˜๊ฑฐ๋‚˜ ์กด์žฌํ•˜์˜€๋˜ ์žฅ์†Œ์— ๊ด€ํ•œ ์ •๋ณด
      3. ๊ฐœ์ธ์œ„์น˜์ •๋ณด: ๋‹ค๋ฅธ ์ •๋ณด์™€ ์šฉ์ดํ•˜๊ฒŒ ๊ฒฐํ•ฉํ•˜์—ฌ ํŠน์ • ๊ฐœ์ธ์˜ ์œ„์น˜๋ฅผ ์•Œ ์ˆ˜ ์žˆ๋Š” ๊ฒƒ ํฌํ•จ

    1. ์–ด๋–ค ๋ฒ•์ด ์ ์šฉ๋˜๋‚˜์š”?
      1. ๊ฐœ์ธ์ •๋ณด๋ณดํ˜ธ๋ฒ•: ์˜คํ”„๋ผ์ธ์—์„œ ์ˆ˜์ง‘/์ด์šฉ๋˜๋Š” ๋ชจ๋“  ๊ฐœ์ธ์ •๋ณด
      2. ์ •ํ†ต๋ง๋ฒ•- ์˜จ๋ผ์ธ ์„œ๋น„์Šค ์ด์šฉ์ž ๊ฐœ์ธ์ •๋ณด

    1. ๋‹จ๊ณ„๋ณ„ ์œ ์˜ํ•  ์‚ฌํ•ญ: ์ˆ˜์ง‘ ๋ฐ ์ด์šฉ: ์ˆ˜์ง‘-> ์ด์šฉ-> ์ œ3์ž์ œ๊ณต-> ์ฒ˜๋ฆฌ ์œ„ํƒ-> ๋ณด๊ด€ ๋ฐ ํŒŒ๊ธฐ

    1. ๊ณ ์ง€์™€ ๋™์˜ <- ์œ„๋ฐ˜์‹œ ํ˜•์‚ฌ ์ฒ˜๋ฒŒ
      1. ๊ณ ์ง€ํ•  ์‚ฌํ•ญ
      • ์ˆ˜์ง‘๋˜๋Š” ๊ฐœ์ธ์ •๋ณด
      • ์ˆ˜์ง‘ ๋ฐ ์ด์šฉ ๋ชฉ์ 
      • ๊ฐœ์ธ์ •๋ณด ๋ณด์œ  ๋ฐ ์ด์šฉ ๊ธฐ๊ฐ„
      • ๋™์˜ใ…ฃ ๊ฑฐ๋ถ€ํ•œ ๊ฒฝ์šฐ ๋ถˆ์ด์ต(ํ•ด๋‹น๋˜๋Š” ๊ฒฝ์šฐ)
      1. ๋™์˜
      • ์•ฝ๊ด€๊ณผ ๋ณ„๋„ ๋™์˜
      • ํ•„์ˆ˜ ๋™์˜ vs. ์„ ํƒ ๋™์˜
      1. ์ฃผ๋ฏผ๋“ฑ๋ก๋ฒˆํ˜ธ ์ฒ˜๋ฆฌ ์ œํ•œ

    1. ์ œ3์ž ์ œ๊ณต <- ์œ„๋ฐ˜์‹œ ํ˜•์‚ฌ ์ฒ˜๋ฒŒ
      1. ์ œ3์ž์˜ ๋ฒ”์œ„ ๊ณ ์ง€ํ•  ์‚ฌํ•ญ
      • ๊ฐœ์ธ์ •๋ณด๋ฅผ ์ œ๊ณต๋ฐ›๋Š” ์ž
      • ์ œ๊ณต๋˜๋Š” ๊ฐœ์ธ์ •๋ณด ํ•ญ๋ชฉ (e.g. ์„ฑ๋ช…, ์ฃผ๋ฒˆ, ์ฃผ์†Œ, ๊ธฐํ˜ผ/๋ฏธํ˜ผ, ์ทจ๋ฏธ, ..๋“ฑ์œผ๋กœ ํ‘œ๊ธฐ ํ•˜๋ฉด ์•ˆ๋จ)
      • ๊ฐœ์ธ์ •๋ณด๋ฅผ ์ œ๊ณต๋ฐ›๋Š” ์ž์˜ ๊ฐœ์ธ์ •๋ณด ์ด์šฉ ๋ชฉ์ 
      • ๊ฐœ์ธ์ •๋ณด๋ฅผ ์ œ๊ณต๋ฐ›๋Š” ์ž์˜ ๊ฐœ์ธ์ •๋ณด ๋ณด์œ  ๋ฐ ์ด์šฉ ๊ธฐ๊ฐ„
      • ๋™์˜๋ฅผ ๊ฑฐ๋ถ€ํ•œ ๊ฒฝ์šฐ ๋ถˆ์ด์ต(ํ•ด๋‹น๊ฒฝ์šฐ)
      1. ๋™์˜
        1. ์ˆ˜์ง‘ ๋ฐ ์ด์šฉ ๋™์˜์™€ ๋ณ„๋„ ๋™์˜

    1. ์ฒ˜๋ฆฌ ์œ„ํƒ <- ์œ„๋ฐ˜์‹œ ํ˜•์‚ฌ ์ฒ˜๋ฒŒ ๋ฐ ํ–‰์ •์ฒ˜๋ถ„
      1. c.f. ์œ„ํƒ (์˜จ๋ผ์ธ ์‡ผํ•‘๋ชฐ์—์„œ ํƒ๋ฐฐ์‚ฌ์—๊ฒŒ) vs. ์ œ3์ž ์ œ๊ณต (e.g. ์ดํ†ต์‚ฌ์—์„œ ๋ณดํ—˜์‚ฌ์—๊ฒŒ)
      2. ๊ณ ์ง€ ๋ฐ ๋™์˜
      • ์ˆ˜ํƒ์ž ์ด๋ฆ„
      • ์œ„ํƒํ•˜๋Š” ์—…๋ฌด์˜ ๋‚ด์šฉ
      1. ๊ณต๊ฐœ
      • ์ •๋ณดํ†ต์‹ ์„œ๋น„์Šค ์ œ๊ณต์— ๊ด€ํ•œ ๊ณ„์•ฝ์„ ์ดํ–‰ํ•˜๊ณ  ์ด์šฉ์ž ํŽธ์˜ ์ฆ์ง„ ๋“ฑ์„ ์œ„ํ•˜์—ฌ ํ•„์š”ํ•œ ๊ฒฝ์šฐ
      • ๊ณ ์ง€์‚ฌํ•ญ์„ ๊ฐœ์ธ์ •๋ณด์ทจ๊ธ‰๋ฐฉ์นจ์— ์˜๊ฑฐ ๊ณต๊ฐœ

    1. ํŒŒ๊ธฐ <- ์œ„๋ฐ˜์‹œ ํ˜•์‚ฌ ์ฒ˜๋ฒŒ
      1. ํ•„์š”ํ•˜์ง€ ์•Š์€ ๊ฒฝ์šฐ ์ง€์ฒด ์—†์ด ํŒŒ๊ธฐ: 3๋…„-> 1๋…„ (ํ˜„ํ–‰)


    1. ๊ฐœ์ธ์ •๋ณด ๊ตญ์™ธ ๋‚˜๊ฐ€๋Š” ๊ฒฝ์šฐ: e.g. ๊ตญ์™ธ ์„œ๋ฒ„ ์ €์žฅ-> ๊ณ ์ง€ ๋ฐ ๋™์˜ ๋ฐ›์„ ๊ฒƒ

    1. ๊ธฐ์ˆ ์  ๋ฐ ๊ด€๋ฆฌ์  ๋ณดํ˜ธ์กฐ์น˜
      1. ๋ฐฑ์‹ SW์„ค์น˜, ๋ฌผ๋ฆฌ์  ์ ‘๊ทผ๋ฐฉ์ง€, ์นจ์ž…ํƒ์ง€ ์‹œ์Šคํ…œ, ์ €์žฅ์ •๋ณด ์•”ํ˜ธํ™”, ๋‚ด๋ถ€๊ด€๋ฆฌ ๊ณ„ํš, ์ ‘๊ทผ๊ถŒํ•œ, ๋น„๋ฐ€๋ฒˆํ˜ธ ๊ด€๋ฆฌ, ์ „๊ทผํ†ต์ œ์‹œ์Šคํ…œ์„ค์น˜, ์ „์†ก์ •๋ณด ์•”ํ˜ธํ™”, ์ ‘์†๊ธฐ๋ก ๋ณด๊ด€, ํ˜‘๋ ฅ ๋ฐ ์šฉ์—ญ ์—…์ฒด ๊ด€๋ฆฌ

    1. ์ด์šฉ๋‚ด์—ญ ํ†ต์ง€ ์˜๋ฌด
      1. ์›์น™- ์ด์šฉ๋‚ด์—ญ์„ ์—ฐ 1ํšŒ ์ด์ƒ ์ฃผ๊ธฐ์ ์œผ๋กœ ์ด์šฉ์ž์—๊ฒŒ ํ†ต์ง€
      2. ์˜ˆ์™ธ- ์ด์šฉ๋‚ด์—ญ ํ†ต์ง€์˜๋ฌด ๋ฉด์ œ (e.g. ์—ฐ๋ฝ์ฒ˜ ๋“ฑ ์ด์šฉ์ž์—๊ฒŒ ํ†ต์ง€ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐœ์ธ์ •๋ณด ์ˆ˜์ง‘ ์•Š์€ ๊ฒฝ์šฐ)

    1. ์˜๋ฆฌ๋ชฉ์  ๊ด‘๊ณ ์„ฑ ์ •๋ณด(spam) ์ „์†ก ์ œํ•œ (2014.11.29 ์‹œํ–‰)
      1. ์ข…์ „Opt-out  -> ํ˜„์žฌ Opt-in

    1. ์œ„์น˜์ •๋ณด์‚ฌ์—…๊ณผ ์œ„์น˜๊ธฐ๋ฐ˜์„œ๋น„์Šค์‚ฌ์—…
      1. ์œ„์น˜์ •๋ณด์ฃผ์ฒด (e.g. ๋‚ด ์ž๋™์ฐจ)-> ๊ธฐ์ง€๊ตญ->์œ„์น˜์ •๋ณด์‚ฌ์—…์ž (e.g. ์ดํ†ต์‚ฌ)-> server -> ์œ„์น˜๊ธฐ๋ฐ˜์„œ๋น„์Šค์—…์ž-> ์ด์šฉ์ž(์ œ3์ž) (e.g. app/PC; e.g. ๋‹ค์Œ์ง€๋„)

    1. ์ธํ—ˆ๊ฐ€
      1. ask whether your service belongs to ์œ„์น˜์ •๋ณด์‚ฌ์—… or ์œ„์น˜๊ธฐ๋ฐ˜์„œ๋น„์Šค์‚ฌ์—… due to different requirements


  1. Personal Takeaway
    1. startup์œผ๋กœ ํ˜„์žฌ ๊ทœ์ œ& ๋ณด์™„์กฐ์น˜ ๊ณ ๋ฏผํ•  ๊ฒƒ
    2. ๊ฐœ์ธ์œ„์น˜์ •๋ณด๋ณดํ˜ธ๋ฒ• ํ•ต์‹ฌ- ๊ฐœ์ธ์œ„์น˜์ •๋ณด ์ˆ˜์ง‘, ์ด์šฉ, ์ œ๊ณต ์‹œ ๋™์˜ ๋ฐ›์„ ๊ฒƒ
    3. ๋ฏธ๊ตญ-> ํ•œ๊ตญ ์„œ๋น„์Šค๋„์ž…์‹œ ์ฃผ์˜ํ•  ๊ฒƒ: ๊ฐœ์ธ์ •๋ณด ๋™์˜์ ˆ์ฐจ
    4. ์œ„์น˜์ •๋ณด ๋ณดํ˜ธ ์œ„ํ•œ ์ค€์ˆ˜ ์‚ฌํ•ญ ๋”ฐ๋ฅผ ๊ฒƒ
    5. ํ˜•์‚ฌ๊ธฐ๊ด€์—์„œ ์š”์ฒญ์‹œ? ์˜์žฅ ๋ฐ›์„ ๊ฒƒ
    6. ์ •๋ถ€์—์„œ ์ œ๊ณตํ•˜๋Š” ๊ฐœ์ธ์ •๋ณด๋ณดํ˜ธ๋ฒ• ๊ด€๋ จ ์ž๋ฃŒ (link)