Constructive Criticism and Using it to Push the Boundaries of User Interface Design

3D Thumbnail Flow View

Instant Video Play Anytime Video is Available on Selected Page

When Video is Not Available on Selected Page Text Summary Appears

User Profile Screen

User Profile Admin Screen

If “Click More” is Selected Additional Summary Appears

Online Store Screen

Online Social Lounge Screen

If “Click More” is Selected Full Article Appears

Online Store Merchandise Screen

Online Emailable Magazine Screen

THE CHALLENGE

So I was on the 5th design refresh of TheFlowOnline.com in the 15 years I had been the design producer for the site. At the completion of the first revision of the 5th refresh I asked a friend what she thought about it. She replied, “It’s good but it doesn’t scream Roger Hooks”. It appears that to her and others that know my work believe I have a certain flare to it and that first revision didn’t have it. So I set out to create something that was reminiscent of my design flare and intuition.

THE JOURNEY

Since the site is geared towards youth and young adults around my daughters age I used her as a test user to determine what the new site needed to be. Her feedback was invaluable. What she said is that my original site had too much text. She said she is constantly swiping on her phone for video. She said we don’t want to do too much reading. We’d rather watch a video and then if we are interested we will read further. Her feedback provided me my basis for the new design. What was a created was a floating thumbnail interface that the user can swipe through to find the content that interest them. Once they found it they could click on it to go to the video associated with that page if one was loaded to it. If there was no video a brief summary of text appears. If they were more interested they could click for an additional summary. If they wanted to read the entire story they could click through to that content age. If not they could close the window and continue to swipe through the other thumbnails that appeared on the that page. We call it the 3D Thumbnail Flow. Patent Pending.

Other features were designed and developed into the site including a social network, a free user online store, an online social lounge, web version of the iTunes app BattleBoys, and an email magazine that the user could customize and send out to their own email list.

THE ARRIVAL

The new site has been received with rave reviews. Traffic is steady and increases approximately 30% every month.

Post a Comment

Your email address will not be published. Required fields are marked *

*