Certified Mobile UX & UI Design Specialist

Mobile UX & User Interface Design for apps and mobile websites

Contents

Mobile UX design basics and workflows

From Mobile Lean UX design and development process to decide whether to choose a mobile app vs. a mobile website.

Navigation and interaction patterns

Navigation systems for both web and apps and interaction patterns in iOS and Android.

Designing for touch and visual design

From interaction design for touch screens to dealing with data and complex information to visual design on mobile.

Visual design and software tools

iOS and Android design languages and introduction to Sketch and Figma. 

Evolving interfaces and animation

From designing a screen in all its states to gestures on mobile devices and the principles of UI animation.

Animations and interactions

From Micro-interactions to the introduction of Framer to preparing assets for developers.

Designing for a mobile device, and making the transition from web design can be challenging. Thus, it’s fundamental to understand its specific and distinctive characteristics, to be able to design meaningful apps and mobile websites. This course will guide you through a workflow that you will be able to apply in your mobile projects — from the idea to interaction patterns and animations.

What to expect

We’ll teach you how to face a professional design project for mobile devices from the beginning. Along the way, you’ll learn how to design quick prototypes, wireframes and interaction patterns for different operating systems, visual design, interactions and animations, among other things. In the end, you’ll have a working medium-fidelity prototype that you’ll be able to share and test.

What you will learn

During this course you’ll work following a step-by-step process to design a mobile product, from the initial idea to the interface’s details. Workflows, techniques and tools that work in real life will be presented along theoretical contents and short, hands-on exercises. During the course you will be able to put into practice what you learn, in a fun and relaxed environment. Also, contents will be presented in an easy to understand, non-technical manner.

Who should participate

This seminar was developed for people who are responsible for the design and conceptualisation of digital products for mobile devices. These are, for example, designers and design managers from all fields (user experience, visual design, product design). People with other professional backgrounds such as project and product managers, web and software developers may also benefit from the contents of this seminar.

Agenda

Welcome, getting to know and warm up

Mobile Lean UX design, and development process
Overview of the main workflow when designing a mobile product, from its conceptualization to launching.

How to choose: Mobile app vs. mobile website
Should it be an app or does a mobile website fit the users needs better?. Not everything needs to be an app. In some cases, a mobile website will do. Learn to choose when to make what.

Practical exercise: Given a product idea, participants will need to decide between making it as a mobile app or mobile web, and explain the benefits of their decision.

Ideas that are worth making as an app
Everyone has an idea for an app, but does it worth it? The key aspects to know if you have a good concept in front of you.

Taking advantage of the mobile’s phone hardware
A small computer in your pocket, learn how to take advantage of your phone’s hardware potential.

Navigation systems for both web and apps
When structuring your app or site, you need to know how to think navigation from the very beginning of your project.

Practical exercise: Sketching low-fidelity wireframes on paper to accomplish the main flow of the app, and then making a navigable prototype from it.

Interaction patterns in iOS and Android
Similar but different: we’ll learn how the same things are accomplished in both iOS and Android, following each one’s particular conventions.

Retrospective, reflection and integration

Review and preview

Interaction design for touch screens
From touch target sizes, to interaction areas and ways of holding of a device. Learn how all this will affect your design decisions.

Dealing with data and complex information
Forms, filters and menus are normally used to split information. We’ll review good practices to use them.

Practical exercise: Participants will design a small search system using filters and resources to split information on screen.

Visual design on mobile: color, typography, grids
Visual design has to adapt to a smaller screen than a desktop, so this will affect the way all visual elements and layout are presented.

iOS and Android design languages
Both operating systems base their design decisions on principles. We’ll see how to follow them, and when to break them.

Sketch / Figma introduction
We’ll have a basic introduction to learn the tools that you’ll need to design an UI.

Practical exercise: Designing medium fidelity wireframes, and then adding interaction with InVision.

Retrospektive, reflexion and integration

Review and preview

Designing a screen in all its states
An approach on how to design interfaces that change over time, and that have many intermediate states that are often not considered.

Practical exercise: We’ll take a main screen as a base, and participants will design its different loading and intermediate states.

Gestures on mobile devices
How to use gestures on mobile devices as one of the main ways of interacting with information, and how to make the most of them.

Principles of UI animation
How to use animation with care to make transitions, give feedback and reinforce meaning in specific parts of the product.

Micro-interactions
An overview of those ‘small’ interface details that could make a big difference when they are designed in a thoughtful way.

Introduction to animation tools: Framer
Framer is becoming a more and more powerful tool, so we’ll learn how to use its main features to add interaction and animation to prototypes.

Practical exercise: Designing an animation for one part of the app that attendants select.

Preparing assets for developers
The designer’s job should also include handling assets to the rest of the team, and we’ll see what to keep into account when doing that.

Final presentation

Integration, conclusion and farewell

Dates

Sufficient free places Few vacant places Waiting list Fully booked

25% discount for self-payers and up to 20% discount for the registration of several employees at one seminar

20.-22.03.
2019
Barcelona
Early bird tariff until 23.01.2019 available
Early Bird
1.490,00
Enough places
20. - 22.03.2019 Barcelona
Enough places
24.-26.04.
2019
Copenhagen
Early bird tariff until 27.02.2019 available
Early Bird
1.490,00
Enough places
24. - 26.04.2019 Copenhagen
Enough places
06.-08.05.
2019
Amsterdam
Early bird tariff until 11.03.2019 available
Early Bird
1.490,00
Enough places
06. - 08.05.2019 Amsterdam
Enough places
22.-24.05.
2019
London
Early bird tariff until 27.03.2019 available
Early Bird
1.490,00
Enough places
22. - 24.05.2019 London
Enough places
12.-14.06.
2019
Berlin
Early bird tariff until 17.04.2019 available
Early Bird
1.490,00
Enough places
12. - 14.06.2019 Berlin
Enough places
08.-10.07.
2019
Dublin
Early bird tariff until 13.05.2019 available
Early Bird
1.490,00
Enough places
08. - 10.07.2019 Dublin
Enough places
Discount
10%
for registration of 2 employees (applies to the 2nd employee)
20%
for the registration of 3+ employees (applies to the 3rd and each additional employee)
25%
for self-payers & freelancers

Trainer

Testimonials

Informations

Facts & Figures
Duration: 3 Days
Language: English
Participant: Minimal 3 | Maximum 12
Cancellation: Up to 14 days before the start of the seminar free of charge

Times: 1st Day: 10 a.m. till 5 p.m., 2nd & 3rd Day: 9 a.m. till 5 p.m.

Contact person
Stefan Schmitt
s.schmitt@xd-i.com
+49 221 168 19 762

Certificate

Certified Mobile UX & UI Design Specialist

The certificate “Certified Mobile UX & UI Design Specialist” of the XDi – Experience Design Institute is awarded for the completed seminar, the active participation in the practical exercises as well as the final presentation.

The certificate is recognized by the UXPA and the Interaction Design Foundation and enjoys an international reputation.

Accomplishments

Benefits

Our Services

XDi'Inhouse
We also offer the possibility of special in-house company training tailored to your needs. A company training is particularly suitable if you want to train entire teams in experience design methodologies and want to establish the appropriate knowledge in your company.

In-House Request

XDi'360°

You achieve the most sustainable learning success with a good mixture of training, coaching and consulting. All XDi trainings can be combined with individual coaching and accompanying consulting services to form a "Continious Improvement Program" for continuous development.

XDi'360°Request

XDi'Coaching

In order to support your team or individual team members in a targeted way and to promote them more strongly, we have developed a special coaching offer. We coach you on all topics of our further training courses. Just let us know exactly how we can support you.

Coaching Request

XDi'Consulting

We advise companies and their executives on the path to digital transformation. We prepare companies for the transformation of a networked, global world and accompany them in the development of new working environments, the use of digital tools and the setup of their teams.

Consulting Request

Our Way

References

Recommendations