Discovery Phase

 

For pre-UI discovery phase, I do rough sketches in paper.

I often find myself skipping Photoshop (glp.lv/skip-photoshop) and do rough HTML with a lot of inline styles, then take screenshots, make live changes on HTML/Photoshop/Illustrator back and forth.

Rinse, repeat, explore, iterate… 

 

  (left)  Program Guide grid and list views, browsing and auction experience on the go. ( right)  Early concept for placing bids on mobile app, making great use of iOS notifications.

(left) Program Guide grid and list views, browsing and auction experience on the go. (right) Early concept for placing bids on mobile app, making great use of iOS notifications.


Example workflow for browsing and changing channel lists.

Android Workflow

   Adaptation of expectations to fit a mobile workflow for both iOS and Android platforms    


Adaptation of expectations to fit a mobile workflow for both iOS and Android platforms

 

 

iOS7 Update

 Introduced an ‘almost flat’ design approach for upcoming iOS7 release of the app

Introduced an ‘almost flat’ design approach for upcoming iOS7 release of the app

 New version makes a better use of color to differentiate content types and recency

New version makes a better use of color to differentiate content types and recency

 Registration process flow and validity checking is streamlined

Registration process flow and validity checking is streamlined

  Category and geographical exploration (left) and flipping through channels in a line-up view (right)

Category and geographical exploration (left) and flipping through channels in a line-up view (right)

   Users can browse through a channel schedule by swiping horizontally, get detailed program info, access to reading material with a single tap and join the conversation. 


Users can browse through a channel schedule by swiping horizontally, get detailed program info, access to reading material with a single tap and join the conversation.