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
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
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.
Design A Counter 2 – Best Practices
This is the counter app design based on the previous physical object design.
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
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
Grooveshark vs. Rdio: Compair the steps of creating playlists
See PDF here: Rdio vs Grooveshark_v2
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.
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.
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,
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,
Week 5: Logo and Brand Design
A Successful Logo View the PDF here. Design ITP Logo Use logo as a verb: Processing sketch
Week 5: Logo and Brand Design
A Successful Logo View the PDF here. Design ITP Logo Use logo as a verb: Processing sketch
[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
[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