SlideShare uma empresa Scribd logo
1 de 29
Baixar para ler offline
Soheil Alavi
soh3il
Good Design is Less Design
Making a Case for Mobile First Designs
Users are moving to mobile
1.2 BILLION
mobile web users worldwide
Making a Case for Mobile First Designs
1.2 BILLION
mobile web users worldwide
30% UP | mobile page views
60% DOWN | desktop page views
Making a Case for Mobile First Designs
Making a Case for Mobile First Designs
Desktop for creation.
Mobile for consumption.
Making a Case for Mobile First Designs
Mobile devices and browsers have evolved.
CPU/GPU size/featured bandwidths
Making a Case for Mobile First Designs
The essence of the web is the User Experience. Not design
It’s not about HTML / CSS / JS
it’s about “connecting people"
Making a Case for Mobile First Designs
It lets you leverage extended capabilities.
GPS / Location services touch gestures
Making a Case for Mobile First Designs
It forces you to focus on people,
on the user experience,
on the content. 
It forces you to focus on people, content
It forces you to focus on people & content
It forces you to focus on people & content
It forces you to focus on people & content
It is much more difficult to take away from the design than to add to it
"If I had more time I would write a shorter letter" 
Mark Twain
1.2 BILLION
mobile web users worldwide
30% UP | mobile page views
60% DOWN | desktop page views
Making a Case for Mobile First Designs
It forces you to focus on people, content
It forces you to focus on people & content
1.2 BILLION
users worldwide
It forces you to focus on people & content
30% UP

mobile page views
1.2 BILLION
mobile web users worldwide
30% UP
mobile page views
1.2 BILLION
mobile web users worldwide
30% UP | mobile page views
60% DOWN | desktop page views
Making a Case for Mobile First Designs
It’s NOT about mobile devices
It’s NOT about mobile devices
Better Usability

Better use of screen real estate

Better use of page elements and code
clear, focused, understandable
Less is more, simple is better
Less is more, simple is better
Less is more, simple is better
Less is more, simple is better

Mais conteúdo relacionado

Semelhante a good design is less design

Is Your Website Mobile Ready?
Is Your Website Mobile Ready?Is Your Website Mobile Ready?
Is Your Website Mobile Ready?
digitalpebbles
 
Web UI Design Examples.pdf
Web UI Design Examples.pdfWeb UI Design Examples.pdf
Web UI Design Examples.pdf
Ayesha Siddika
 
An introduction to user experience design
An introduction to user experience designAn introduction to user experience design
An introduction to user experience design
Elena Donets
 
Roberto Hortal Seamless Website Journey Increase User-friendliness and Acces...
Roberto Hortal Seamless Website Journey Increase User-friendliness and  Acces...Roberto Hortal Seamless Website Journey Increase User-friendliness and  Acces...
Roberto Hortal Seamless Website Journey Increase User-friendliness and Acces...
Roberto Hortal
 
Mc neill marty_mobilepresentation
Mc neill marty_mobilepresentationMc neill marty_mobilepresentation
Mc neill marty_mobilepresentation
mmcneill76
 
Web topic 25 mobile optimized website
Web topic 25  mobile optimized websiteWeb topic 25  mobile optimized website
Web topic 25 mobile optimized website
CK Yang
 

Semelhante a good design is less design (20)

Responsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersResponsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
 
MobileWebAppsDesign
MobileWebAppsDesignMobileWebAppsDesign
MobileWebAppsDesign
 
Is Your Website Mobile Ready?
Is Your Website Mobile Ready?Is Your Website Mobile Ready?
Is Your Website Mobile Ready?
 
Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove Design
 
How to Design Mobile First and the KISSS principle
How to Design Mobile First and the KISSS principleHow to Design Mobile First and the KISSS principle
How to Design Mobile First and the KISSS principle
 
BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive Design
 
Designing for mobile
Designing for mobileDesigning for mobile
Designing for mobile
 
Web UI Design Examples.pdf
Web UI Design Examples.pdfWeb UI Design Examples.pdf
Web UI Design Examples.pdf
 
What is Mobile First Design Strategy.pdf
What is Mobile First Design Strategy.pdfWhat is Mobile First Design Strategy.pdf
What is Mobile First Design Strategy.pdf
 
Communication Design for the Mobile Experience
Communication Design for the Mobile ExperienceCommunication Design for the Mobile Experience
Communication Design for the Mobile Experience
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10
 
Managing Responsive - eduWeb Digital Summit 2012 – Boston
Managing Responsive - eduWeb Digital Summit 2012 – BostonManaging Responsive - eduWeb Digital Summit 2012 – Boston
Managing Responsive - eduWeb Digital Summit 2012 – Boston
 
An introduction to user experience design
An introduction to user experience designAn introduction to user experience design
An introduction to user experience design
 
Roberto Hortal Seamless Website Journey Increase User-friendliness and Acces...
Roberto Hortal Seamless Website Journey Increase User-friendliness and  Acces...Roberto Hortal Seamless Website Journey Increase User-friendliness and  Acces...
Roberto Hortal Seamless Website Journey Increase User-friendliness and Acces...
 
Responsive Web Design Analysis
Responsive Web Design AnalysisResponsive Web Design Analysis
Responsive Web Design Analysis
 
Mc neill marty_mobilepresentation
Mc neill marty_mobilepresentationMc neill marty_mobilepresentation
Mc neill marty_mobilepresentation
 
UI Design Trends
UI Design TrendsUI Design Trends
UI Design Trends
 
Web topic 25 mobile optimized website
Web topic 25  mobile optimized websiteWeb topic 25  mobile optimized website
Web topic 25 mobile optimized website
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX design
 

Mais de Web Standards School

Mais de Web Standards School (20)

طراحی و پیاده‌سازی پارکینگ هوشمند - نوید امیدیان و محمدرضا آقایی
طراحی و پیاده‌سازی پارکینگ هوشمند - نوید امیدیان و محمدرضا آقاییطراحی و پیاده‌سازی پارکینگ هوشمند - نوید امیدیان و محمدرضا آقایی
طراحی و پیاده‌سازی پارکینگ هوشمند - نوید امیدیان و محمدرضا آقایی
 
نقش فناوری رایانش ابری در آینده وب، موبایل و اینترنت اشیاء - علی کاظمی
نقش فناوری رایانش ابری در آینده وب، موبایل و اینترنت اشیاء - علی کاظمینقش فناوری رایانش ابری در آینده وب، موبایل و اینترنت اشیاء - علی کاظمی
نقش فناوری رایانش ابری در آینده وب، موبایل و اینترنت اشیاء - علی کاظمی
 
ابزارهای بهینه سازی تبلیغات دیجیتال - باهره همراز
ابزارهای بهینه سازی تبلیغات دیجیتال - باهره همرازابزارهای بهینه سازی تبلیغات دیجیتال - باهره همراز
ابزارهای بهینه سازی تبلیغات دیجیتال - باهره همراز
 
پنل بررسی نیازهای واقعی بازار دیجیتال مارکتینگ - جلال روحانی
پنل بررسی نیازهای واقعی بازار دیجیتال مارکتینگ - جلال روحانیپنل بررسی نیازهای واقعی بازار دیجیتال مارکتینگ - جلال روحانی
پنل بررسی نیازهای واقعی بازار دیجیتال مارکتینگ - جلال روحانی
 
چرا دولوپرهای ما کمتر به سمت IoT میروند؟ - سارا ستوده
چرا دولوپرهای ما کمتر به سمت IoT میروند؟ - سارا ستودهچرا دولوپرهای ما کمتر به سمت IoT میروند؟ - سارا ستوده
چرا دولوپرهای ما کمتر به سمت IoT میروند؟ - سارا ستوده
 
یادگیری و آموزش تکنولوژی‌های جدید در سال آینده - میلاد نوری
 یادگیری و آموزش تکنولوژی‌های جدید در سال آینده - میلاد نوری یادگیری و آموزش تکنولوژی‌های جدید در سال آینده - میلاد نوری
یادگیری و آموزش تکنولوژی‌های جدید در سال آینده - میلاد نوری
 
اینترنت اشیا،تکنولوژی و چالشها - محمدرضا کامرانی
اینترنت اشیا،تکنولوژی و چالشها - محمدرضا کامرانیاینترنت اشیا،تکنولوژی و چالشها - محمدرضا کامرانی
اینترنت اشیا،تکنولوژی و چالشها - محمدرضا کامرانی
 
روی سیستم من کار می‌کرد!(CI/CD) - حامد ایروانچی
 روی سیستم من کار می‌کرد!(CI/CD)  - حامد ایروانچی روی سیستم من کار می‌کرد!(CI/CD)  - حامد ایروانچی
روی سیستم من کار می‌کرد!(CI/CD) - حامد ایروانچی
 
کاربردی سازی هوش‌مصنوعی در کسب و کارها - آرمان فاطمی
 کاربردی سازی هوش‌مصنوعی در کسب و کارها - آرمان فاطمی کاربردی سازی هوش‌مصنوعی در کسب و کارها - آرمان فاطمی
کاربردی سازی هوش‌مصنوعی در کسب و کارها - آرمان فاطمی
 
چگونگی شروع و رقابت در بازارهای بین المللی
چگونگی شروع و رقابت در بازارهای بین المللیچگونگی شروع و رقابت در بازارهای بین المللی
چگونگی شروع و رقابت در بازارهای بین المللی
 
اهمیت و ویژگی های Web Platform در حال و آینده
اهمیت و ویژگی های Web Platform در حال و آیندهاهمیت و ویژگی های Web Platform در حال و آینده
اهمیت و ویژگی های Web Platform در حال و آینده
 
واقعیت افزوده بر بستر ابرها
واقعیت افزوده بر بستر ابرهاواقعیت افزوده بر بستر ابرها
واقعیت افزوده بر بستر ابرها
 
معرفی کاربردهای یادگیری عمیق و چالش های آن در کلان داده
معرفی کاربردهای یادگیری عمیق و چالش های آن در کلان دادهمعرفی کاربردهای یادگیری عمیق و چالش های آن در کلان داده
معرفی کاربردهای یادگیری عمیق و چالش های آن در کلان داده
 
تأثیر تکنولوژی و وب بر زندگی و اشتغال افراد دارای معلولیت
تأثیر تکنولوژی و وب بر زندگی و اشتغال افراد دارای معلولیتتأثیر تکنولوژی و وب بر زندگی و اشتغال افراد دارای معلولیت
تأثیر تکنولوژی و وب بر زندگی و اشتغال افراد دارای معلولیت
 
آرامش در سایه پذیرش
آرامش در سایه پذیرشآرامش در سایه پذیرش
آرامش در سایه پذیرش
 
امنیت در IoT و متدولوژی‌های Pentest در IoT
امنیت در IoT و متدولوژی‌های Pentest در IoTامنیت در IoT و متدولوژی‌های Pentest در IoT
امنیت در IoT و متدولوژی‌های Pentest در IoT
 
دیزاین در عصر هوش مصنوعی و محصولات هوشمند
دیزاین در عصر هوش مصنوعی و محصولات هوشمنددیزاین در عصر هوش مصنوعی و محصولات هوشمند
دیزاین در عصر هوش مصنوعی و محصولات هوشمند
 
توسعه پروژه های بک‌اند، فرانت‌اند و موبایل با کاتلین
توسعه پروژه های بک‌اند، فرانت‌اند و موبایل با کاتلینتوسعه پروژه های بک‌اند، فرانت‌اند و موبایل با کاتلین
توسعه پروژه های بک‌اند، فرانت‌اند و موبایل با کاتلین
 
نقش AR/VR در‌آینده بازاریابی
نقش AR/VR در‌آینده بازاریابینقش AR/VR در‌آینده بازاریابی
نقش AR/VR در‌آینده بازاریابی
 
بازاریابی، با کمی دقت و سرعت بیشتر
بازاریابی، با کمی دقت و سرعت بیشتربازاریابی، با کمی دقت و سرعت بیشتر
بازاریابی، با کمی دقت و سرعت بیشتر
 

Último

Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 

Último (20)

Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
Magic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptxMagic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptx
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Third Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptxThird Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptx
 

good design is less design