O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Mobile UX and UI Design

Video Description

Mobile devices are now used for everything from banking to gaming – so user interface (UI) and user experience (UX) design has never been more important. If a website is difficult to navigate or the layout of an app is confusing, users will be gone in seconds. An in-depth understanding of mobile UI/UX design is critical for good mobile usability, for keeping your users engaged, and for ensuring your product stays relevant. Make your Mobile UI Design Pop Understand the basics of UI/UX mobile application design Learn each step of the design process from planning to project completion Gain an insight into current mobile UI/UX design trends and developments Develop key skills to plan, manage and develop mobile usability Understand the Mobile UX Design Process While UI and UX design are often bundled together as one, they are in fact two separate disciplines. UI design is centered on layout and the fine detail of how the user interacts with the product (i.e a slide vs. a simple tap on an app). UX design however is about the overall experience, the look and feel of the product, and how the user navigates through it from start to finish. Despite their differences the two go hand-in-hand, and an understanding of both is essential for seamless mobile usability. In short, mobile UI/UX design is one of the most important elements of any digital project. Course Overview This course covers all aspects of the mobile UI/UX design process from start to finish, with graphic designers, stakeholders, designers from non-tech backgrounds, and developers in mind. If you need a crash course in mobile UI/UX design, you've come to the right place. The course is divided into six sections, with each section focusing on key 'design deliverables'. You will explore each phase of the design process, starting with requirements assessment and design project planning, to user experience recommendations and user interface design and documentation, to design implementation guidelines and management. Along the way you'll pick up all of the technical terminology involved, learn about current design trends and the latest developments in the ever changing world of mobile usability, and discover some expert tips to make your project a resounding success. Recommended exercises are presented at the end of each section so you can put your knowledge to practical use. At the end of the course, you will be equipped with all the skills needed to oversee a mobile application's experience and interface design, from the planning stages right up to the finished product.

Table of Contents

  1. 1.What is UX Design? 00:04:09
  2. Introduction to the Course 00:04:09
  3. What Is UI UX Design 00:04:22
  4. The User-Centered Design Philosophy 00:04:33
  5. Example of Strong UX UI Design 00:01:46
  6. Exercise - Testing an App for UI UX Quality 00:03:06
  7. Working with New Experiences for Users 00:02:54
  8. Practice Exercise 01 00:07:01
  9. 2.Mobile UX Design Trends 00:02:41
  10. Device Agnostic Designs 00:02:41
  11. Design Patterns 00:01:08
  12. Responsive & Adaptive Design 00:01:11
  13. Cool Trends in Mobile UI UX 00:01:00
  14. Live Updating & Cloud Collaboration 00:01:57
  15. Geolocation 00:00:34
  16. Leveraged Services and API Employment 00:00:43
  17. Approaches to Interactions & Content 00:04:47
  18. Utilizing Recent Trends 00:01:32
  19. Practice Exercise 02 00:00:17
  20. 3.UX Discovery, Assessment & Planning 00:04:25
  21. Establishing Customer Requirements 00:04:25
  22. Identifying the Technical Requirements 00:03:54
  23. The User Research Process 00:01:18
  24. Intro to Creating a Requirements Doc 00:02:52
  25. The Requirements Doc In-Depth 00:04:19
  26. Competitor Research & Differentiators 00:04:49
  27. Usability Testing Methods 00:03:26
  28. 4.“Nuts & Bolts” / Wireframing to Prototyping 00:04:33
  29. Intro to Wireframing & Prototyping 00:04:33
  30. Mobile Navigation Patterns 00:04:07
  31. Wireframing Exercise 00:05:19
  32. Tools for Wireframing 00:06:06
  33. Evaluate & Revise Your Design 00:02:39
  34. Exercise - Build a Basic Wireframe 00:11:25
  35. 5.User Interface High Fidelity Design 00:04:42
  36. Intro to High Fidelity Design 00:04:42
  37. Design Style Choices 00:04:41
  38. Master Art Files & Static Mockups 00:04:42
  39. Brand Identity 00:04:36
  40. Typography In Design 00:02:56
  41. 6.During Development - Building the UX 00:04:22
  42. Starting UI UX Development 00:04:22
  43. Guidelines & Documentation 00:04:31
  44. Building the UI 00:04:54
  45. Hybrid & Web-Based Apps 00:03:22
  46. UI Design Wrap Up 00:03:39