Training for UX & UI Designer (Lot-3)

Program Specifications

Who Can Attend This course is appropriate for anyone working in the creation of mobile
in the Program products and want to learn about the process, tools and techniques to
as a Trainee create successful user interface and experiences.

Pre-requisites of  Clear awareness of the mobile UX field.

Participation as  Strong visualization ability
a Trainee  Basic understanding of Adobe Illustrator and Photoshop

Delivery Instructor-led, group-paced, classroom-delivery learning model with

Methodology structured hands-on activities

Trainers  The trainers will be the experienced and expert in UX and UI Designer
 The trainers must be expert in Adobe Illustrator, Adobe Animator(Flash),
Adobe Photoshop, Adobe Premier Pro, Adobe After Effects, etc.
 Any Fine Arts related background will be an added advantage
 Must attend in eight hours of master ToT training titled “Effective
Training Techniques and Best Practices”
 Trainers must go through a selection process as deemed appropriate by
the project office.

Certification The participants will be evaluated end of each training program. A

“Certificate of Competence” will be awarded to the successful participants
and “Certificate of Participation” will be awarded to the unsuccessful
participants in presence of project representative. Certificate must comply
with project branding guideline and contain an authorized signature of
project director.

Venue and Venue equipped with necessary computers (one laptop/PC for one person
Logistics recommended), high-speed internet, printers, multimedia projector, sound
system, white-board, flip chart, marker, and other necessary logistics have to
be provided by the successful bidder.
Recommended You must have project manager, training coordinators, trainers and lab
HR support technician or engineers along with other support staffs.
 Training Outlines
Training Program : Training for UX & UI Designer

Overview
This course covers the often unique challenges of designing for mobile
devices. The tools and techniques to successfully design a mobile app and
embed this knowledge into your current design approach.
After successful completion of this course, participants would be able to:-
 Mobile user interface design techniques and principles
 Understanding user behavior with mobile devices
 Learn how and when to apply design elements and
patterns
 How to conduct a usability test of a mobile user experience
 How to integrate mobile design and the development
process

Proposed (The modules are not in sequential order. The trainer can follow any
Training sequence as they think necessary for the best outcome of the training
Outline program)
(Indicative)
• Module: Getting Started with UX and UI
o Mobile applications vs. Mobile websites
o Introduction to mobile devices & specs
o A Brief History of Devices
o iOS vs. Android vs. Others: War of Titans
 Module: Foundation of UX
o Defining key terms and understanding the relationships among
them, such as: user experience (UX), usability, utility,
usefulness, user centered design (UCD), human factors,
human-computer interaction (HCI), user interface (UI), graphical
user interface (GUI), natural user interface (NUI), responsive
web design, interaction design (IxD), search engine optimization
(SEO), and more
o Understanding people in order to improve our design
 Age and gender differences
 Cognitive aspects of user behavior
 Growth in user expertise over time and learning curves
 Supporting people with disabilities
• Module: Planning Ahead
o Recognizing user friendly elements
o UI/UX basics & planning
o Creating a Wireframe
o Building a Flowchart

• Module: Visual Elements

o Understanding Color Psychology
o Applying attractive shapes
o Wireframe to Concept

• Module: Modern Styles

o Emphasis and blending
o Functional graphical elements
o Understanding various styles: Web 2.0, iOS7, etc.
o Popular icon styles & sets
o Portrait display vs. Landscape display

 Module: Mobile UX Design Trends

o Mobile UX Design Trends
o Performance-Centric Design
o Live Updating and Cloud Collaboration
o Geolocation
o Card layouts and swipe navigation
o VR/AR
o Leveraged Services and API Employment
o Approaches to Interactions and Content
o Utilizing Recent Trends
o Practice Exercise
 Module: UX Discovery, Assessment & Planning
o Establishing Customer Requirements
o Identifying the Technical Requirements
o The User Research Process
o Introduction to Creating a Requirements Documents
o The Requirements Document In-Depth
o Competitor Research and Differentiators
o Usability Testing Methods

 Module: “Nuts & Bolts” / Wireframing to Prototyping

o Introduction to Storyboarding, Wireframing and Prototyping
o Mobile Navigation Patterns
o Wireframing Exercise
o Tools for Wireframing
o Evaluate and Revise Your Design
o Exercise - Build a Basic Wireframe

 Module: Design Tools

o Photoshop - the prevalent design tool used in industry
o Illustrator - a vector-based graphics tool used for brand design,
illustration, and wireframing
o Bootstrap
o Kendo UI
o Axure – To generate prototype.

 Module: Adobe Photoshop Basics

o Essential Tools
o Working with Palettes
o Menus
o Working with Layers
o Text and Effects

 Module: Adobe Illustrator Basics

o Essential Tools
o Working with Palettes
o Menus
o Working with Layers
o Text and Effects
 Module: UI Design in Adobe Illustrator/Photoshop
o Icon Design
o Splash Page Design
o Buttons Design
o Button Animation
o App Pages Design
o Fragment Design
o Menu Design
o Menu item Design
o Exporting each one of screens.

 Module: UI Motion Mockup Design in Adobe After Effect

o Setting up project in After Effect
o Login Page Animation
o Login Page Animation Finalizing
o Home Page Animation
o Sliding Menu Motion
o Final Taught (Mockup)

 Module: Live Prototype on your device using Axure

o Introduction and the basics of Axure.

o Structuring and aligning work
o Using and styling Elements on the Page
o Fast & Flexible diagramming
o The Outline and Masters
o Previewing, generating and sharing the prototype
o Setting up interactions
o Advanced features

 Module: User Interface High Fidelity Design

o Introduction to High Fidelity Design
o Design Style Choices
o Master Art Files & Static Mockups
o Brand Identity
o Typography In Design
  Module: During Development - Building the UX
o Starting UI UX Development
o Guidelines and Documentation
o Building the UI
o Hybrid and Web-Based Apps
o UI Design Wrap Up

• Module: Testing your Design

o Proof of Concept(POC)
o Gathering feedback and revising your design
o Enhancing your communication skills

Project work: 2 complete projects have to be completed and delivered

for every student (First one is a group project and the last one is the
individual project).