Description

UI UX Course Outline\n\nUI Fundamentals\nHow & when to use common Ul patterns\n- Menus\n- Tabs\n- Bottom tab bar\n- Buttons (including "Call to action" or CTA)\n- Accordion\n- Carousel\n- Modals\n- Forms\n\nLearn Adobe XD, Sketch, & Figma\n\nCreat visual Design & Clickable Prototype\n• Create clickable prototypes to show users for testing, or for clients to see vour work\n• In the live course you'll learn and use Adobe XD. We'll also provide self-study courses so you can learn Sketch \n& Figma These apps do the same thing as Adobe XD but are competing apps used by some companies. Once \nyou learn how one app works, the\noiners are much easier to learn because ney work very similary.\n\nUX Design Concepts\nIntersection of Design, Technology, & Business\n\n Through critical analysis understand how user experience as a field sits in the intersection of different \nareas of the product.\n- What is the difference between User Experience Design and User Interface Design?\n- Learn about heuristics and apply heuristic evaluation to websites\n- Competitive Research\n \n_Knowing Your User_\n Learn now to structure and conduct user internews to better identity the needs and current benaviors of \nthe user\n- Understand how to engage the user to work through assumptions and preconceived notions that arise \nduring the process\n- Wnite down assumptions for your class project.\n\n_User Research Through Interviews_\n- Refine user interview questions.\n- Intemew classmates for vour broiect\n\nRefining User Research and Creating Personas\n-Create user personas from the interviews to represent the goals and behaviors of the users within the system\nDevelop user scenaros o snow when ano now me user engages with the system\n\n_Synthesis of User Research, Journey Maps, and User Flows_\n Continue to synthesize results of user research to find patterns\n- Create a journey mad for your project.\n- Think through the different features of the system by building user flows.\n- Take the written narrative to the next level through sketching and improvising using techniques such as \nstoryboarding and bodystorming\n\nWireframing, Sketching, Prototyping\n- Practice a sketching session for an existing website or mobile application of your choice. Start with \nsketching on a whiteboard or your Sketch wireframes for your class project\n- Learn the power of prototyping and testing an idea. Understand different methods of prototyping and \ntheir levels of fidelity\nDiscuss the motivation behind the prototyping, such as newly discovered user goals, business needs \nand improved functionality\n\n_Prototype & User Testing_\n- User testing methods and strategies.\n- Do's and don'ts of user testing.\n- Do a user test on your project with a classmate.\n- Clearly list the assumptions and test your concepts. Work on multiple iterations of the prototype based \non the test results\n\n_Iterating the Prototype and Further User Testing_\n- Report conclusions based on users requirements \n-User testing reports.\n- Rework the prototype based on user testing conclusions.\n \n_Building Case Studies_\n- Look at case study examples.\n- Finish your clickable prototype.\n- Using a compilation of user research, prototypes, photographs, and user research, build your case \nstudy.\n- Present class projects as case studies on-screen.]\n\n_Getting to Know a Project: Creative Briefs_\n- What is a Creative Brief?\n- What to Include in a Creative Brief\n\nWireframing for UI Designers\n\n_Wireframing_\n\n- Why and Gow to Create Wireframes\n- issues to Solve\n- Steps in Creating a Wireframe\n- Designing on a Grid System (like Bootstrap)\n- Get Critiques\n- Incorporate Feedback & Improve Your Designs\n\n_Wireframe to Refined Design_\n- lterate & Retine\n- Understanding the Mobile Experience\n\n_Ul or Visual Design Concepts_\nLearning from Existing Websites & Apps\nWhat Works & What Does Not?\n_Color_\n- color Harmonies\n- Creating Contrast with Color\nGuidelines for Proper Color Usages\n\n_Typography & Fonts_\n-Display Text (Such as Headings) versus Body Text\n- Legibility\n- Type Trends\n- Typeface Selection & Pairing\n- Where to Get Web Fonts\n- Ideal Line Height\n- Column Width (Line Length)\nHyphenation & Justification\n\n_Design Elements_\n- Proximitv\n- Similanty\n- Continuity\n- \n_Trends in Web & App Design_\nAnalysis of Example Websites & Apps\n\n_Design Patterns_\nExample Design Patterns\n\n_Multiple Screen Sizes_\n-Responsive Web Desion\n\n_Mobile Considerations & Limitations_\n- Discoverability Challenges\n- Mobile Navation\nPhone vs Tablet App Design\n\n_Workflow: Idea to Design_\nExample Web & App Design Workflows\n\n_The Business of UX & UI Design_\nThe UX & UI Design Industry:\n- Getting into the business: strategies and ideas.\n- Resources\n\nPortfolio Website & Job Preparation\n\n_Creating Your Portfolio Website_\n- Examples of UX & UI portfolio websites\n- What you should include on your portfolio website\n- Get 1-on-1 feedback on your case studies & portfolio websites\n_Resume Development_\n-What you should include on resume