SlideShare una empresa de Scribd logo
1 de 51
Descargar para leer sin conexión
by Amber Weinberg
          @amberweinberg




Tuesday, 20 November 12
20 MOBILE
          UI TIPS FOR
          DEVELOPERS
          by Amber Weinberg
          @amberweinberg




Tuesday, 20 November 12
FREELANCER

               FRONT-END DEVELOPER

               WORDPRESS LOVER

               MOBILE WEB ENTHUSIAST

               KNITTER

               ANGLIOPHILE

               LOVER OF BOOKS

               APPLE FAN

              LOVER OF MY BICHON FRISE AND DACHSHUND

               BAD CODE HATER




Tuesday, 20 November 12
WHO AM I?

               FREELANCER

               FRONT-END DEVELOPER

               WORDPRESS LOVER

               MOBILE WEB ENTHUSIAST

               KNITTER

               ANGLIOPHILE

               LOVER OF BOOKS

               APPLE FAN

              LOVER OF MY BICHON FRISE AND DACHSHUND

               BAD CODE HATER




Tuesday, 20 November 12
Tuesday, 20 November 12
BOSS: I WANT A SITE
           THAT WORKS ON
           ALL DEVICES




Tuesday, 20 November 12
Tuesday, 20 November 12
WHAT DO WE DO
           WHEN THERE’S NO
           MOBILE DESIGN?




Tuesday, 20 November 12
Tuesday, 20 November 12
HMM...
           TO DESIGN OR
           NOT TO DESIGN?




Tuesday, 20 November 12
Tuesday, 20 November 12
Tuesday, 20 November 12
WHAT IS
           INTERFACE DESIGN?




Tuesday, 20 November 12
Tuesday, 20 November 12
WATCH OUT FOR
           THE PIT OF
           DEVELOPER DOOM!




Tuesday, 20 November 12
1                       FORGET MOCKUPS




Tuesday, 20 November 12
1                       FORGET MOCKUPS




Tuesday, 20 November 12
2                 MOCKUPS VS
                          BREAKPOINTS




Tuesday, 20 November 12
3                 DON’T FAKE IT




Tuesday, 20 November 12
4                 SHOW WHAT’S
                          IMPORTANT




Tuesday, 20 November 12
4                 SHOW WHAT’S
                          IMPORTANT




Tuesday, 20 November 12
5                 USE COLUMNS




Tuesday, 20 November 12
6                 GIVE EXTRA
                          SPACING




Tuesday, 20 November 12
7               MENUS ARE
                          CRUCIAL




Tuesday, 20 November 12
7               MENUS ARE
                          CRUCIAL




Tuesday, 20 November 12
7               MENUS ARE
                          CRUCIAL




Tuesday, 20 November 12
7               MENUS ARE
                          CRUCIAL




Tuesday, 20 November 12
7               MENUS ARE
                          CRUCIAL




Tuesday, 20 November 12
8               CHOOSE WORDS
                          OR ICONS




Tuesday, 20 November 12
9               REDUCE IMAGES




Tuesday, 20 November 12
10              RETINA-SMETINA




Tuesday, 20 November 12
11              I LIKE BIG
                          BUTT-ONS,
                          AND I CAN
                          NOT LIE




                                       http://bit.ly/saqmvo
Tuesday, 20 November 12
11              I LIKE BIG
                          BUTT-ONS,
                          AND I CAN
                          NOT LIE




Tuesday, 20 November 12
11              I LIKE BIG
                          BUTT-ONS,
                          AND I CAN
                          NOT LIE




Tuesday, 20 November 12
11              I LIKE BIG
                          BUTT-ONS,
                          AND I CAN
                          NOT LIE




Tuesday, 20 November 12
11              I LIKE BIG
                          BUTT-ONS,
                          AND I CAN
                          NOT LIE




Tuesday, 20 November 12
11              I LIKE BIG
                          BUTT-ONS,
                          AND I CAN
                          NOT LIE




Tuesday, 20 November 12
12              HOVER
                          EFFECTS




Tuesday, 20 November 12
13              DON’T ASSUME
                          YOU KNOW WHAT
                          YOUR USERS
                          ARE DOING




Tuesday, 20 November 12
14              CHANGE
                          FONT SIZES




Tuesday, 20 November 12
15              ZOOM ZOOM




Tuesday, 20 November 12
16              ENABLE
                          SWIPE GESTURES




Tuesday, 20 November 12
16              ENABLE
                          SWIPE GESTURES




                          http://www.woothemes.com/flexslider/
Tuesday, 20 November 12
17              DON’T FORGET
                          YOUR FORMS




Tuesday, 20 November 12
18              PUT SEARCH
                          AT THE VERY TOP




Tuesday, 20 November 12
19              KISS - KEEP IT
                          SIMPLE, STUPID




Tuesday, 20 November 12
20              FINISHING
                          TOUCHES




Tuesday, 20 November 12
Tuesday, 20 November 12
UI ISN’T
            ROCKET SCIENCE




Tuesday, 20 November 12
www.amberweinberg.com
          @amberweinberg




Tuesday, 20 November 12
I LOVE
           YOU!

          www.amberweinberg.com
          @amberweinberg




Tuesday, 20 November 12

Más contenido relacionado

Destacado

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
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationErica Santiago
 

Destacado (20)

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
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 

20 Mobile UI Tips for Developers

  • 1. by Amber Weinberg @amberweinberg Tuesday, 20 November 12
  • 2. 20 MOBILE UI TIPS FOR DEVELOPERS by Amber Weinberg @amberweinberg Tuesday, 20 November 12
  • 3. FREELANCER FRONT-END DEVELOPER WORDPRESS LOVER MOBILE WEB ENTHUSIAST KNITTER ANGLIOPHILE LOVER OF BOOKS APPLE FAN LOVER OF MY BICHON FRISE AND DACHSHUND BAD CODE HATER Tuesday, 20 November 12
  • 4. WHO AM I? FREELANCER FRONT-END DEVELOPER WORDPRESS LOVER MOBILE WEB ENTHUSIAST KNITTER ANGLIOPHILE LOVER OF BOOKS APPLE FAN LOVER OF MY BICHON FRISE AND DACHSHUND BAD CODE HATER Tuesday, 20 November 12
  • 6. BOSS: I WANT A SITE THAT WORKS ON ALL DEVICES Tuesday, 20 November 12
  • 8. WHAT DO WE DO WHEN THERE’S NO MOBILE DESIGN? Tuesday, 20 November 12
  • 10. HMM... TO DESIGN OR NOT TO DESIGN? Tuesday, 20 November 12
  • 13. WHAT IS INTERFACE DESIGN? Tuesday, 20 November 12
  • 15. WATCH OUT FOR THE PIT OF DEVELOPER DOOM! Tuesday, 20 November 12
  • 16. 1 FORGET MOCKUPS Tuesday, 20 November 12
  • 17. 1 FORGET MOCKUPS Tuesday, 20 November 12
  • 18. 2 MOCKUPS VS BREAKPOINTS Tuesday, 20 November 12
  • 19. 3 DON’T FAKE IT Tuesday, 20 November 12
  • 20. 4 SHOW WHAT’S IMPORTANT Tuesday, 20 November 12
  • 21. 4 SHOW WHAT’S IMPORTANT Tuesday, 20 November 12
  • 22. 5 USE COLUMNS Tuesday, 20 November 12
  • 23. 6 GIVE EXTRA SPACING Tuesday, 20 November 12
  • 24. 7 MENUS ARE CRUCIAL Tuesday, 20 November 12
  • 25. 7 MENUS ARE CRUCIAL Tuesday, 20 November 12
  • 26. 7 MENUS ARE CRUCIAL Tuesday, 20 November 12
  • 27. 7 MENUS ARE CRUCIAL Tuesday, 20 November 12
  • 28. 7 MENUS ARE CRUCIAL Tuesday, 20 November 12
  • 29. 8 CHOOSE WORDS OR ICONS Tuesday, 20 November 12
  • 30. 9 REDUCE IMAGES Tuesday, 20 November 12
  • 31. 10 RETINA-SMETINA Tuesday, 20 November 12
  • 32. 11 I LIKE BIG BUTT-ONS, AND I CAN NOT LIE http://bit.ly/saqmvo Tuesday, 20 November 12
  • 33. 11 I LIKE BIG BUTT-ONS, AND I CAN NOT LIE Tuesday, 20 November 12
  • 34. 11 I LIKE BIG BUTT-ONS, AND I CAN NOT LIE Tuesday, 20 November 12
  • 35. 11 I LIKE BIG BUTT-ONS, AND I CAN NOT LIE Tuesday, 20 November 12
  • 36. 11 I LIKE BIG BUTT-ONS, AND I CAN NOT LIE Tuesday, 20 November 12
  • 37. 11 I LIKE BIG BUTT-ONS, AND I CAN NOT LIE Tuesday, 20 November 12
  • 38. 12 HOVER EFFECTS Tuesday, 20 November 12
  • 39. 13 DON’T ASSUME YOU KNOW WHAT YOUR USERS ARE DOING Tuesday, 20 November 12
  • 40. 14 CHANGE FONT SIZES Tuesday, 20 November 12
  • 41. 15 ZOOM ZOOM Tuesday, 20 November 12
  • 42. 16 ENABLE SWIPE GESTURES Tuesday, 20 November 12
  • 43. 16 ENABLE SWIPE GESTURES http://www.woothemes.com/flexslider/ Tuesday, 20 November 12
  • 44. 17 DON’T FORGET YOUR FORMS Tuesday, 20 November 12
  • 45. 18 PUT SEARCH AT THE VERY TOP Tuesday, 20 November 12
  • 46. 19 KISS - KEEP IT SIMPLE, STUPID Tuesday, 20 November 12
  • 47. 20 FINISHING TOUCHES Tuesday, 20 November 12
  • 49. UI ISN’T ROCKET SCIENCE Tuesday, 20 November 12
  • 50. www.amberweinberg.com @amberweinberg Tuesday, 20 November 12
  • 51. I LOVE YOU! www.amberweinberg.com @amberweinberg Tuesday, 20 November 12