An exploration of how layout affect people's comforts and time-efficiency in news reading experience.
Current app does not provide enough comfort and customization
for people who have various news reading habits and
Team of 3. Interaction design lead & researcher.
User Research, Strategy, Wireframing, User Testing, UI Design
Design a time-efficient news reading routine.
Optimized the mobile handling experience especially when reading news on-the-go.
Incorporate personalized humor to the news reading experience.
2 awesome weeks.
What we've learned from the users.
What we've learned from the competitors.
What we've learned from our hands.
With limited research results of mobile handling found online, we initiated our own research.
Hand Sampling - we sampled 20+ hand shapes and thumb shape and record their mobile handle style with assigned tasks using iPhone 5s. However, there is no particular pattern shown through our study.
Reach Zone - "reach zone" and "ouch zone" varies for different screen size.
Handle Style - percentages of different handle styles.
What we've learned from our humors.
"How do you describe your humor? Use 1 word. "
- Sarcastic/ dry seems to be mentioned together a lot.
- Silly/ Goofy.
- People dislike the word "mean" and "dark" as when being described by them.
User Scenarios & Task Flows
College student + Business man + Retired senior
Working on our 1st iteration of clickable prototype.
Key Features Visioning -->
"Lowest- fi"s and Design Studio -->
Paper Prototype and Quick Test -->
Collaborative review -->
Sketch + Marvel App! Boom!
"Hi I'm an embedded Marvel App clickable prototype and I won't align to the center."
User Testings & Iterations
Visual Design & Thoughts
Visual design and rethink on branding.
Tested on cover page between cover photo and news pics collage.
Most people like the fresh and simple one.
Added intuitive "continue" button and "back" button.
One click social sign-in and email sign-in/up portal.