SlideShare a Scribd company logo
Designing for Mobile
WTF is Mobile ?!
• In third world country (where we live in)
  mobile means feature phones (WAP
  based)

• Yes, lots of blackberries & androids in
  big cities, but everywhere else peeps
  still rocking their feature phones

• feature phones = small canvas
SIMPLE MINDED USERS

rotten        gourmet ??       good banana
                                 yummy...


 raw            is this..
                food ??
suggestive ads
suggestive ads
Banana
  porn
   not
allowed
   !!!!



carriers & regulators
Peeps still
                             rockin their
                           feature phones
                              out there


 we have to make sure that they can
make out the image and the text of our
banner and landing page on 176 x 220
Design as a form of communication

 Some fonts look great when big and are unreadable
 when small. Some fonts work well at smaller sizes
 and yet look awful at a larger scale.

you can’t stretch or squeeze a typeface

  Typefaces are designed to LOOK a certain way.
  Some designers spend YEARS creating a new
  typeface. It's not something you do in a
  weekend.
Font?
Typeface?
Font?
Typeface?
 the difference between typeface and font
                    =
  songs and MP3s, respectively (or songs
     and CDs, if you prefer a physical
                metaphor).
Maintain aspect ratio
Mbl

More Related Content

Similar to Mbl

Designing For A Multi-platform Digital Product
Designing For A Multi-platform Digital ProductDesigning For A Multi-platform Digital Product
Designing For A Multi-platform Digital Product
Kyle McConnell
 
Mobile first ux
Mobile first uxMobile first ux
Mobile first ux
Baidurjya Sinha ( Tatan )
 
Designing for mobile
Designing for mobileDesigning for mobile
Designing for mobile
Garth Braithwaite
 
Mobile ui trends present future – meaningful mobile typography
Mobile ui trends present future  – meaningful mobile typographyMobile ui trends present future  – meaningful mobile typography
Mobile ui trends present future – meaningful mobile typography
Halil Eren Çelik
 
ECF Europe 2016: Messaging Apps
ECF Europe 2016: Messaging AppsECF Europe 2016: Messaging Apps
ECF Europe 2016: Messaging Apps
more onion
 
Typography Matters #psuweb
Typography Matters #psuwebTypography Matters #psuweb
Typography Matters #psuweb
Joel G Goodman
 
Typography – a marketer’s guide
Typography – a marketer’s guideTypography – a marketer’s guide
Typography – a marketer’s guide
Creative Cadence Limited
 
A Bit of Design Thinking for Developers
A Bit of Design Thinking for DevelopersA Bit of Design Thinking for Developers
A Bit of Design Thinking for Developers
Saltmarch Media
 
Designing applications for voice interface platforms
Designing applications for voice interface platformsDesigning applications for voice interface platforms
Designing applications for voice interface platforms
manphilip
 
CA CV prog
CA CV progCA CV prog
CA CV prog
Claire Alonge
 
Mobilising Brands Properly! - PREZENCE DIGITAL
Mobilising Brands Properly! - PREZENCE DIGITALMobilising Brands Properly! - PREZENCE DIGITAL
Mobilising Brands Properly! - PREZENCE DIGITAL
Tim Bishop
 
5 Secret Tips To Make Mobile Shopping Banners That Rock.
5 Secret Tips To Make Mobile Shopping Banners That Rock.5 Secret Tips To Make Mobile Shopping Banners That Rock.
5 Secret Tips To Make Mobile Shopping Banners That Rock.
Crunch
 
PhoneGap: a brief history and apologia
PhoneGap: a brief history and apologiaPhoneGap: a brief history and apologia
PhoneGap: a brief history and apologia
lorinbeer
 
Презентация Papaya на Live Mobile
Презентация Papaya на Live MobileПрезентация Papaya на Live Mobile
Презентация Papaya на Live Mobile
Elena Pikunova
 
"Китай: как выйти на один из крупнейших мобильных рынков" - Крис Хенейдж (Chr...
"Китай: как выйти на один из крупнейших мобильных рынков" - Крис Хенейдж (Chr..."Китай: как выйти на один из крупнейших мобильных рынков" - Крис Хенейдж (Chr...
"Китай: как выйти на один из крупнейших мобильных рынков" - Крис Хенейдж (Chr...
Procontent.Ru Magazine
 
Live Mobile: "China: What does take to enter the world's largest mobile marke...
Live Mobile: "China: What does take to enter the world's largest mobile marke...Live Mobile: "China: What does take to enter the world's largest mobile marke...
Live Mobile: "China: What does take to enter the world's largest mobile marke...
Андрей Акимов
 
[US] Mobile Marketing - Jordan Koene
[US] Mobile Marketing - Jordan Koene[US] Mobile Marketing - Jordan Koene
[US] Mobile Marketing - Jordan Koene
Searchmetrics
 
Pinpoint nov2011 14112011-darya_bis
Pinpoint nov2011 14112011-darya_bisPinpoint nov2011 14112011-darya_bis
Pinpoint nov2011 14112011-darya_bis
pinpn
 

Similar to Mbl (18)

Designing For A Multi-platform Digital Product
Designing For A Multi-platform Digital ProductDesigning For A Multi-platform Digital Product
Designing For A Multi-platform Digital Product
 
Mobile first ux
Mobile first uxMobile first ux
Mobile first ux
 
Designing for mobile
Designing for mobileDesigning for mobile
Designing for mobile
 
Mobile ui trends present future – meaningful mobile typography
Mobile ui trends present future  – meaningful mobile typographyMobile ui trends present future  – meaningful mobile typography
Mobile ui trends present future – meaningful mobile typography
 
ECF Europe 2016: Messaging Apps
ECF Europe 2016: Messaging AppsECF Europe 2016: Messaging Apps
ECF Europe 2016: Messaging Apps
 
Typography Matters #psuweb
Typography Matters #psuwebTypography Matters #psuweb
Typography Matters #psuweb
 
Typography – a marketer’s guide
Typography – a marketer’s guideTypography – a marketer’s guide
Typography – a marketer’s guide
 
A Bit of Design Thinking for Developers
A Bit of Design Thinking for DevelopersA Bit of Design Thinking for Developers
A Bit of Design Thinking for Developers
 
Designing applications for voice interface platforms
Designing applications for voice interface platformsDesigning applications for voice interface platforms
Designing applications for voice interface platforms
 
CA CV prog
CA CV progCA CV prog
CA CV prog
 
Mobilising Brands Properly! - PREZENCE DIGITAL
Mobilising Brands Properly! - PREZENCE DIGITALMobilising Brands Properly! - PREZENCE DIGITAL
Mobilising Brands Properly! - PREZENCE DIGITAL
 
5 Secret Tips To Make Mobile Shopping Banners That Rock.
5 Secret Tips To Make Mobile Shopping Banners That Rock.5 Secret Tips To Make Mobile Shopping Banners That Rock.
5 Secret Tips To Make Mobile Shopping Banners That Rock.
 
PhoneGap: a brief history and apologia
PhoneGap: a brief history and apologiaPhoneGap: a brief history and apologia
PhoneGap: a brief history and apologia
 
Презентация Papaya на Live Mobile
Презентация Papaya на Live MobileПрезентация Papaya на Live Mobile
Презентация Papaya на Live Mobile
 
"Китай: как выйти на один из крупнейших мобильных рынков" - Крис Хенейдж (Chr...
"Китай: как выйти на один из крупнейших мобильных рынков" - Крис Хенейдж (Chr..."Китай: как выйти на один из крупнейших мобильных рынков" - Крис Хенейдж (Chr...
"Китай: как выйти на один из крупнейших мобильных рынков" - Крис Хенейдж (Chr...
 
Live Mobile: "China: What does take to enter the world's largest mobile marke...
Live Mobile: "China: What does take to enter the world's largest mobile marke...Live Mobile: "China: What does take to enter the world's largest mobile marke...
Live Mobile: "China: What does take to enter the world's largest mobile marke...
 
[US] Mobile Marketing - Jordan Koene
[US] Mobile Marketing - Jordan Koene[US] Mobile Marketing - Jordan Koene
[US] Mobile Marketing - Jordan Koene
 
Pinpoint nov2011 14112011-darya_bis
Pinpoint nov2011 14112011-darya_bisPinpoint nov2011 14112011-darya_bis
Pinpoint nov2011 14112011-darya_bis
 

Recently uploaded

Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
amrsoftec1
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
GOWSIKRAJA PALANISAMY
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
Decomart Studio
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
qo1as76n
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
jhonguerrerobarturen
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
Techno Merch
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 

Recently uploaded (20)

Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 

Mbl

  • 3. • In third world country (where we live in) mobile means feature phones (WAP based) • Yes, lots of blackberries & androids in big cities, but everywhere else peeps still rocking their feature phones • feature phones = small canvas
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10. SIMPLE MINDED USERS rotten gourmet ?? good banana yummy... raw is this.. food ??
  • 11.
  • 12.
  • 13.
  • 16. Banana porn not allowed !!!! carriers & regulators
  • 17. Peeps still rockin their feature phones out there we have to make sure that they can make out the image and the text of our banner and landing page on 176 x 220
  • 18. Design as a form of communication Some fonts look great when big and are unreadable when small. Some fonts work well at smaller sizes and yet look awful at a larger scale. you can’t stretch or squeeze a typeface Typefaces are designed to LOOK a certain way. Some designers spend YEARS creating a new typeface. It's not something you do in a weekend.
  • 19.
  • 21. Font? Typeface? the difference between typeface and font = songs and MP3s, respectively (or songs and CDs, if you prefer a physical metaphor).
  • 22.
  • 23.

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n