twit-brick_03.png

Interaction Design & Style Tiles for This Week in Tech

The TWiT.tv Netcast Network with Leo Laporte features the #1 ranked technology podcast This Week in Tech, along with over 20 other top-ranked online shows.

Style Tiles

Style Tiles

In preparation for visual design, I lead a Style Tile exercise, a unique activity designed to cull adjectives and visual preferences from folks not used to discussing subjective terms. I love it! It is strong at pushing clients away from comparing their brand to others, "Apple" or "Google", and filters out common go tos like, "clean" and "modern". The above image (and two below) are results from the exercise, which begins with a stakeholder interview. Never heard of Style Tiles? Check them out!

two.png
three.png
 Mobile header (above), featuring custom search bar animation.

Mobile header (above), featuring custom search bar animation.

filter-menu-mobile.png
 The above two images depict the off-canvas menu, used in the primary navigation and for in-page secondary actions (filter, download, subscribe).

The above two images depict the off-canvas menu, used in the primary navigation and for in-page secondary actions (filter, download, subscribe).

post-list-filter.png
 Wireframe for  post / post-listing  (filters and pagination) and  show  page.

Wireframe for post / post-listing (filters and pagination) and show page.