More Related Content
Similar to Mobiento Mobile Thirst #6 – Giving Technology Feelings (20)
Mobiento Mobile Thirst #6 – Giving Technology Feelings
- 4. © MOBIENTO
1. Give better design feedback
2. Start recording your own design process
3. Work closer with your client/agency
4. Understand why we do what we do
PURPOSE
- 5. © MOBIENTO
IDESIGN,THEREFOREI• Consult
• Animate
• Talk to developers
• Make grids
• Go to meetings
• Scribble
• Export assets
• Color pixels
• Conceptualize
• Assure quality
• Respond to e-mails
What I do
5
- 16. © MOBIENTO
TAKEAWAY• Brand Essence
• General design direction
• Platform specific restrictions
• Competitor analysis
Inspiration & Information
16
- 31. © MOBIENTO
TAKEAWAY• Rules for how content is presented
• Based on screen/device resolution
• Based on preferred leading (line height)
The Grid
31
- 35. © MOBIENTO
“Good typography is
about visualising
language through the
arrangement,
composition and
choice of type.”
“Good typography is
about visualising
language through the
arrangement,
composition and
choice of type.”TYPOGRAPHY
35
- 36. © MOBIENTO 36
“Good typography is
about visualising
language through the
arrangement,
composition and
choice of type.”
“Good typography is
about visualising
language through the
arrangement,
composition and
choice of type.”
- 40. © MOBIENTO
TAKEAWAY• What content to highlight
• Create structure
• Guiding the user
• Create the right setting
Hierarchy & Typography
40
- 45. © MOBIENTO
TAKEAWAY• How to simplify
• Testing dimensions
• Replacing standard components
• Identifying problem areas
Grayscale
45
- 54. © MOBIENTO
TAKEAWAY• Often defined in “Corporate Design Manual”
• Apply learnings and findings from earlier in the process
• Highlight the right things
• Assign button states
• Make rules that are understandable
Colors
54
- 65. © MOBIENTO
SOFAR...• Brand Essence
• General design direction
• Limitations
• Platform specific opportunities and
limitations
• Competitor analysis
• Idea process startup
• Understand what you are making
• Quickly explore possibilities
• Rules for how content is presented
Design Rationale
65
• Based on screen/device resolution
• Based on preferred leading (line height)
• What content to highlight
• Create structure
• Guiding the user
• Create the right setting
• How to simplify
• Testing dimensions
• Replacing standard components
• Identifying problem areas
• Often defined in “Corporate Design
Manual”
• Apply learnings and findings from earlier in
the process
• Highlight the right things
• Assign button states
• Make rules that are understandable
• Simplification
• Behavior enhancement
• Communicate what is going on
• Support your design decisions
- 100. © MOBIENTO
TAKEAWAY• With time, less steps are needed to work together
• More understanding could lead to longer projects
• Keep recording although time is not sufficient
Time
100