Log in
Log inBook a demo

Mobile UI and UX Design

COURSE
Stone River eLearning
3 hrs

Mobile UI and UX Design

COURSE
Stone River eLearning
3 hrs
Included in GO1 PremiumStarting from $12 per user for teamsLearn moreTry for free
Included in GO1 PremiumStarting from $12 per user for teamsLearn moreTry for free

Course Overview

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.


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.

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.

Target Audience

  • Graphic Designers new to Mobile UX Design.
  • Professionals and Stakeholders who will be involved in designing a mobile application.
  • Anyone seeking a crash course in Mobile UI/UX Design.

Learning Objectives

At the end of this course, students will be equipped to oversee design a mobile application's experience and interface, through the full process which includes:

  • Requirements Assessment
  • Design Project Planning
  • User Experience Recommendations
  • User Interface Design & Documentation
  • Design Implementation Guidelines & Management
  • 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

Requirements

Some knowledge of Graphic Design and/or Corporate Product Development is helpful but not required.

Learning
What is UX Design?
Promo Videovideo
Introduction to the Coursevideo
What Is UI UX Design - Mobile UI and UX Designvideo • 5 mins
The User-Centered Design Philosophy - Mobile UI and UX Designvideo • 5 mins
Example of Strong UX UI Design - Mobile UI and UX Designvideo • 2 mins
Exercise - Testing an App for UI UX Quality - Mobile UI and UX Designvideo • 4 mins
Working with New Experiences for Users - Mobile UI and UX Designvideo • 3 mins
Practice Exercise - Mobile UI and UX Designvideo • 9 mins
Section 1 Slidedocument
Mobile UX Design Trends
Mobile UX Design Trends - Mobile UI and UX Designvideo • 5 mins
Performance-Centric Design - Mobile UI and UX Designvideo • 1 min
Live Updating and Cloud Collaboration - Mobile UI and UX Designvideo • 2 mins
Geolocation - Mobile UI and UX Designvideo • 1 min
Leveraged Services and API Employment - Mobile UI and UX Designvideo • 1 min
Approaches to Interactions and Content - Mobile UI and UX Designvideo • 5 mins
Utilizing Recent Trends - Mobile UI and UX Designvideo • 2 mins
Practice Exercise - Mobile UI and UX Designvideo • 1 min
Section 2 Slidedocument
UX Discovery, Assessment & Planning
Establishing Customer Requirements - Mobile UI and UX Designvideo • 5 mins
Identifying the Technical Requirements - Mobile UI and UX Designvideo • 4 mins
The User Research Process - Mobile UI and UX Designvideo • 2 mins
Introduction to Creating a Requirements Documents - Mobile UI and UX Designvideo • 3 mins
The Requirements Document In-Depth - Mobile UI and UX Designvideo • 5 mins
Competitor Research and Differentiators - Mobile UI and UX Designvideo • 5 mins
Usability Testing Methods - Mobile UI and UX Designvideo • 4 mins
Section 3 Slidedocument
“Nuts & Bolts” / Wireframing to Prototyping
Introduction to Wireframing and Prototyping - Mobile UI and UX Designvideo • 5 mins
Mobile Navigation Patterns - Mobile UI and UX Designvideo • 5 mins
Wireframing Exercise - Mobile UI and UX Designvideo • 6 mins
Tools for Wireframing - Mobile UI and UX Designvideo • 7 mins
Evaluate and Revise Your Design - Mobile UI and UX Designvideo • 3 mins
Exercise - Build a Basic Wireframe - Mobile UI and UX Designvideo • 12 mins
Section 4 Slidedocument
User Interface High Fidelity Design
Introduction to High Fidelity Design - Mobile UI and UX Designvideo • 5 mins
Design Style Choices - Mobile UI and UX Designvideo • 5 mins
Master Art Files & Static Mockups - Mobile UI and UX Designvideo • 5 mins
Complementation - Mobile UI and UX Designvideo • 5 mins
Brand Identity - Mobile UI and UX Designvideo • 5 mins
Typography In Design - Mobile UI and UX Designvideo • 3 mins
Pitching Your Designs - Mobile UI and UX Designvideo • 2 mins
Section 5 Slidedocument
During Development - Building the UX
Starting UI UX Development - Mobile UI and UX Designvideo • 5 mins
Guidelines and Documentation - Mobile UI and UX Designvideo • 5 mins
Building the UI - Mobile UI and UX Designvideo • 5 mins
Hybrid and Web-Based Apps - Mobile UI and UX Designvideo • 4 mins
UI Design Wrap Upvideo
Section 6 Slidedocument