Style Tiles: Ready to Wear for the UX Designer
•Download as PPTX, PDF•
2 likes•886 views
A basic intro to the "Style Tile" UX/designer deliverable - what it is, how it's used, and its pros and cons as a deliverable
Recommended
More Related Content
Similar to Style Tiles: Ready to Wear for the UX Designer
Similar to Style Tiles: Ready to Wear for the UX Designer (20)
Recently uploaded
Recently uploaded (20)
Style Tiles: Ready to Wear for the UX Designer
- 1. Style Tiles Ready to Wear for the UX Designer © Rob Fitzgibbon 2015
- 2. So What is a Style Tile, Anyway? No Nop e © Rob Fitzgibbon 2015
- 3. Well Let Me Tell You… In a digital project, a Style Tile is… • A single deliverable of images, colors, words and UI elements that • Defines both “soft” design themes and “hard” front end UI elements • Device agnostic • Resolution agnostic; doesn’t rely on fixed width • Responsive design-friendly • Described as paint chip or color swatch • Avoids the vagueness of a mood board and the literalness of a screen comp • Popularized by Twitter designer Samantha Warren in a March 2012 List Apart article © Rob Fitzgibbon 2015
- 4. Here’s an Example Rob Fitzgibbon 2015 http://webdesign.tutsplus.com/articles/style-tiles-an-alternative-to-full-design-comps--webdesign-7232
- 5. Here’s Another Example Rob Fitzgibbon 2015 http://badassideas.com/style-tiles-as-a-web-design-process-tool/
- 6. And Here’s a Third Rob Fitzgibbon 2015 http://webdesign.tutsplus.com/articles/style-tiles-an-alternative-to-full-design-comps--webdesign-7232
- 7. Annd…Another One Text • Text Rob Fitzgibbon 2015 https://eringooddesign.wordpress.com/author/eringooddesign/
- 8. And Finally This One… Rob Fitzgibbon 2015 http://alistapart.com/article/style-tiles-and-how-they-work
- 9. So How/When Is a Style Tile Used? During a Design Phase • Useful when there is an already established brand that needs to be ported to a new platform • As a tool to focus design/brand discussions with client © Rob Fitzgibbon 2015
- 10. The Advantages of Style Tiles Lean Design • Less work than making screen comps, thus efficient and cost effective • Pattern-centric as opposed to concept- centric • Easy to apply to templates • Developer-friendly © Rob Fitzgibbon 2015
- 11. Of Course Every Rose Has Its Thorn Mean Design; a Style Tile is also • Reductionist, reducing design down to a set of Lego pieces • Lazy; easy to miss elements/states and leave them undefined • It doesn’t work with lots of content • It’s rigid AND frigid (i.e. non-interactive) • It’s non-narrative © Rob Fitzgibbon 2015
- 12. Style Tile Significance? New Design Tool for the Ages? UX equivalent of a coffee stirrer? © Rob Fitzgibbon 2015 Time will Tell!
Editor's Notes
- Prêt-à-porter (getting away from individual measurements) – factory made clothing sold in standard sizes
- This is from Samantha Warren
- Note that the “Get a Free Quote” module is the same as on lm.com
- What's some of the hype? Style tile propaganda talks about "have a kickoff meeting" and "start with questioning the stakeholders" and "iterate" which is the design equivalent of "buy low, sell high" financial services advice
- The dirty lil’ secret: One advantages not discussed - one style tile can take the place of multiple comps, thus less work and more efficient for designer
- Idea that top scorers will get put up on LM.com