UI/UX DESIGN
Whiznet Dgital ID Limited
INTRODUCTION
The UI, “User Interface” is the graphical layout of an application. UI designers create the look
and feel of an application’s user interface including screen layout, transitions, interface
animations, and every single micro-interaction. The UX, “User Experience” of the app is
determined by how easy or difficult it is to interact with the user interface elements that the UI
designers have created. User interface and user experience design are in great demand and are
applicable across products and industry domains. With customer experience being the
centerfold of product marketing, companies are focusing on enhancing the interface that their
customers have access to. By ideating the branding, design, utilization and the function of the
product, UX designers set the tone of the user experience. It is about creating a product that
meets the need of the user and minimizes/eliminates inconsistencies and glitches.
LEARNING OUTCOME
Understanding user experience essentials & processes USING Photoshop, Illustrator, Sketch &
InVision to achieve the following:
1. Functional, aesthetic and experience design
2. What goes into the process?
3. What are the benefits?
4. User needs
5. Trust
6. User Loyalty
7. Goals, behaviors, and context
8. Mental models
9. Organizing information
10. Visualizing the interface
11. Deciding what information you need
12. Task analysis
13. How to ask questions
14. Interviews and observation
15. Online surveys
16. Quantitative Research (Analytics)
17. Qualitative research (Analytics)
Hands-on training: revising the process & essentials to understand
COURSE OUTLINE
UI Fundamentals: How & when to use common UI patterns SUCH AS:
o Menus
o Tabs
o Bottom tab bar
o Buttons (including “Call to action” or CTA)
o Accordion
o Carousel
o Breadcrumbs
o Modals
o Forms
UI Principles
Learn Adobe XD, Sketch, & Figma to Create Visual Designs & Clickable Prototypes
What is User Experience
Why UX has become indispensable?
UX Design Concepts
o Intersection of Design, Technology, & Business
o Knowing Your User, User Research Through Interviews
o Refining User Research and Creating Personas
o Synthesis of User Research, Journey Maps & User Flows
o Wireframing, Sketching & Prototyping
o User Testing & Iterating the Prototype and Further User Testing
What we need to understand about users?
Research Techniques
Information Architecture
Wireframe
Building a Prototype
The Test Setup
How to moderate a test
Design Tools
Essential Frontend Markup language
Mobile Design
Program Costing:
DESCRIPTION QUANTITY RATE AMOUNT
UI/UX DESIGN 1 N 150,000:00 N 150,000:00
VAT 7% N 10,500:00
TOTAL N 160,500:00
Training Cost covers:
Trainings & Training Material
Souvenirs
Tea & Launch Breaks
Certificate of Completion
Note:
We advised Participants to consider taking other courses like Design Thinking, Creative Design
Process etc to further boast and validate their skills and operational competence in the areas of UI/UX
DESIGN. Cost for these other courses however is not included here.