The HTML Device Agnostic Design
Style Tile Pattern UI KIT thingamajig
Slide 16
Slide 16 text
The HTML Device Agnostic Design Style
Tile Pattern UI KIT thingamajig
code name: MAMMAL PAW
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
The goal is to provide a realistic
and cohesive impression of the
visual design...
Slide 19
Slide 19 text
that can be evaluated
objectively...
outside the conventions of any
ONE specific CONTEXT.
Slide 20
Slide 20 text
UI Patterns
Color Scheme
Typography
Slide 21
Slide 21 text
Forms
Illustration
Style
Figures &
Captions
Content
Modules
Slide 22
Slide 22 text
Operation: MAMMAL PAW vs...
Slide 23
Slide 23 text
2 sets of wireframe concepts,
2 design concepts, responsive design
Slide 24
Slide 24 text
No content
Slide 25
Slide 25 text
+
Slide 26
Slide 26 text
+
IF THEY MATED?
Slide 27
Slide 27 text
+
Slide 28
Slide 28 text
People want options, but they don’t
always understand them
-peter the unemployed architect
Slide 29
Slide 29 text
Choices give a sense of control and
stake of ownership in the chaos
called the creative process.
Slide 30
Slide 30 text
Understanding your clients
motivations helps you propose
alternative viable solutions
Slide 31
Slide 31 text
No content
Slide 32
Slide 32 text
BETTER DESIGN COMMUNICATION
Presenting responsive HTML provokes
smarter conversations
Slide 33
Slide 33 text
Ben has spoken.
We demand the button
above the fold!
Slide 34
Slide 34 text
MORE CONSTRUCTIVE
COLLABORATION
exploration vs. refinement
Slide 35
Slide 35 text
initial number
of concepts
concepts reduced,
idea refined
concepts reduced,
idea refined
concept resolution
Design Funnel:
Continual Refinement
based on illustrations from “Sketching User Experiences” by Bill Buxton, 2007
Slide 36
Slide 36 text
Variation:
Alternating Refinement and Ideation
concepts reduced,
idea refined
concepts reduced,
idea refined
concept resolution
concept generation concept generation concept generation
initial number
of concepts
based on illustrations from “Sketching User Experiences” by Bill Buxton, 2007
Slide 37
Slide 37 text
Ultimately, more ideas, more
collaboration, better results.
Equal effort. More time for testing.