Flat design for a non flat world

•

4 gefällt mir•2,529 views

Gregory Raiz

Technologie Business

The Plan
•What is ﬂat design?

•Design is fashion

•Designing for humans

•Examples of ﬂat design

•Aﬀordances vs. Skeumorphism

•5 ways to design with depth

It’s harder to hide bad
design with ﬂashy art

Bad Design?
Legibility
Readability
Usability

Bad Design?
!
!
!
!
Readability
Legibility
Usability
Click to get
started

BlackBerry
6710
Nokia 1100 Palm Pilot
Flat design fashion

Affordances Provide
Natural Cues to
Interactions

Affordances clarify
intended interactions
Yes

How do you use your device?
•Vertical vs Horizontal

•Sitting, Standing, Lying down

•Holding something in the other hand

•Camera

•Accelerometer

•Microphone

•Proximity Sensor

•Magnetometer
Some of the sensors

•Work vs. Play

•Family vs. Job

•Entertainment vs. Productivity

•Young vs. Old

Life dimensions

Everything should be made
as simple as possible, but
not simpler.  
- Albert Einstein

Weitere ähnliche Inhalte

Was ist angesagt?

Digital design workshop Katherine Barrow

Designing For AndroidRachit Shukla

Designing for Mobilepaultrani

Get creative with latest web design and ui trends for 2021 and beyond! conver...CatherineTeves1

Is it always a bad thing to cheat a user?Przemysław Pomaski

Visualizing UX for Remote DesignJim Kalbach

Dealing with design debt (UCD Gathering)Neil Turner

Remote DesignJim Kalbach

Symbols slideshow finalLandonBryant

A designer's view on Google's Material DesignVladyslav Miasnikov

The 3 MusketeersLillian Ayla Ersoy

The building blocks of visual hierarchyHalil Eren Çelik

Developing Windows 8 or how to redesign a religionAlius Petraška

Digital Design Power-ups!Kim Bjørn

What is a Hand Sketch Prototype?Lean Apps

Drawing for interior DesignMelissa Betancourt

Architectural Design 1 Lectures by Dr. Yasser Mahgoub - Lectures by Dr. Yasse...Galala University

16 Web & Graphic Design Trends to Watch in 2016Ernesto Olivares

Was ist angesagt? (18)

Digital design workshop

Designing For Android

Designing for Mobile

Get creative with latest web design and ui trends for 2021 and beyond! conver...

Is it always a bad thing to cheat a user?

Visualizing UX for Remote Design

Dealing with design debt (UCD Gathering)

Remote Design

Symbols slideshow final

A designer's view on Google's Material Design

The 3 Musketeers

The building blocks of visual hierarchy

Developing Windows 8 or how to redesign a religion

Digital Design Power-ups!

What is a Hand Sketch Prototype?

Drawing for interior Design

Architectural Design 1 Lectures by Dr. Yasser Mahgoub - Lectures by Dr. Yasse...

16 Web & Graphic Design Trends to Watch in 2016

Andere mochten auch

MindfullnessKaren Dayanna Velez

T.FAT Build Project CRM SoftwareGeeta Shenghani

Bitrix24 New Design and New Features - October 2014 Presentation Bitrix, Inc.

powerpoint flat-design-colors-backgroundsNetCoworking

The Ahfad University for Women: a Sudanese educational experiment.comfortablescen50

Krds - PresentationKRDS

Virus informaticojaviermontenegro22

El lenguaje htmlNenita De Vera

SKOR Edisi 030 [Maret-2015]Noeh Nemen

Portfolio (Atom Samit)Atom Samit

Guia turística de noveldaiesMola

Rehabilitaciónjcmajan

Narrativa DigitalMiguel Llamas Sánchez

Huella competitiva XCARETOscar Arredondo

The Brief - Building Designers Australia Winter 2013Josh Develop

El amor en nuestros tiemposMary Pinilla

Jen StronginJennifer Strongin

El Cabello Trenzado Stepshsecretivedoctri87

THC Overview 2015Norma Mills

Ramny y la savia de amor - Capítulo primeroFranklin Díaz Lárez

Andere mochten auch (20)

Mindfullness

T.FAT Build Project CRM Software

Bitrix24 New Design and New Features - October 2014 Presentation

powerpoint flat-design-colors-backgrounds

The Ahfad University for Women: a Sudanese educational experiment.

Krds - Presentation

Virus informatico

El lenguaje html

SKOR Edisi 030 [Maret-2015]

Portfolio (Atom Samit)

Guia turística de novelda

Rehabilitación

Narrativa Digital

Huella competitiva XCARET

The Brief - Building Designers Australia Winter 2013

El amor en nuestros tiempos

Jen Strongin

El Cabello Trenzado Stepsh

THC Overview 2015

Ramny y la savia de amor - Capítulo primero

Ähnlich wie Flat design for a non flat world

Web Design Trends 2015 & 2016Lewis Lin 🦊

Web Design Book Of Trends 2015 2016Jessie Doan

Web Design Trends e-Bookjesús Santo

Hany Rizk / Somuchmore – Is UX killing the experience?ConversionMeetup

Becoming a Web Design ChampionMeagan Fisher

Material Design Done RightDigital Vidya

The book of design quotes - more than 100 inspirational quotesewebbers studio

Design For Non Designers - Part OneLatitude Digital Marketing

Is Your App Functional as well as Beautiful? (DroidSync 2014)Faiz Malkani

Design Thinking talkGlyn Britton

Mobile ui trends present future – meaningful mobile typographyHalil Eren Çelik

How Do I UX?Dave Stadler

ID14 – my 2014 observations in interactive designPetra Sell

bnb stuffMatt Reed

M3 confErica Kendall

Mobile Design that Doesn't Suckpaultrani

MongoDB World 2018: The Value of UX: Communication and ConnectionMongoDB

Design BasicsAcuity Scheduling

Svcc12 designfundamentalsAlok Jethanandani

Exercises to adapt Design Culture in your organisation Gokul Rangarajan

Ähnlich wie Flat design for a non flat world (20)

Web Design Trends 2015 & 2016

Web Design Book Of Trends 2015 2016

Web Design Trends e-Book

Hany Rizk / Somuchmore – Is UX killing the experience?

Becoming a Web Design Champion

Material Design Done Right

The book of design quotes - more than 100 inspirational quotes

Design For Non Designers - Part One

Is Your App Functional as well as Beautiful? (DroidSync 2014)

Design Thinking talk

Mobile ui trends present future – meaningful mobile typography

How Do I UX?

ID14 – my 2014 observations in interactive design

bnb stuff

M3 conf

Mobile Design that Doesn't Suck

MongoDB World 2018: The Value of UX: Communication and Connection

Design Basics

Svcc12 designfundamentals

Exercises to adapt Design Culture in your organisation

Mehr von Gregory Raiz

Raizlabs Culture Deck - 2015Gregory Raiz

Innovation at Scale & Building with ❤️Gregory Raiz

AltConf - Products need a vision, not just featuresGregory Raiz

Why bad design is your fault - UXPA 2016Gregory Raiz

Design and development better togetherGregory Raiz

UXPA 10 minute talk on shaping organizations Gregory Raiz

5 minute presentationsGregory Raiz

10 essentials to great mobileGregory Raiz

User interface design for thumbs and fingersGregory Raiz

Wireframe screens for the Clock Radio AppGregory Raiz

Wireframe Powerpoint PartsGregory Raiz

Mehr von Gregory Raiz (11)

Raizlabs Culture Deck - 2015

Innovation at Scale & Building with ❤️

AltConf - Products need a vision, not just features

Why bad design is your fault - UXPA 2016

Design and development better together

UXPA 10 minute talk on shaping organizations

5 minute presentations

10 essentials to great mobile

User interface design for thumbs and fingers

Wireframe screens for the Clock Radio App

Wireframe Powerpoint Parts

Kürzlich hochgeladen

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

Google AI Hackathon: LLM based Evaluator for RAGSujit Pal

04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG

The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad

WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal

A Call to Action for Generative AI in 2024Results

How to convert PDF to text with Nanonetsnaman860154

08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls

CNv6 Instructor Chapter 6 Quality of Servicegiselly40

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...gurkirankumar98700

Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik

Slack Application Development 101 Slidespraypatel2

A Domino Admins Adventures (Engage 2024)Gabriella Davis

Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK

Histor y of HAM Radio presentation slidevu2urc

Kürzlich hochgeladen (20)

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Google AI Hackathon: LLM based Evaluator for RAG

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

The Codex of Business Writing Software for Real-World Solutions 2.pptx

WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service

A Call to Action for Generative AI in 2024

How to convert PDF to text with Nanonets

08448380779 Call Girls In Friends Colony Women Seeking Men

CNv6 Instructor Chapter 6 Quality of Service

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...

Injustice - Developers Among Us (SciFiDevCon 2024)

Slack Application Development 101 Slides

A Domino Admins Adventures (Engage 2024)

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

Handwritten Text Recognition for manuscripts and early printed texts

Unblocking The Main Thread Solving ANRs and Frozen Frames

Histor y of HAM Radio presentation slide