tagged mobile ux & design
DESCRIPTION
Mark Lieberwitz, Mobile Product Manager at Tagged, recently gave a presentation on UX Principles at a recent Designing & Developing for Mobile Workshop put on by AngelHackTRANSCRIPT
![Page 1: Tagged Mobile UX & Design](https://reader036.vdocuments.mx/reader036/viewer/2022062513/5564b936d8b42a7e178b4b3d/html5/thumbnails/1.jpg)
Mobile User Experience Principles
Mark Lieberwitz
Mobile Product Manager at Tagged, Inc.
![Page 2: Tagged Mobile UX & Design](https://reader036.vdocuments.mx/reader036/viewer/2022062513/5564b936d8b42a7e178b4b3d/html5/thumbnails/2.jpg)
![Page 3: Tagged Mobile UX & Design](https://reader036.vdocuments.mx/reader036/viewer/2022062513/5564b936d8b42a7e178b4b3d/html5/thumbnails/3.jpg)
1024 x 768
320 x 480
![Page 4: Tagged Mobile UX & Design](https://reader036.vdocuments.mx/reader036/viewer/2022062513/5564b936d8b42a7e178b4b3d/html5/thumbnails/4.jpg)
![Page 5: Tagged Mobile UX & Design](https://reader036.vdocuments.mx/reader036/viewer/2022062513/5564b936d8b42a7e178b4b3d/html5/thumbnails/5.jpg)
![Page 6: Tagged Mobile UX & Design](https://reader036.vdocuments.mx/reader036/viewer/2022062513/5564b936d8b42a7e178b4b3d/html5/thumbnails/6.jpg)
84% at home80% misc. times74% waiting in lines64% at work
Where are we using?
Anywhere & Everywhere
Mobile is Personal
![Page 7: Tagged Mobile UX & Design](https://reader036.vdocuments.mx/reader036/viewer/2022062513/5564b936d8b42a7e178b4b3d/html5/thumbnails/7.jpg)
It’s about trade-offs…• Focus on speed• Reduce the amount of content• Simple & focused UX / UI • Minimize text entry• The fat finger use case• Create an experience (make navigation easy)
Mobile UX Tips & Tricks
![Page 8: Tagged Mobile UX & Design](https://reader036.vdocuments.mx/reader036/viewer/2022062513/5564b936d8b42a7e178b4b3d/html5/thumbnails/8.jpg)
![Page 9: Tagged Mobile UX & Design](https://reader036.vdocuments.mx/reader036/viewer/2022062513/5564b936d8b42a7e178b4b3d/html5/thumbnails/9.jpg)
![Page 10: Tagged Mobile UX & Design](https://reader036.vdocuments.mx/reader036/viewer/2022062513/5564b936d8b42a7e178b4b3d/html5/thumbnails/10.jpg)
![Page 11: Tagged Mobile UX & Design](https://reader036.vdocuments.mx/reader036/viewer/2022062513/5564b936d8b42a7e178b4b3d/html5/thumbnails/11.jpg)
Responsive Web Design
![Page 12: Tagged Mobile UX & Design](https://reader036.vdocuments.mx/reader036/viewer/2022062513/5564b936d8b42a7e178b4b3d/html5/thumbnails/12.jpg)
Progressive Enhancement
Rather than hoping for graceful degradation, progressive enhancement builds documents for the least capable or differently capable devices first, then moves on to enhance those documents with separate logic for presentation, in ways that don’t place an undue burden on baseline devices but which allow a richer experience for those users with modern graphical browser software.
- Nick Finck & Steven Champeon
coined the term in 2003
![Page 13: Tagged Mobile UX & Design](https://reader036.vdocuments.mx/reader036/viewer/2022062513/5564b936d8b42a7e178b4b3d/html5/thumbnails/13.jpg)
Mobile First
If you design mobile first, you create agreement on what matters most. You can then apply the same rationale to the desktop/laptop version of the website. We agreed that these were the most important features and content for our customers and business – why should that change with more screen space?
- Luke Wroblewski
![Page 14: Tagged Mobile UX & Design](https://reader036.vdocuments.mx/reader036/viewer/2022062513/5564b936d8b42a7e178b4b3d/html5/thumbnails/14.jpg)