SlideShare a Scribd company logo
1 of 129
Designing Interface

Core Principles And Considerations
Sentence diagramming
Interface diagramming



                                 Product
                                 (noun)


                                                     Costs
                                      Buy (verb)
                                                   (adverb)

Look (verb)           Costs
                   (adjective)
The Language of Interface
Graphical (understanding)   Interactive (doing)
• Layout                    • Affordances
• Objects                   • HUD
• Type                      • Feedback
• Color                     • Modes
• Line                      • Input
• Hierarchy                 • Navigation
• Relationships
Interactive Interface Design

DOING
Affordances
Buttons Look Pushable
Buttons with meaning
Links Look Clickable
Links Have Hierarchy
On Subtlety




When you don’t want to interrupt an action, be subtle (think of footnotes). If they are
reading, don’t bother them.

When you need to prompt an action, subtlety will send you to the poor house.
Tell your users what to do. Clarity is relaxing, not annoying.
HUD

      Heads Up
      Display:
      Information
      user needs
      nearby to be
      effective
A integrated approach
An email HUD




All HUD, no content
A social HUD
Feedback
Inputs
Form Principles
•   Consider Context
•   Set expectations
•   Use appropriate inputs
•   Give sift and clear feedback
•   Ask for less
•   AB test
Forms




http://www.lukew.com/ff/entry.asp?1502
Navigation

                            IA made visible


 “Like putting an Armani suit on Attila the Hun, interface design only tells how to
 dress up an existing behavior.” – Alan Cooper
21
Most IA is invisible
         • A lot of work no one
           sees
         • Synonym rings, etc

         • If it was seen, is would
           be too much
         • We show only a subset


22
The magic number?
         • 13 tabs– no one
           saw them. Six
           tabs, everyone saw
           them




23
Global links
               But not everything is simple
                          Related                                       Web search
                          Services                    inbox

masthead                                                                Log out
                                        Mail tools
                                                                       upsell

Folders
                  And there
                  inbox              Write mail
                                                     tip




 ads
                  isn’t even                                  upsell     ad




 Other
 properties
                  content!
                   Related
                   Services
                                                                        Mail tools




                                                                          ad

                     24
Navigation orders complex pages




       25
Understanding Navigation
     Message and Access

      Global Navigation                                         Where Am I?
      Local Navigation




                                               What's Nearby?
                         Content Lives Here,                      What's Related
                          With Contextual
                          Navigation Inline
                                                                 To What's Here?
                            Or Separate.



26
Global navigation
• Where you are
     – Brand/masthead


• Where you can go (site offering)
     – Top level categories


• Safety nets
     – Where’s my (shopping cart/account/help???)



27
Global Navigation ‘03 vs ‘12




28
Global navigation




29
Global navigation ‘03 vs ‘12




30
Local Navigation
• I’ve started down the path
• Now what?
     – What are the categories of items?
     – What are the siblings of what I see?
     – What are the subcategories?




31
Local Navigation ‘03 vs ‘12




32
Local Navigation 2003




33
Secondary
navigation is now
    temporal
Local Navigation




35
Contextual navigation
• Inline links
• Related items
• Document management




36
Inline links




37
Related items




38
Pagination
     Useful to reduce page
     download speed and
     cognitive overload.
     Annoying for printing.
     Impossible to predict what
     you’ll get
     Users would rather scroll
     than click


39
Ad negotiation




40
Print/email/clip




41
Sort




42
Secondary Navigation
• Site Maps
• Indexes
• Table of Contents




         43
Have you ever seen this page?




     44
How about this one?




 45
How about this one?




 46
You can make it helpful
“After testing several
different sitemap designs
on users, I decided to try
putting one on every page
of my small Columbian
web site. I then decided to
track how often it was
used for navigation. It
turns out the sitemap is
used for over 65% of all
navigation done on the
site.”
-- Usability Report by Peter Van
Dijck of poorbuthappy.com (Guide
to Columbia)
http://www.webword.com/reports/sitema
p.html




                            47
Conventions
It is certainly
 probable, then, that
 placing these objects in
 expected locations would
 give an e-commerce site
 a competitive edge over
 those that do not…

-- Examining User Expectations for the
    Location of Common E-Commerce
                        Web Objects
                      Usability News
                            4.1 2002




                        48
Conventions
                                                              If 90% or more of the big sites do things in a single way,
                                                              then this is the de-facto standard and you have to
                                                              comply. Only deviate from a design standard if your
                                                              alternative design has at least 100% higher measured
                                                              usability.
                                                              If 60-90% of the big sites do things in a single way, then
                                                              this is a strong convention and you should comply
                                                              unless your alternative design has at least 50% higher
                                                              measured usability.
                                                              If less than 60% of the big sites do things in a single way,
                                                              then there are no dominant conventions yet and you
                                                              are free to design in an alternative way.
                                                                                 -- Jakob Nielsen, November 14, 1999 Alertbox column




"Identifying De-Facto Standards for E-Commerce Web Sites“ ©
2003 Heidi P. Adkisson
                                49
Conventions
• Some things are
  becoming de rigor
• Deviate when
  you’ve got
  something better
• Not because you
  are bored

                      "Identifying De-Facto Standards for E-Commerce Web Sites“ ©
                      2003 Heidi P. Adkisson

         50
Now combine
• Follow expectations based on conventions
• Design a hierarchy based on task
  importance
• Err on the side of simplicity




51
Homework
• Analyze two competitors, one complementor
  – Layout
  – Inputs/functionality
  – Groupings
  – Hierarchy
                                                  Product

  – Trust/reassurance                             (noun)



                                                                       Costs
                                                        Buy (verb)
                                                                     (adverb)


                            Look      Costs
                           (verb)   (adjective)
Graphic Design

UNDERSTANDING
Designing to Understand
Use                  For
• Hierarchy          • Importance
• Layout             • Sequence
• Images             • Location
• Type               • Reassurance
• Color              • Motivation
• Line               • Involvement
• Relationships      • Seduction
• Progression
WHAT IS THE SINGLE MOST
IMPORTANT THING?
LOOK




                                                    LOOK    LOOK     LOOK




                                                            LOOK




Law of Focal Point
The idea that a point of interest, something emphasised or different will
catch and hold the viewers attention (Chang, 2002).



HIERARCHY GIVES CLARITY
WHAT ORDER SHOULD I LOOK?
Order and Composition

LAYOUT
PAINTING
PAINTING
Comics are read in
    the west left to
   right, like a page.
    However, good
   artists add visual
   elements to help
       you flow.




http://samkieth.blogs
pot.com/
TYPE
I am a serifed font

     I am sans-serif
I am Times New Roman
       Hey, I’m arial
I am Comic Sans
    I am the devil
I am Impact
    LOL
Display fonts aren’t
   readable
   Use them only for titles.

 (Hi, I’m Georgia, and I’m always welcome!)
COLOR
Cheaters Tricks
• One color, with variations. One accent. Period
• Use a generator site
  http://www.colourlovers.com/
• Use nature
  http://boxesandarrows.com/natural-
  selections-colors-found-in-nature-and-
  interface-design/
nature
IF PHOTO-HEAVY, USE LITTLE COLOR
LINE
Warm, hand drawn lines= Artisanal
Lines gently reinforce the grid = scientific
Simple lined Navigation = Artwork
Grid edged with lines=Modrian=Modern
RELATIONSHIPS
Which pair of pants are
     now 39.99?
Which car is 49.99?
If you are putting boxes around things to make it
       clear, you probably should start over
See http://contrastrebellion.com/

DIFFERENCE & CONTRAST
Take advantage of the medium

PROGRESSION
This is a very tall page
This one too
This is a long page
Flipboard
moves in a
variety of
directions
Even if you use the “wrong”
gesture, Flipboard reacts correctly.
Fake it til you make it

GRAPHIC DESIGN HACKS
Minimalist Design
• Only use one font. Preferably helvetica.
• Only use three, all very very different. Perhaps a
  fourth for footer text.
• Only use one color, with variations, and one “accent”
  color.
• Turn on the grid (if you are using photoshop, etc)
• Never align center.
• Don’t use stock photography, unless you have
  awesome taste. It has no soul.
• Have a hierarchy
Cheats
•   Patterns
•   Kits like this
•   Libraries
•   Odesk
•   Conference proceedings


You can’t buy taste
Homework
• Analyze two competitors, one complementor
• Do wire frames for three key screens
• Optional: begin interfaces

More Related Content

What's hot

Designing Structure Part II: Information Archtecture
Designing Structure Part II: Information ArchtectureDesigning Structure Part II: Information Archtecture
Designing Structure Part II: Information ArchtectureChristina Wodtke
 
Yahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design PatternsYahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design PatternsChristian Crumlish
 
Coop First: how non-zero-sum games are reshaping our digital landscape
Coop First: how non-zero-sum games are reshaping our digital landscapeCoop First: how non-zero-sum games are reshaping our digital landscape
Coop First: how non-zero-sum games are reshaping our digital landscapeAmy Jo Kim
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1studiokandm
 
Principles of User Interface Design
Principles of User Interface DesignPrinciples of User Interface Design
Principles of User Interface DesignKANKIPATI KISHORE
 
Designing The Social In
Designing The Social InDesigning The Social In
Designing The Social InErin Malone
 
Introduction to UX for Developers
Introduction to UX for DevelopersIntroduction to UX for Developers
Introduction to UX for DevelopersJacques Woodcock
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1studiokandm
 
Eye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business RequirementEye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business RequirementStephen Anderson
 
Web Design Trends e-Book
 Web Design Trends e-Book Web Design Trends e-Book
Web Design Trends e-Bookjesús Santo
 
Web Application Page Hierarchy
Web Application Page HierarchyWeb Application Page Hierarchy
Web Application Page HierarchyLuke Wroblewski
 
User Experience Design: A Primer for Marketers
User Experience Design: A Primer for MarketersUser Experience Design: A Primer for Marketers
User Experience Design: A Primer for MarketersJason Brush
 
Enterprise 2.0 (fixed)
Enterprise 2.0 (fixed)Enterprise 2.0 (fixed)
Enterprise 2.0 (fixed)Dipock Das
 
What I learned at Cooper U about Design Research
What I learned at Cooper U about Design ResearchWhat I learned at Cooper U about Design Research
What I learned at Cooper U about Design ResearchSolutionStream
 
User Centered Design & User Experience
User Centered Design & User ExperienceUser Centered Design & User Experience
User Centered Design & User ExperienceWouter Walgraeve
 
UI Design Patterns for the Web, Part 2
UI Design Patterns for the Web, Part 2UI Design Patterns for the Web, Part 2
UI Design Patterns for the Web, Part 2Lewis Lin 🦊
 
Brand building in a digital world (Intro to Digital for Grads)
Brand building in a digital world (Intro to Digital for Grads)Brand building in a digital world (Intro to Digital for Grads)
Brand building in a digital world (Intro to Digital for Grads)David Carr
 

What's hot (20)

Designing Structure Part II: Information Archtecture
Designing Structure Part II: Information ArchtectureDesigning Structure Part II: Information Archtecture
Designing Structure Part II: Information Archtecture
 
Yahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design PatternsYahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design Patterns
 
Coop First: how non-zero-sum games are reshaping our digital landscape
Coop First: how non-zero-sum games are reshaping our digital landscapeCoop First: how non-zero-sum games are reshaping our digital landscape
Coop First: how non-zero-sum games are reshaping our digital landscape
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1
 
UX & UI Design 101
UX & UI Design 101UX & UI Design 101
UX & UI Design 101
 
Principles of User Interface Design
Principles of User Interface DesignPrinciples of User Interface Design
Principles of User Interface Design
 
Designing The Social In
Designing The Social InDesigning The Social In
Designing The Social In
 
Introduction to UX for Developers
Introduction to UX for DevelopersIntroduction to UX for Developers
Introduction to UX for Developers
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1
 
Eye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business RequirementEye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business Requirement
 
Z-Shaped Thinkers
Z-Shaped ThinkersZ-Shaped Thinkers
Z-Shaped Thinkers
 
UX for Dummies
UX for DummiesUX for Dummies
UX for Dummies
 
Web Design Trends e-Book
 Web Design Trends e-Book Web Design Trends e-Book
Web Design Trends e-Book
 
Web Application Page Hierarchy
Web Application Page HierarchyWeb Application Page Hierarchy
Web Application Page Hierarchy
 
User Experience Design: A Primer for Marketers
User Experience Design: A Primer for MarketersUser Experience Design: A Primer for Marketers
User Experience Design: A Primer for Marketers
 
Enterprise 2.0 (fixed)
Enterprise 2.0 (fixed)Enterprise 2.0 (fixed)
Enterprise 2.0 (fixed)
 
What I learned at Cooper U about Design Research
What I learned at Cooper U about Design ResearchWhat I learned at Cooper U about Design Research
What I learned at Cooper U about Design Research
 
User Centered Design & User Experience
User Centered Design & User ExperienceUser Centered Design & User Experience
User Centered Design & User Experience
 
UI Design Patterns for the Web, Part 2
UI Design Patterns for the Web, Part 2UI Design Patterns for the Web, Part 2
UI Design Patterns for the Web, Part 2
 
Brand building in a digital world (Intro to Digital for Grads)
Brand building in a digital world (Intro to Digital for Grads)Brand building in a digital world (Intro to Digital for Grads)
Brand building in a digital world (Intro to Digital for Grads)
 

Similar to The Principles of Interface

Designing The Interface For Use
Designing The Interface For UseDesigning The Interface For Use
Designing The Interface For UseChristina Wodtke
 
Complexinterfaces
ComplexinterfacesComplexinterfaces
ComplexinterfacesBojhan
 
Lijit Networks - Finding More of a Good Thing: Using SSP’s to Extend Audience...
Lijit Networks - Finding More of a Good Thing: Using SSP’s to Extend Audience...Lijit Networks - Finding More of a Good Thing: Using SSP’s to Extend Audience...
Lijit Networks - Finding More of a Good Thing: Using SSP’s to Extend Audience...Signal Chicago 2012
 
Designing for Web 2.0: The Visual Ecosystem
Designing for Web 2.0: The Visual EcosystemDesigning for Web 2.0: The Visual Ecosystem
Designing for Web 2.0: The Visual EcosystemLuke Wroblewski
 
Wrestling the content monster
Wrestling the content monsterWrestling the content monster
Wrestling the content monsterKevin Jump
 
Design Patterns: Defining and Sharing Web Design Languages
Design Patterns: Defining and Sharing Web Design Languages Design Patterns: Defining and Sharing Web Design Languages
Design Patterns: Defining and Sharing Web Design Languages Luke Wroblewski
 
Design Vs Usability - The quest for the holy grail
Design Vs Usability - The quest for the holy grailDesign Vs Usability - The quest for the holy grail
Design Vs Usability - The quest for the holy grailMuki Regunathan
 
BarkleyREI & Hannon Hill Webinar - Responsive Web Design
BarkleyREI & Hannon Hill Webinar - Responsive Web DesignBarkleyREI & Hannon Hill Webinar - Responsive Web Design
BarkleyREI & Hannon Hill Webinar - Responsive Web Designhannonhill
 
4 Strategies for Developing a Unified Digital Experience
4 Strategies for Developing a Unified Digital Experience4 Strategies for Developing a Unified Digital Experience
4 Strategies for Developing a Unified Digital ExperienceHanson Inc
 
IUE Integrating UI Design Specs
IUE Integrating UI Design SpecsIUE Integrating UI Design Specs
IUE Integrating UI Design SpecsKeith Instone
 
UX & RIAs: UI Design Challenges (ERGOSIGN)
UX & RIAs: UI Design Challenges (ERGOSIGN)UX & RIAs: UI Design Challenges (ERGOSIGN)
UX & RIAs: UI Design Challenges (ERGOSIGN)Ergosign GmbH
 
Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014Shah Muhammad Baig
 
Why most websites don't work
Why most websites don't workWhy most websites don't work
Why most websites don't workedysolutions
 
How to build vibrant Communities
How to build vibrant CommunitiesHow to build vibrant Communities
How to build vibrant CommunitiesKiwi Community
 
The 2013 Content Management System Report Card-Idealware
The 2013 Content Management System Report Card-IdealwareThe 2013 Content Management System Report Card-Idealware
The 2013 Content Management System Report Card-IdealwareIdealware
 
Designing Social Apps - Dreamforce 2012 - 9/19
Designing Social Apps - Dreamforce 2012 - 9/19Designing Social Apps - Dreamforce 2012 - 9/19
Designing Social Apps - Dreamforce 2012 - 9/19Salesforce Partners
 
If you build it, will they become social? Implementing Enterprise 2.0 using S...
If you build it, will they become social? Implementing Enterprise 2.0 using S...If you build it, will they become social? Implementing Enterprise 2.0 using S...
If you build it, will they become social? Implementing Enterprise 2.0 using S...Edgewater
 
It is a sunny day
It is a sunny dayIt is a sunny day
It is a sunny daybcoder
 

Similar to The Principles of Interface (20)

Designing The Interface For Use
Designing The Interface For UseDesigning The Interface For Use
Designing The Interface For Use
 
Complexinterfaces
ComplexinterfacesComplexinterfaces
Complexinterfaces
 
Lijit Networks - Finding More of a Good Thing: Using SSP’s to Extend Audience...
Lijit Networks - Finding More of a Good Thing: Using SSP’s to Extend Audience...Lijit Networks - Finding More of a Good Thing: Using SSP’s to Extend Audience...
Lijit Networks - Finding More of a Good Thing: Using SSP’s to Extend Audience...
 
Responsive Design is Dead
Responsive Design is DeadResponsive Design is Dead
Responsive Design is Dead
 
Designing for Web 2.0: The Visual Ecosystem
Designing for Web 2.0: The Visual EcosystemDesigning for Web 2.0: The Visual Ecosystem
Designing for Web 2.0: The Visual Ecosystem
 
Wrestling the content monster
Wrestling the content monsterWrestling the content monster
Wrestling the content monster
 
Design Patterns: Defining and Sharing Web Design Languages
Design Patterns: Defining and Sharing Web Design Languages Design Patterns: Defining and Sharing Web Design Languages
Design Patterns: Defining and Sharing Web Design Languages
 
Design Vs Usability - The quest for the holy grail
Design Vs Usability - The quest for the holy grailDesign Vs Usability - The quest for the holy grail
Design Vs Usability - The quest for the holy grail
 
BarkleyREI & Hannon Hill Webinar - Responsive Web Design
BarkleyREI & Hannon Hill Webinar - Responsive Web DesignBarkleyREI & Hannon Hill Webinar - Responsive Web Design
BarkleyREI & Hannon Hill Webinar - Responsive Web Design
 
4 Strategies for Developing a Unified Digital Experience
4 Strategies for Developing a Unified Digital Experience4 Strategies for Developing a Unified Digital Experience
4 Strategies for Developing a Unified Digital Experience
 
IUE Integrating UI Design Specs
IUE Integrating UI Design SpecsIUE Integrating UI Design Specs
IUE Integrating UI Design Specs
 
UX & RIAs: UI Design Challenges (ERGOSIGN)
UX & RIAs: UI Design Challenges (ERGOSIGN)UX & RIAs: UI Design Challenges (ERGOSIGN)
UX & RIAs: UI Design Challenges (ERGOSIGN)
 
Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014
 
Why most websites don't work
Why most websites don't workWhy most websites don't work
Why most websites don't work
 
How to build vibrant Communities
How to build vibrant CommunitiesHow to build vibrant Communities
How to build vibrant Communities
 
Decrap Your Application
Decrap Your ApplicationDecrap Your Application
Decrap Your Application
 
The 2013 Content Management System Report Card-Idealware
The 2013 Content Management System Report Card-IdealwareThe 2013 Content Management System Report Card-Idealware
The 2013 Content Management System Report Card-Idealware
 
Designing Social Apps - Dreamforce 2012 - 9/19
Designing Social Apps - Dreamforce 2012 - 9/19Designing Social Apps - Dreamforce 2012 - 9/19
Designing Social Apps - Dreamforce 2012 - 9/19
 
If you build it, will they become social? Implementing Enterprise 2.0 using S...
If you build it, will they become social? Implementing Enterprise 2.0 using S...If you build it, will they become social? Implementing Enterprise 2.0 using S...
If you build it, will they become social? Implementing Enterprise 2.0 using S...
 
It is a sunny day
It is a sunny dayIt is a sunny day
It is a sunny day
 

More from Christina Wodtke

Game Design Fundamentals: The Formal Elements
Game Design Fundamentals: The  Formal ElementsGame Design Fundamentals: The  Formal Elements
Game Design Fundamentals: The Formal ElementsChristina Wodtke
 
Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)Christina Wodtke
 
Influence Without Authority
Influence Without AuthorityInfluence Without Authority
Influence Without AuthorityChristina Wodtke
 
Make the Complex Clear with Maps and Models
Make the Complex Clear with Maps and ModelsMake the Complex Clear with Maps and Models
Make the Complex Clear with Maps and ModelsChristina Wodtke
 
Design Strategies for Understanding
Design Strategies for UnderstandingDesign Strategies for Understanding
Design Strategies for UnderstandingChristina Wodtke
 
Visual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesVisual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesChristina Wodtke
 
Lecture 010 Polishing the UI
Lecture 010 Polishing the UILecture 010 Polishing the UI
Lecture 010 Polishing the UIChristina Wodtke
 
Lean Teams are Learning Teams
Lean Teams are Learning TeamsLean Teams are Learning Teams
Lean Teams are Learning TeamsChristina Wodtke
 
Game Design Fundamentals Megadeck
Game Design Fundamentals MegadeckGame Design Fundamentals Megadeck
Game Design Fundamentals MegadeckChristina Wodtke
 
Visual Thinking: Working with Pictures
Visual Thinking: Working with PicturesVisual Thinking: Working with Pictures
Visual Thinking: Working with PicturesChristina Wodtke
 
Design the team you need to succeed
Design the team you need to succeedDesign the team you need to succeed
Design the team you need to succeedChristina Wodtke
 
Class 6 Identifying and Validating Assumptions
Class 6   Identifying and Validating AssumptionsClass 6   Identifying and Validating Assumptions
Class 6 Identifying and Validating AssumptionsChristina Wodtke
 
Teaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction DesignTeaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction DesignChristina Wodtke
 
The Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 NeedfindingThe Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 NeedfindingChristina Wodtke
 
The Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offeringThe Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offeringChristina Wodtke
 

More from Christina Wodtke (20)

Game Design Fundamentals: The Formal Elements
Game Design Fundamentals: The  Formal ElementsGame Design Fundamentals: The  Formal Elements
Game Design Fundamentals: The Formal Elements
 
Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)Comunication & Storytelling for Product Managers (and anyone else)
Comunication & Storytelling for Product Managers (and anyone else)
 
Influence Without Authority
Influence Without AuthorityInfluence Without Authority
Influence Without Authority
 
Make the Complex Clear with Maps and Models
Make the Complex Clear with Maps and ModelsMake the Complex Clear with Maps and Models
Make the Complex Clear with Maps and Models
 
It's complicated
It's complicatedIt's complicated
It's complicated
 
Reboot Your Team
Reboot Your TeamReboot Your Team
Reboot Your Team
 
Design Strategies for Understanding
Design Strategies for UnderstandingDesign Strategies for Understanding
Design Strategies for Understanding
 
Visual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing StudiesVisual Thinking Stanford Continuing Studies
Visual Thinking Stanford Continuing Studies
 
Lecture 010 Polishing the UI
Lecture 010 Polishing the UILecture 010 Polishing the UI
Lecture 010 Polishing the UI
 
WIAD Boston
WIAD BostonWIAD Boston
WIAD Boston
 
Lean Teams are Learning Teams
Lean Teams are Learning TeamsLean Teams are Learning Teams
Lean Teams are Learning Teams
 
Game Design Fundamentals Megadeck
Game Design Fundamentals MegadeckGame Design Fundamentals Megadeck
Game Design Fundamentals Megadeck
 
Visual Thinking: Working with Pictures
Visual Thinking: Working with PicturesVisual Thinking: Working with Pictures
Visual Thinking: Working with Pictures
 
Design the team you need to succeed
Design the team you need to succeedDesign the team you need to succeed
Design the team you need to succeed
 
Class5 Business Design
Class5 Business DesignClass5 Business Design
Class5 Business Design
 
Class 6 Identifying and Validating Assumptions
Class 6   Identifying and Validating AssumptionsClass 6   Identifying and Validating Assumptions
Class 6 Identifying and Validating Assumptions
 
Making the Complex Clear
Making the Complex ClearMaking the Complex Clear
Making the Complex Clear
 
Teaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction DesignTeaching Game Design to Teach Interaction Design
Teaching Game Design to Teach Interaction Design
 
The Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 NeedfindingThe Creative Entrepreneur: Stanford Class2 Needfinding
The Creative Entrepreneur: Stanford Class2 Needfinding
 
The Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offeringThe Creative Entrepreneur: Stanford Class4 From story to offering
The Creative Entrepreneur: Stanford Class4 From story to offering
 

Recently uploaded

10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxDanielTamiru4
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 

Recently uploaded (20)

10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptx
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 

The Principles of Interface