HuffPost
An exploration of how layout affect people's comforts and time-efficiency in news reading experience.
PROBLEM
Current app does not provide enough comfort and customization
for people who have various news reading habits and
time constraints.
ROLE
Team of 3. Interaction design lead & researcher.
SKILLS
User Research, Strategy, Wireframing, User Testing, UI Design
SOLUTION
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.
TIMEFRAME
2 awesome weeks.
Research
What we've learned from the users.
Design for mobile (we picked iPhone 6 as an exploration of mobile comfort for larger screen sizes).
People usually get exposed to news multiple times a day, mostly through browsing websites.
Popular topics that get listed upfront in the topic customization section.
What we've learned from the competitors.
Acceleration provided for sign-in process.
Personalized comfort level.
"Quote share."
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.
