xwei3

[xwei3]

Error Example-5

Metro App_Data loading failed

#The back of a lonely bear

[xwei3]

Error Example-4

Tencent-QQ-instant messaging software

“The furthest distance in the world is no Internet, check your Settings“

The original proverb is “the furthest distance is that I stand in front of you, but you don’t know I love you.”

#proverb

[xwei3]

Error Example-3

Yelp_no internet connection

#cure #illustration #unplug

[xwei3]

Error Example-2

Food Delivery App_take-away deliveryman on the moon (or Mars...

[xwei3]

Error Page Example-1

Google Chrome _ Internet Lost_Dinosaur Game

#game

[xwei3]

404 Example-6

https://www.behance.net/gallery/70759853/404-error-page-not-found?tracking_source=search_projects_recommended%7Cerror%20page

#story #rhetorical

[xwei3]

404 Example-5

https://unsplash.com/404

#cute pet to comfort users

[xwei3]

404 Example-4

https://lab.hakim.se/404/netmag.html

#eyes=looking for

#illustration 

[xwei3]

404 Example-3

https://enstyled.com/404

#guide users go back to homepage

[xwei3]

404 Example-2

https://wenwen.sogou.com/question/notFound.htm

“The page has been lost. But we can look for the missing child together“

#charity #goodness

[xwei3]

404 Example-1

https://weareblend.la/404

#interaction

[xwei3]

Note4

 <About Face>

 1.persona types: 

    a.Primary —— the main target of interface design.

   b.Secondary —— specific additional needs

   c.Supplemental —— a combination of primary and secondary personas

   d.Customer —— the needs of customers

   e.Served —— who directly affected by the use of the product

   f.Negative

2.

  a.Do include summarizing descriptions of all significant behavior patterns in your narrative.

  b.Do not include excessive fictional descriptions. Include just enough detail to cover basic demographics and to weave the behavior patterns into a story.

  c.Do not add levels of detail to your behavioral descriptions that you did not observe.

  d.Do not introduce solutions into your persona narrative. Rather, highlight pain points.

3. The persona photo:

a.Do not use photos with unusual camera angles or distortions. This is distracting and makes the persona look like a caricature. b.Do not use photos with exaggerated expressions. These also will look like a caricature. c.Do not use photos in which people are obviously posed and smiling for the camera. d.Do use photos where the subjects look like average people, rather than models. e.Do use photos in which the subject is engaged in an appropriate activity against a realistic background. f.Try to keep photos across persona sets similar in style and crop.

4. People don’t do tasks

5. Personas are traceable

[xwei3]

Note3

About Face: The Essentials of Interaction Design

-Chapter 16, Designing For Different Needs.

「1」 learnability and help 

1.Command modalities Pedagogic, immediate, and invisible commands/Memorization vectors 2.Working sets 3.Contextual help and assistive interfaces：Guided tours and overlays/（Offer users a gallery of ready-to-use templates.）/ Input and content area hints/ ToolTips and ToolTip overlays/ Pros and cons of wizards/ Overview descriptions/ In-app user guides

「2」customizability

4. Customizability 5. Personalization 6. Configuration 7. Idiosyncratically modal behavior

「3」Localization and Globalization

1.Localization refers to translating an application for a particular language and culture. 2.Globalization refers to making an application as universal as possible across many languages and cultures. *interfaces remain coherent as a whole

「4」Accessibility

1.Goals of accessibility

a.Users can perceive and understand all instructions, information, and feedback. b.Users can perceive, understand, and easily manipulate any controls and inputs. c.Users can navigate easily, and always be aware of where there are in an interface and navigational structure. 2.Accessibility personas 3.Accessibility guidelines:Leverage OS accessibility tools and guidelines. a.Don’t override user-selected system settings. b.Enable standard keyboard access methods. c.Incorporate display options for those with limited vision. d.Provide visual-only and audible-only output. e.Don’t flash, flicker, or blink visual elements. fUse simple, clear, brief language. g.Use response times that support all users. h.Keep layouts and task flows consistent. i.Provide text equivalents for visual elements.

[xwei3]

Example-10

Apple TV

[xwei3]

Example-9

Forever 21 App

[xwei3]

Example-8

Tiktok App

[xwei3]

Example-7

Rakuten App （cash back app）