UX & Visual Language

Submo: User Testing with paper

Testing Wireframes 10 things that are important about the app For this user testing in the very early stage of product development, I plan to test the following things (top 3 things in red): When users enter the subway station:

Submo: User Testing with paper

Testing Wireframes 10 things that are important about the app For this user testing in the very early stage of product development, I plan to test the following things (top 3 things in red): When users enter the subway station:

New MTR Solar Power Vending Machine

I encountered this new MTR vending machine on the 34th Street. I like its solar powered design and clear invitation. But one thing that confused me is: Which button should I push to start?

New MTR Solar Power Vending Machine

I encountered this new MTR vending machine on the 34th Street. I like its solar powered design and clear invitation. But one thing that confused me is: Which button should I push to start?

Two Water Filter

Manipulation with one hand? Hardly… (Below) Manipulation with one hand? Yes! (Below)

Two Water Filter

Manipulation with one hand? Hardly… (Below) Manipulation with one hand? Yes! (Below)

Extreme Poverty – An App Design

This two week project is to create an interactive experience that communicates to an end user what it is like to live on $1.25 a day. This assignment is inspired by the work of the humanitarian organization Trickle Up, who empowers people living

/ UX & Visual Language

Extreme Poverty – An App Design

This two week project is to create an interactive experience that communicates to an end user what it is like to live on $1.25 a day. This assignment is inspired by the work of the humanitarian organization Trickle Up, who empowers people living

/ UX & Visual Language

GreatBuildings.com Redesign: Finalized Flow Diagrams & Wireframes

In the past week, Wang Yang and I examined the current website design of http://www.greatbuildings.com/, identified the hierarchical structure and designed a high level flow diagrams. (see the blog here). This week, we finalized our detailed flow diagrams using the structure of a pizza,

GreatBuildings.com Redesign: Finalized Flow Diagrams & Wireframes

In the past week, Wang Yang and I examined the current website design of http://www.greatbuildings.com/, identified the hierarchical structure and designed a high level flow diagrams. (see the blog here). This week, we finalized our detailed flow diagrams using the structure of a pizza,

GreatBuildings.com Redesign: Flow diagrams

Introduction UX team member: Yang Wang, Peiqi Su Hypothetical client: Great Buildings Collection Project: The GreatBuildings Collection Website Redesign. We will spend 2 weeks redesigning the holistic website of The GreatBuildings Collection. Our criteria for success are making the experience engaging as well as providing all information

GreatBuildings.com Redesign: Flow diagrams

Introduction UX team member: Yang Wang, Peiqi Su Hypothetical client: Great Buildings Collection Project: The GreatBuildings Collection Website Redesign. We will spend 2 weeks redesigning the holistic website of The GreatBuildings Collection. Our criteria for success are making the experience engaging as well as providing all information

Design A Counter 2 – Best Practices

This is the counter app design based on the previous physical object design.

/ UX & Visual Language

Design A Counter 2 – Best Practices

This is the counter app design based on the previous physical object design.

/ UX & Visual Language

Design A Counter – Best Practices

Design Task Design a physical object that allows a user to count. Functional Requirements The object should allow the user to easily record single increments of change (either counting forward toward a target or backwards from it). Target audience people

/ UX & Visual Language

Design A Counter – Best Practices

Design Task Design a physical object that allows a user to count. Functional Requirements The object should allow the user to easily record single increments of change (either counting forward toward a target or backwards from it). Target audience people

/ UX & Visual Language

Grooveshark vs. Rdio: Compair the steps of creating playlists

See PDF here: Rdio vs Grooveshark_v2

/ UX & Visual Language

Grooveshark vs. Rdio: Compair the steps of creating playlists

See PDF here: Rdio vs Grooveshark_v2

/ UX & Visual Language

Space as an Interface

I always think that an interface should not be limited on a screen or a panel. I’d rather think the interface as a context that people could interact with. By this means, space is an interface. Space provides invitations to

Space as an Interface

I always think that an interface should not be limited on a screen or a panel. I’d rather think the interface as a context that people could interact with. By this means, space is an interface. Space provides invitations to

Don Norman: Designing For People

I love interaction design. It’s gleeful for me to look over the world and analyze each deficiency. Surprisingly, there are huge number of daily things that are not easy to interaction with, such as vending machines, tap-in doors, microwaves and even refrigerators.

/ Biomechanics, UX & Visual Language

Don Norman: Designing For People

I love interaction design. It’s gleeful for me to look over the world and analyze each deficiency. Surprisingly, there are huge number of daily things that are not easy to interaction with, such as vending machines, tap-in doors, microwaves and even refrigerators.

/ Biomechanics, UX & Visual Language

Week 6: Color Theory

The Online ColorIQ Challenge Result I did this test 2 or 3 years ago, and got score 0. This time, still 0. Unfortunately, the score has not been improved! –>Take the test here<– The Color Composition When talking about color composition,

/ UX & Visual Language

Week 6: Color Theory

The Online ColorIQ Challenge Result I did this test 2 or 3 years ago, and got score 0. This time, still 0. Unfortunately, the score has not been improved! –>Take the test here<– The Color Composition When talking about color composition,

/ UX & Visual Language

Week 5: Logo and Brand Design

A Successful Logo View the PDF here. Design ITP Logo   Use logo as a verb: Processing sketch

/ UX & Visual Language

Week 5: Logo and Brand Design

A Successful Logo View the PDF here. Design ITP Logo   Use logo as a verb: Processing sketch

/ UX & Visual Language

Visual Language

view the pdf

/ UX & Visual Language

Visual Language

view the pdf

/ UX & Visual Language

VL: Unsuccessful Signage

The PDF          

/ UX & Visual Language

VL: Unsuccessful Signage

The PDF          

/ UX & Visual Language

[VL] Website Analysis: Principles of Design

View PDF here: Website Analysis USA Today Great tutorial: BBC – GEL (Global Experience Language) Download GEL Website Styleguide Great tools: Firefox extension: Firebug Chrome extension: Blipshot — one click screenshots

/ UX & Visual Language

[VL] Website Analysis: Principles of Design

View PDF here: Website Analysis USA Today Great tutorial: BBC – GEL (Global Experience Language) Download GEL Website Styleguide Great tools: Firefox extension: Firebug Chrome extension: Blipshot — one click screenshots

/ UX & Visual Language