SlideShare ist ein Scribd-Unternehmen logo
1 von 26
Downloaden Sie, um offline zu lesen
Designprinciper 
som verktyg 
Gabriel Svennerberg 
Meetod
Gabriel Svennerberg 
UX Designer 
Designed for Humans | www.meetod.se
Designed for Humans | www.meetod.se
Design Principles FTW 
www.designprinciplesftw.com 
Designed for Humans | www.meetod.se
Vad är en designprincip? 
Designed for Humans | www.meetod.se
Designed for Humans | www.meetod.se 
Designprinciper 
Experience principles 
Design criterias 
Experience attributes 
Designpersonlighet 
Heuristics 
Design mantras 
Design tenants
Egenskap Visibility of system Upplevelse 
status 
– 10 Usability Heuristics for User Interface Design 
Designed for Humans | www.meetod.se 
Specifik 
Generell
Egenskap Zero/low interaction Upplevelse 
Designed for Humans | www.meetod.se 
Specifik 
– Design Principles for Android Wear 
Generell
Focus on the 
experience, not on the 
function 
– UX Axioms by Erik Dahl 
Egenskap Upplevelse 
Designed for Humans | www.meetod.se 
Specifik 
Generell
Egenskap Discover the UnexpectedUpplevelse 
Designed for Humans | www.meetod.se 
Specifik 
– HTC Hero Principles 
Generell
Egenskap Upplevelse 
De designprinciper vi har mest nytta av finns här 
Designed for Humans | www.meetod.se 
Specifik 
Generell
Vad ska man ha dem till? 
Designed for Humans | www.meetod.se
“Design 
principles are like 
a north star to 
help you sail the 
ship of design.” 
! 
– Leah Buley 
Designed for Humans | www.meetod.se
Fungerar som vägräcken 
Designed for Humans | www.meetod.se
Skapa en konsekvent 
upplevelse 
Designed for Humans | www.meetod.se
Hur tar man fram sina 
Designed for Humans | www.meetod.se 
egna?
Rubrik: kort och kärnfull 
EN DESIGNPRINCIPS ANATOMI 
Det finns alltid ett nästa steg 
Upplevelsen tar inte slut. Det finns alltid ett 
nästa steg som användaren kan ta för att 
komma vidare. 
Fylligare beskrivning av principen 
• Avsluta med tydlig call-to-action 
• Länka vidare till djupare information 
• Uppmana till att kontakta någon 
• Visa relaterad information 
Designed for Humans | www.meetod.se 
Exempel 
Ibland kan det vara bra att ha med konkreta exempel
Designed for Humans | www.meetod.se 
Tips 
• Grunda dem på din research 
• Ta fram dem tillsammans med andra 
• Hämta inspiration från andras 
designprinciper 
• 5-7 st är lagom
Hur använder man 
dem sen? 
Designed for Humans | www.meetod.se
Håll dem levande 
Designed for Humans | www.meetod.se
Från: UX Team of One av Leah Buley
Upprepa, upprepa, upprepa 
Designed for Humans | www.meetod.se
Revidera efter hand 
Designed for Humans | www.meetod.se
Designed for Humans Bild: Simple Unicorn av Marc Clancy | www.meetod.se
“These are my 
principles; if you 
don’t like them, I 
have others.” 
! 
– Groucho Marx 
Designed for Humans | www.meetod.se
Designed for Humans | www.meetod.se 
Tack! 
Email gabriel@meetod.com 
Twitter @svennerberg 
Web www.meetod.se 
Telefon 073-687 07 30

Más contenido relacionado

Empfohlen

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 

Empfohlen (20)

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 

Designprinciper som verktyg - UX Open 2014

  • 1. Designprinciper som verktyg Gabriel Svennerberg Meetod
  • 2. Gabriel Svennerberg UX Designer Designed for Humans | www.meetod.se
  • 3. Designed for Humans | www.meetod.se
  • 4. Design Principles FTW www.designprinciplesftw.com Designed for Humans | www.meetod.se
  • 5. Vad är en designprincip? Designed for Humans | www.meetod.se
  • 6. Designed for Humans | www.meetod.se Designprinciper Experience principles Design criterias Experience attributes Designpersonlighet Heuristics Design mantras Design tenants
  • 7. Egenskap Visibility of system Upplevelse status – 10 Usability Heuristics for User Interface Design Designed for Humans | www.meetod.se Specifik Generell
  • 8. Egenskap Zero/low interaction Upplevelse Designed for Humans | www.meetod.se Specifik – Design Principles for Android Wear Generell
  • 9. Focus on the experience, not on the function – UX Axioms by Erik Dahl Egenskap Upplevelse Designed for Humans | www.meetod.se Specifik Generell
  • 10. Egenskap Discover the UnexpectedUpplevelse Designed for Humans | www.meetod.se Specifik – HTC Hero Principles Generell
  • 11. Egenskap Upplevelse De designprinciper vi har mest nytta av finns här Designed for Humans | www.meetod.se Specifik Generell
  • 12. Vad ska man ha dem till? Designed for Humans | www.meetod.se
  • 13. “Design principles are like a north star to help you sail the ship of design.” ! – Leah Buley Designed for Humans | www.meetod.se
  • 14. Fungerar som vägräcken Designed for Humans | www.meetod.se
  • 15. Skapa en konsekvent upplevelse Designed for Humans | www.meetod.se
  • 16. Hur tar man fram sina Designed for Humans | www.meetod.se egna?
  • 17. Rubrik: kort och kärnfull EN DESIGNPRINCIPS ANATOMI Det finns alltid ett nästa steg Upplevelsen tar inte slut. Det finns alltid ett nästa steg som användaren kan ta för att komma vidare. Fylligare beskrivning av principen • Avsluta med tydlig call-to-action • Länka vidare till djupare information • Uppmana till att kontakta någon • Visa relaterad information Designed for Humans | www.meetod.se Exempel Ibland kan det vara bra att ha med konkreta exempel
  • 18. Designed for Humans | www.meetod.se Tips • Grunda dem på din research • Ta fram dem tillsammans med andra • Hämta inspiration från andras designprinciper • 5-7 st är lagom
  • 19. Hur använder man dem sen? Designed for Humans | www.meetod.se
  • 20. Håll dem levande Designed for Humans | www.meetod.se
  • 21. Från: UX Team of One av Leah Buley
  • 22. Upprepa, upprepa, upprepa Designed for Humans | www.meetod.se
  • 23. Revidera efter hand Designed for Humans | www.meetod.se
  • 24. Designed for Humans Bild: Simple Unicorn av Marc Clancy | www.meetod.se
  • 25. “These are my principles; if you don’t like them, I have others.” ! – Groucho Marx Designed for Humans | www.meetod.se
  • 26. Designed for Humans | www.meetod.se Tack! Email gabriel@meetod.com Twitter @svennerberg Web www.meetod.se Telefon 073-687 07 30