Scribd
Upload
5 views5 pages

UI and UX Design Course

UX pdf

Uploaded by

gsudhakumar9
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views5 pages

UI and UX Design Course

UX pdf

Uploaded by

gsudhakumar9
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

Greetings from SS IT Software Online Training.

UI /UX Course Content

Course Duration: 40 Days (Daily 1 Hour Per Session)


Session Timings: As per both convenience
Training Type: Online Live Interactive Session

Introduction to UI/UX

● Roles of UI UX Designer
● Roles of UI UX Developer
● Difference between UI Developer & UI Designer
● Intro to UI and UX design
● Differentiate UI and UX design
● Importance of UI UX design
● Examples of good and bad UI UX design

Tools Used for UI/UX

● Figma, Adobe XD, Sketch, Etc.


● Visual Studio Code, Notepad++, Sublime Text, Etc.

UI/UX Process
● Intro to UX Design
● UX Process – Design Thinking
● User Research
● User Interviews
● User Analysis
● Design Principles
● Design Elements
● Information Architecture
● Low-fidelity prototypes
● Wireframing
● Visual Design
● UI Elements
● Style guide
● User Testing
● User Feedback

Figma Tool

● Intro to Figma
● Editor
● Basic Tools
● Grid System
● Position, Size & Rotation
● Grouping
● Color Styles
● Masks
● Gradients
● Backgrounds
● Blend Modes
● Alignment
● Border-Radius
● Shadow & Blur Effects
● Using Images
● Fill & Stroke
● Typography – Text Properties & Styles
● Google fonts
● Vector Mode
● Animations
● Variants
● Components
● Layouts & Grid, Auto Layout
● Responsive Design
● Plugins
● HTML in Figma

What is User Experience


● Functional, aesthetic and experience design
● What goes into the process?
● What are the benefits?

Why UX Has Become Indispensable


● User needs
● Trust
● User Loyalty

What We Need to Understand About Users?


● Goals, behaviors, and context
● Mental models
● Organizing information
● Visualizing the interface

Research Techniques
● Deciding what information, you need
● Task analysis
● How to ask questions
● Interviews and observation
● Online surveys
● Quantitative Research (Analytics)
● Qualitative research (Analytics)
Information Architecture
● Content sorting
● Tree testing

Wireframe
● Wireframe ideas
● Proofing with
● Creating a test script

Building Prototype
● Minimum viable prototype
● Prototyping tools
● Building a prototype

The Test Setup


● Desktop testing: hardware and software
● Mobile testing: hardware and software

How to Moderate A Test


● Allowing participants to relax
● Giving instructions
● Open-ended questions

Design Tools
● Photoshop
● Illustrator
● Sketch
● Balsamiq
● InVision

HTML
● How it works
● Structure of an HTML Doc
● Header Tags, Paragraph tag, DIV tag, Span Tag, Unordered List, Ordered List, Images,
Tables, Links.
● Semantic Tags – Section, Article, Header, Footer, Aside, Nav, Figure, Time & Date
● Form Elements – Input Types, Attributes, Select, Radio Inputs, Checkbox & Buttons

CSS
● Introduction,
● CSS Selectors, CSS Pseudo classes selection
● Inline CSS, Internal CSS, External CSS
● Div, Id, Classes, Colors, Borders
● Margins, Paddings, Text-formatting
● Fonts, Lists, Styling Links, Tables, Box Model
● Display, Position, Float, Align, Pseudo Elements
● Basic Button – Styling, Hover able Buttons
● Translate(), rotate(), scale(), skewX(), skewY()

Bootstrap
● Introduction to Bootstrap, Basic Page Structure
● Grid System
● Typography
● Tables
● Styling Images
● Alerts, Buttons, Button Groups
● Bootstrap Glyph icons
● Badges and Labels
● Pagination, Bootstrap List Groups, Panels
● Dropdown Menus
● Bootstrap Collapse Panel, Collapse List Group, Accordion, Tab Menus, Dynamic Tabs and
Pills
● Navigation Bar
● Form Elements
● Carousel
● Modal, Tooltip, Popover
● Scrollspy

Essentials Frontend Markup Language


● HTML5
● CSS3
● Git, GitHub, GitHub pages
● Create and test your designs
● Gather feedback from users and clients using InVision

Mobile Design
● Type of apps (Native Apps, Mobile Web Apps, Hybrid Apps)
● Designing for Android and iOS
● Design Guidelines (Android and iOS)
● Mobile Design Patterns
● User Testing

UI Priciples
● visual hierarchies
● Great design is invisible
● Consistency matters
● Appearance follows behavior
Project

● Portfolio Building – UI UX Case Study


● Resume Building
● App Design – Classified App, Booking App
● Interview Q&A

For More Details / Enroll for Upcoming Batches Online Training, Please WhatsApp Us at: + 91 90366
34486 /+91 79899 38421
Thanks & Regards

SS IT Software Online Training


Email: [email protected]
Mobile: +91 9036634486 (WhatsApp) / +91 7989938421
www.ssitsot.com

You might also like