work sample
DESCRIPTION
User Experience Design sampleTRANSCRIPT
Project knowledge sharing Project social merchandizingWork Sample:
I am an interaction designer who can find out user needs and transform that into ideas,who can understand the process of interaction design,who can create a visually appealing design.
IdeaSpring
How to improve knowledge sharing in innovative companies?
In innovative companies, such as design consultancies, people often spend most of time in their own project rooms. As a result, it is hard to know what’s going on in the other teams, to share their own knowledge with other teams.
How can we help people in innovative companies to share knowledge and personal learning within the organization?What would be the first step of improving knowledge sharing in the firm?
Feb ~ may, 2011 Team members: Chao Su, Xiaonan Huang
Project knowledge sharing
Problem Area
Project knowledge sharing
Ideaspring is a mobile application that enable employees in design consultancies to share projectprogress and personal learning.
Users can easily capture photos, share and get updated of in-progresswork, interesting findings and personal opinions.
Capture in-progress whiteboard images, half sheets and archive them in the team space your team’s moods. It would be shared in the company, and allow you to receive insightful comments.
Save interesting articles, inspiring pictures easily to my note or team space, and share them to whom you want.
Ask a question to everyone in the company. People will answer the question, or forward the question to the people whom they think can answer the question.
Check what’s going on in your company.
Tour where other projects are landing now, and what has been progressed.
See what kinds of stuff has inspired me, and inspired others.
Browse updates
capture
personal notes
Q&A
projects
archieve itemsMake +Share
ideaSpringideaSpring
O’hare Airport
we spent 3 boxes of post-its today.This framework might work for healthUpdatesP rojects RequestS earchNotes
Healthy food
we spent 3 boxes of post-its today. But still
Steelcase
12%
60%
ideaSpringideaSpring
Carrot
This framework might work for health30%
YAY!
to done
BackBack
Brilliant idea !
fresheye needed ! far far away !m ilestone !
clock ticking !
ideaSpringideaSpring
YAY!breakthrough !
to Share
Team Carrot
ideaSpringideaSpring
Concept
IdeaSpring
IdeaSpring
Project knowledge sharing
Research & Analysis
What we found...
Survey
Values
Interview Interview Tool Research Analysis
People see the value of knowledge sharing between teams: Time saving, Inspiration and Learning, Validation, Emotional Support. However, there is no tool to support inspiration and tangential knowledges.
Barriers
There are barriers of sharing inspirational, tangential knowledge with other teams.
1. has no motivation to share with other teams 2. perceives sharing as extra work ;3. does not know the right person ;4. In-progress information is hard to share
Design Principles
No motivation
Extra work
No contacts
In-progress info
support project and personal interest
embed sharing process in user’s daily workflow
support inter-personal relationship building
provide multiple levels of information, makesharing tangible and visible
Project knowledge sharing
Interaction Design
What I learned...Early Sketches
Wireframes
User Testing
Task Flow
Paper prototypes
UI design
1 2
3 4
5 6
The number of features are not equal to the level of user satisfaction. At the beginning, we tried to reflect all design principles and user needs. But while we run the user testing sessions, people kept asking “What do you try to solve? What is the core function?”
While creating task flow, we had a long discussion of how to group the features, whether by user action(browse, share, capture..) or by contents(projects, notes, updates...). In our solution, we chose to follow the contents based grouping because we saw the strong distinction between project related work and personal learning.
How can we help small and independent retailers to better connect with customers?
Online shopping sites and shopping apps has changed the shopping behavior. Especially in the neighborhood shopping district where tones of small shops are concentrated, people just do window shopping and buy online. Why? Thanks to shopping apps, people can find the same items in online at lower price. The purchasing process in shopping district is not optimized. People have a hard time to find the shops, find the right items.
How can we help small, independent retailers in neighborhood shopping district to better connect with customers?
Mar ~ May, 2010 Team members: Daniel Erwin, Homer Ong
Project social merchandizing
Problem Area
Loc is a social networking flatform that help shoppers to find, explore, and buy the right item in a minimum amount of time and at the lower price.
Users can form communities through web and mobile by their taste and interest, and share opinion about the local shops and products. And when they shop, they can use their own community as the information filter, get suggestions and discount coupons on the local shops.
Project social merchandizing
Concept Loc- system
At Home
Local RetailersUrban Shoppers
LOC
In-Store
mobile
Outside
Public Display
Design Principles
Support various modes of shoppingProvide integrated information system that can reduce decision making processCultivate interpersonal interaction Connect virtual and physical community
12
34
Filter information
Support Shoppingin-situ
Form communities
Unlike other current social networking on merchandising, Loc has online and offline touch points : web, mobile, public display in the streets.In this project, we created mobile and public display interfaces.
Once you selected the shops you want to visit, the system create the optimal route and send that information to your mobile phone.
Once you log in (bump the smartphone into the screen), the system notice your communities, automatically suggest hot shops within your community groups. If you are with your friends, the system will suggest the commonly interesting shops.
You can help someone who needs suggestion.
You might come to shop for others. In that case, you can also search shops and items for their interests. Put the keywords on communities that your gift receiver might belongs to. The system will suggest shops and items.
Suggest
Navigate
Navigation
Search
Great or Hate
Project social merchandizing
Concept 1) Public Display UI
Project social merchandizing
Concept
Create a new great or hate survey
Post the new purchase into the community, get rewards
Location awareness alert gives in-situ promotion
Take photos, and edit to keep your privacy
End voting
Great or Hate
In-situ Alert
2) Mobile App UI
Since this project was about communicating new opportunities to the client, we focused on making scenarios rather than creating actual information architecture. You can watch our scenario on http://www.vimeo.com/20456710.
Project knowledge sharing
Research & Analysis
What we found...
Survey
User Modes
ObservationIntercept InterviewsPrecursor Research
Shoppers have 4 temporary modes when they visit local independent shops.
Shopping Interactions Communities
Project social merchandizing
suggestiveInformative
Social Supportive
Evaluative
Users already use interpersonal interactions in order to better engage with shopping, regardless of being in a group or being alone.
Users belong to several communities, trust opinions from the community when they purchase items related to them. Recently businesses are seeing value of community as a way to reach the ‘target market’. Group
Individual
Leisure Functional
socialites
time killer
teamsters
evaluater
Browse Johnny’s Network
Johnny Smith
Browse Johnny’s Purchases
Browse Johnny’s Positions
Browse Johnny’s Communities
Interaction Design
What I learned...Personas
Task Flow
Wireframes
Scenarios
Paper prototypes
User Testing
1 2
3 4
5 6
In user testing sessions, we could hear concerns on exposing their personal information on public display, and information protection after they leave the site. We suggested privacy film screen protector on the public screen and added privacy control setting function in mobile and web abpplication.
User testing taught me that designing public display was different experience. Because the viewer might not be one person, I should restrict the screen change and movement. Also considering the distance between the device and the viewers, I redesigned every componants bigger.
Project social merchandizing
312. 593. [email protected]