JAWAHARLAL NEHRU TECHNOLOGICAL UNIVERSITY HYDERABAD

Course Objectives

UI/UX course is to provide students with the knowledge of user- centered

design, user -centered methods in design, graphic design on screens

Course Outcomes:

• 1. Understand the importance of UX
• 2. Analyze User observation and experience in UI and UX design
• 3. Understand the importance of user interface design principles
• 4. Illustrate web interface design and Mobile interface design

UNIT - I

Introduction: Introduction about UX - Five Main Ingredients of UX - Three “Whats” of User Perspective - Pyramid of UX Impact - UX Is a Process - UX - Not an Event or Task. Behaviour Basics: Psychology versus Culture - User Psychology - Experience - Conscious vs Subconscious Experience - Emotions - Gain and Loss – Motivations.

UNIT - II

User Observation And Experience: User Research - Subjective Research - Objective Research - Sample Size - Three Basic Types of Questions. Observe a User: Watch How They Choose - Interviews - Surveys - Card Sorting - Creating User Profiles - Bad profile - Useful profile.

UNIT - III

User Interface Design Principles: Designing Behaviour: Designing with Intention - Rewards and Punishments - Conditioning and Addiction - Timing Matters - Gamification - Social/Viral Structure–Trust - Hidden versus Visible. Basic Visual Design Principles: Visual Weight - Contrast - Depth and Size - Color. Layout: Page Framework - Footers - Navigation -Images, and Headlines - Forms - One Long Page or a Few Short Pages - Input Types - Labels and Instructions - Primary and Secondary Buttons - Adaptive and Responsive Design - Touch versus Mouse.

UNIT - IV

Web Interface Design: Designing Web Interfaces – Drag and Drop, Direct Selection, Contextual Tools, Overlays, Inlays and Virtual Pages, Process Flow – Using Motion for UX - Design Pattern: Z-Pattern - F-Pattern - Visual Hierarchy - Lookup patterns – Feedback patterns.

UNIT - V

Mobile Interface Design: Mobile Ecosystem: Platforms, Application frameworks- Types of Mobile Applications: Widgets, Applications, Games- Mobile Information Architecture, Mobile 2.0, Mobile Design: Elements of Mobile Design, Tools.

TEXTBOOKS:

• 1. Joel Marsh, “UX for Beginners”, O'Reilly Media, Inc., 1st Edition 2015.
• 2. Xia Jiajia, “UI UX Design”, O‟Reilly, Artpower International, 2016.
• 3. Brian Fling, “Mobile Design and Development”, O‟Reilly Media Inc., 1st Edition, 2009.

REFERENCES:

• 1. Alan Dix, Janet Finlay, Gregory Abowd, Russell Beale, “Human Computer Interaction”, Pearson Education, 3rd Edition, 2004.
• 2. Alan Cooper, “The Essential Of User Interface Design”, Wiley Dream Tech Ltd., 2002.