Showing posts with label Review. Show all posts
Showing posts with label Review. Show all posts

Friday, November 6, 2015

[personal UX/UI review] the power of "Reply" button on review page (e.g. Chrome Web Store)

<case: Chrome Web Store's product detail page>

positive: the existence of "Reply" button on review page

reason: because of the button, the review page can be used as a terrific communication channel: 1. allowing users to answer questions of another user, which reduces communication cost of the app creator 2. working like a CS (customer service) channel, providing the app creator an opportunity to directly respond to eliminate frustrations of users, which may help reduce "bounce rate" of the app use 3. displaying interactions among users so that each thread can be more open and transparent

Kindle – Read Books, eBooks, Magazines, Newspapers & Textbooks on the App Store - Google Chrome 2015-11-06 12.30.18.png
<case: iTunes App Store's product detail page>

Tuesday, November 3, 2015

[personal UX/UI review] thought on displaying product images on websites

Nest Cam - Google Chrome 2015-11-06 12.36.01.png
<case: product page for Nest Cam >

Philips 452532 Personal Wireless Lighting Hue Tap Switch - - - Google Chrome 2015-11-03 15.06.38.png
<case: product page on Amazon>

Amazon.com_ Casio Men's WV58A-1AVCR Waveceptor Atomic Digital Watch_ Casio_ Watches - Google Chrome 2015-11-03 14.40.10.png
<case: product page on Amazon>

positive: Can see how big the items are intuitively

reason: Putting a universally recognized size standard object such as a deck of cards, coins, silverware, etc. next to a foreign product helps viewers' understanding of the product size.  Also, if the product can be placed at a context such as a hand or an arm, that would be a bonus. 


Friday, October 30, 2015

[personal UX/UI review] why we need word-breaks for Korean

From browser.png
case: parts of Korean words along with numbers chopped off from right edge of web documents

issue: viewers need to go back and forth from line to line to make sense of chopped-off texts

recommendation: implement Korean word-break system onto Korean websites! (e.g. Hyung Woo's jQuery plugin

Monday, October 5, 2015

[personal UX/UI review] USB port at Chunil Express bus

case: other side of seats contains a USB port
positive: lifesaver power source for many travelers
alternative: instead of a USB port, what about an outlet for each seat?

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


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)

Tuesday, June 16, 2015

[personal UX/UI review] PowerMockup by Wulfsoft

case: PowerMockup by Wulfsoft
positive: searchable module UI in the figure above, some updated wireframe shapes (e.g. Android Lollipop on phoneBootstrap), easy drag and drop for fast and convenient wireframe design
c.f. 1. The tool doesn't include interaction feature. 2. No iPad or Android tablet mock-up included in the tool. 3. The tool is only available on Windows. 

Sunday, April 5, 2015

[personal UX/UI review] Jura's automatic coffee machine

Case: Jura's coffee maker
Positive: contextual menus on machine screen; see how the menu screen changes from normal (photo above) to in progress (photo below) 

Positive: displaying "visibility of system status," the first principle of the 

"10 Usability Heuristics for User Interface Design" by Nielsen Norman Group so that users can know their coffee brewing status 

Friday, November 28, 2014

[personal UX/UI review] emergency door instruction at a subway train

Case: visual guide how to open doors in emergency
Positive: 1. images and color (i.e. red) to explain a how-to instruction 2. material to glow the instruction even under a blackout situation 

Especially In emergency, people would understand and respond to visual cues such as images and colors more quickly than texts only. The choice of material is good because the designer considered various circumstances to fulfill the purpose of the instruction. 

Wednesday, May 28, 2014

[personal UX/UI review] some observations

-. Case: rusted window frame
-. Issue: bad choice of material for the frame
-. Recommendation: use low maintenance required and long-lasting materials for building components

-. Case: Beans and Barnes signs
-. Issue: no inclusion of Korean pronunciation; this can a serious issue for especially first-time customers who would like to search the name and use its services because it takes extra time for them to figure out.
-. Recommendation: include Korean pronunciation of the store name to assist people who can't pronounce the name

Monday, May 26, 2014

[personal UX/UI review] good naming for a government organization

-. case: naming of a government organization
-. positive: the name includes "service" where this place could have been just "community center"; the inclusion of the word service is a perspective changing statement. I don't know the civil servants working in this organization are aware of deep philosophical meaning of their organization naming in English, but I'd like to compliment on the person who translated "주민센터" to potentially remind everyone in the organization go back to basics of its existence. 

Sunday, April 20, 2014

[personal UX/UI review] packaging stickers

product: School Food's packaging stickers
issue: difficult to open
recommendation: try using easily detachable stickers 
reasoning: unboxing experience is not just important for electronics companies but also in any products which require customers touch

Wednesday, April 16, 2014

[personal UX/UI review] McDonald's card reader design

Product: McDonald's card reader
Issue: difficult to tell which side of card needs to go where when swiping 
Recommendation: make each side of the reader read cards

Monday, September 23, 2013

[Personal UX/UI review] a coffee shop's differentiation

Today as I was walking up a street near to work, I found this shop. 

Positive: neat idea to differentiate a coffee shop from other stores around it

Explanation: 1. Placed wooden stair-like and grass-like installment to differentiate the shop's front from others around it
2. Put beach chairs to generate comfy feeling 
3. Played songs that go along with the above setup