SlideShare ist ein Scribd-Unternehmen logo
1 von 3
Downloaden Sie, um offline zu lesen
MOBILE UXCAMP DC 2014 
Session Takeaways 
Kafi Waters @kafiw #muxdc
Mobile UXCamp DC 2014 Session Takeaways 
• Peter - Rapid Wireframing and Prototyping - you should wireframe in HTML and CSS, it’s 
useful because you can reuse the code 
• Sue - I didn’t know the term “hamburger” icon. During the Design Patterns for 
Complex/Deep Navigation Schemes we discussed different options for presenting 
navigation 
• Steve - At the conclusion of the “hamburger" icon discussion, it was determined that no one 
size fits all. Apple uses horizontal scroll, there is no one good solution, and no one is really 
satisfied when there is a need to present complex navigation 
• Jerry - Collaborative Design Without and Office, wireframes in Google docs, library of 
shapes, closest thing to real time paper prototyping with no paper. 
• *Slides: http://slidesha.re/XTXSNi 
• Brock- The recurring theme in the morning, icon vs. icon and text navigation, more use 
of the latter, icon based navigation, there is no association with just icons, text and icon helps 
with recall 
Kafi Waters @kafiw #muxdc
Mobile UXCamp DC 2014 Session Takeaways 
• Kevin on Jared’s talk, UX Metrics and Measurement - Most data is subjective and crap 
• Sybil - Eyetracking, when you are collecting data mobile it is different from paper or desktop, 
and is tracked piece by piece vs. page by page 
• What are the best takeaways for creating Living Styleguides? They allow you to make 
changes on the fly, to solve a problem right away. 
• *Slides http://slidesha.re/1sRcUf9 
• People, Pain, Projects, Process - pain is mostly about clients, artists, it comes down to a 
product its for everyone, we should educate ourselves on the process, relationships are key 
• Responsive Typography - Ambient light stylesheets in responsvie typography, adjust 
type based on the amount light that user is using at the time or use time of day to adjust 
typography, 
• *Bernard will tweet resources @thebestsophist 
Kafi Waters @kafiw #muxdc

Weitere ähnliche Inhalte

Ähnlich wie Mobile UXCamp DC 2014 Session Takeaways

Surah Drummer UX Portfolio
Surah Drummer UX PortfolioSurah Drummer UX Portfolio
Surah Drummer UX PortfolioSurah Drummer
 
Strategies for User Experience Design
Strategies for User Experience DesignStrategies for User Experience Design
Strategies for User Experience DesignRobert Stribley
 
Prototyping for responsive web design
Prototyping for responsive web design Prototyping for responsive web design
Prototyping for responsive web design mrscammels
 
Webdirections conference - @media
Webdirections conference - @mediaWebdirections conference - @media
Webdirections conference - @mediaGlenn Cahill
 
Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20Robert Stribley
 
Guidelines for Responsive UX Design 07/07/2018
Guidelines for Responsive UX Design 07/07/2018Guidelines for Responsive UX Design 07/07/2018
Guidelines for Responsive UX Design 07/07/2018Robert Stribley
 
Mural: Build Experiences Not Features
Mural: Build Experiences Not FeaturesMural: Build Experiences Not Features
Mural: Build Experiences Not FeaturesJohn Murray
 
Guidelines for Responsive UX Design 11/15/2018
Guidelines for Responsive UX Design 11/15/2018Guidelines for Responsive UX Design 11/15/2018
Guidelines for Responsive UX Design 11/15/2018Robert Stribley
 
Guidelines for Responsive UX Design 11/16/19
Guidelines for Responsive UX Design 11/16/19Guidelines for Responsive UX Design 11/16/19
Guidelines for Responsive UX Design 11/16/19Robert Stribley
 
Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014Shah Muhammad Baig
 
Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014Patrick McNeil
 
Incorporating UX into Your Projects
Incorporating UX into Your ProjectsIncorporating UX into Your Projects
Incorporating UX into Your ProjectsKarl Kaufmann
 
Scott mc cormick float mobile learning_prototyping strategy_mlearncon 2012
Scott mc cormick float mobile learning_prototyping strategy_mlearncon 2012Scott mc cormick float mobile learning_prototyping strategy_mlearncon 2012
Scott mc cormick float mobile learning_prototyping strategy_mlearncon 2012Scott McCormick
 
User Interface Prototyping Techniques: Low Fidelity Prototyping
User Interface Prototyping Techniques: Low Fidelity PrototypingUser Interface Prototyping Techniques: Low Fidelity Prototyping
User Interface Prototyping Techniques: Low Fidelity PrototypingHans Põldoja
 
Building Shared Understanding Glenn McClure
Building Shared Understanding Glenn McClureBuilding Shared Understanding Glenn McClure
Building Shared Understanding Glenn McClureGlenn McClure
 
responsive awareness
responsive awarenessresponsive awareness
responsive awarenessonehundred_be
 
Designing and deploying mobile user studies in the wild: a practical guide
Designing and deploying mobile user studies in the wild: a practical guideDesigning and deploying mobile user studies in the wild: a practical guide
Designing and deploying mobile user studies in the wild: a practical guideKaren Church
 
Mobile User Experience - Inductive Design Process
Mobile User Experience - Inductive Design ProcessMobile User Experience - Inductive Design Process
Mobile User Experience - Inductive Design ProcessJennifer Shurley
 
Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 07/20/19Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 07/20/19Robert Stribley
 

Ähnlich wie Mobile UXCamp DC 2014 Session Takeaways (20)

Surah Drummer UX Portfolio
Surah Drummer UX PortfolioSurah Drummer UX Portfolio
Surah Drummer UX Portfolio
 
Strategies for User Experience Design
Strategies for User Experience DesignStrategies for User Experience Design
Strategies for User Experience Design
 
Prototyping for responsive web design
Prototyping for responsive web design Prototyping for responsive web design
Prototyping for responsive web design
 
TEST TEST TEST
TEST TEST TESTTEST TEST TEST
TEST TEST TEST
 
Webdirections conference - @media
Webdirections conference - @mediaWebdirections conference - @media
Webdirections conference - @media
 
Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20Guidelines for Responsive UX Design 12/12/20
Guidelines for Responsive UX Design 12/12/20
 
Guidelines for Responsive UX Design 07/07/2018
Guidelines for Responsive UX Design 07/07/2018Guidelines for Responsive UX Design 07/07/2018
Guidelines for Responsive UX Design 07/07/2018
 
Mural: Build Experiences Not Features
Mural: Build Experiences Not FeaturesMural: Build Experiences Not Features
Mural: Build Experiences Not Features
 
Guidelines for Responsive UX Design 11/15/2018
Guidelines for Responsive UX Design 11/15/2018Guidelines for Responsive UX Design 11/15/2018
Guidelines for Responsive UX Design 11/15/2018
 
Guidelines for Responsive UX Design 11/16/19
Guidelines for Responsive UX Design 11/16/19Guidelines for Responsive UX Design 11/16/19
Guidelines for Responsive UX Design 11/16/19
 
Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014
 
Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014
 
Incorporating UX into Your Projects
Incorporating UX into Your ProjectsIncorporating UX into Your Projects
Incorporating UX into Your Projects
 
Scott mc cormick float mobile learning_prototyping strategy_mlearncon 2012
Scott mc cormick float mobile learning_prototyping strategy_mlearncon 2012Scott mc cormick float mobile learning_prototyping strategy_mlearncon 2012
Scott mc cormick float mobile learning_prototyping strategy_mlearncon 2012
 
User Interface Prototyping Techniques: Low Fidelity Prototyping
User Interface Prototyping Techniques: Low Fidelity PrototypingUser Interface Prototyping Techniques: Low Fidelity Prototyping
User Interface Prototyping Techniques: Low Fidelity Prototyping
 
Building Shared Understanding Glenn McClure
Building Shared Understanding Glenn McClureBuilding Shared Understanding Glenn McClure
Building Shared Understanding Glenn McClure
 
responsive awareness
responsive awarenessresponsive awareness
responsive awareness
 
Designing and deploying mobile user studies in the wild: a practical guide
Designing and deploying mobile user studies in the wild: a practical guideDesigning and deploying mobile user studies in the wild: a practical guide
Designing and deploying mobile user studies in the wild: a practical guide
 
Mobile User Experience - Inductive Design Process
Mobile User Experience - Inductive Design ProcessMobile User Experience - Inductive Design Process
Mobile User Experience - Inductive Design Process
 
Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 07/20/19Guidelines for Responsive UX Design 07/20/19
Guidelines for Responsive UX Design 07/20/19
 

Mobile UXCamp DC 2014 Session Takeaways

  • 1. MOBILE UXCAMP DC 2014 Session Takeaways Kafi Waters @kafiw #muxdc
  • 2. Mobile UXCamp DC 2014 Session Takeaways • Peter - Rapid Wireframing and Prototyping - you should wireframe in HTML and CSS, it’s useful because you can reuse the code • Sue - I didn’t know the term “hamburger” icon. During the Design Patterns for Complex/Deep Navigation Schemes we discussed different options for presenting navigation • Steve - At the conclusion of the “hamburger" icon discussion, it was determined that no one size fits all. Apple uses horizontal scroll, there is no one good solution, and no one is really satisfied when there is a need to present complex navigation • Jerry - Collaborative Design Without and Office, wireframes in Google docs, library of shapes, closest thing to real time paper prototyping with no paper. • *Slides: http://slidesha.re/XTXSNi • Brock- The recurring theme in the morning, icon vs. icon and text navigation, more use of the latter, icon based navigation, there is no association with just icons, text and icon helps with recall Kafi Waters @kafiw #muxdc
  • 3. Mobile UXCamp DC 2014 Session Takeaways • Kevin on Jared’s talk, UX Metrics and Measurement - Most data is subjective and crap • Sybil - Eyetracking, when you are collecting data mobile it is different from paper or desktop, and is tracked piece by piece vs. page by page • What are the best takeaways for creating Living Styleguides? They allow you to make changes on the fly, to solve a problem right away. • *Slides http://slidesha.re/1sRcUf9 • People, Pain, Projects, Process - pain is mostly about clients, artists, it comes down to a product its for everyone, we should educate ourselves on the process, relationships are key • Responsive Typography - Ambient light stylesheets in responsvie typography, adjust type based on the amount light that user is using at the time or use time of day to adjust typography, • *Bernard will tweet resources @thebestsophist Kafi Waters @kafiw #muxdc