User Experience Design-Syllabus

MULTIMEDIA

MODULE-1Part 1: Why user experience

Why you are here… Principles of good design Choosing a project for the class

Part 2: Project Analysis and user reasearch

Overview of UX design workflow Understanding scenarios Features that align with user needs Sketching navigation and basic information architecture Organizing content Part 3: Create Userflow and storyboarding

Illustrating key user flows by storyboarding Design fundamentals that help users reach their goals Basic design principles Principles of typography Form considerations Please proportions to help your designs look perofessional

WWW.ARROW-MULTIMEDIA.COM | AMMERPET | HYDERABAD

LEARN UX/UI

UX/UI DESIGNING

MULTIMEDIA

MODULE-2Part 4: Implementing user personas

Understand and analyse user needs Building the layout for your app or website Design architecture and Information architecture in product design Part 5: Building a wireframe

Building your layout. Understanding what makes a great wireframe Creating an interactive wireframe

Part 6: Building a prototype

Creating low-fidelity and high-fidelity prototypes Designing for Mobile Designing for Web App

Part 7:Validation and user testing Testing your designs. Communicating your design with your development team Final visual design & redlines Creating solid documentation

WWW.ARROW-MULTIMEDIA.COM | AMMERPET | HYDERABAD

UX/UI DESIGNING

UX/UI DESIGNING

MULTIMEDIA

MODULE-3Part 9: Introduction to Web Technologies.

Learning prototype creation tools photoshop, illustrator and Adobe XD for create mock-ups Learning Html and Css to convert image to html (psd to broswer ready) Learning html 4 & 5 Difference between css2 css3 Responsive Design a) Different devices, different resolutions. b) Portrait and landscape structure of device. c) Preparing media queries for different devices Using Thirdparty Plugins. Using Carousel sliders Form validations plugins Contact form plugins Using jquery sliders

Part 10: Bootstrap 3 & 4

Course Introduction - Learn Bootstrap 3 & 4 Responsive Grid Systems in Bootstrap 4 Modals in Bootstrap 4 Bootstrap Plug-Ins Forms,cards and more

Part 11: Adobe xd

how to use Adobe XD. Create quick wireframes. Design and prototype a mobile app Working with artboards in Adobe XD Using Adobe XD UI Kits Auto-animate and Responsive resize Creating a UX project from beginning to end

WWW.ARROW-MULTIMEDIA.COM | AMMERPET | HYDERABAD