Intro to UI | UX (Interaction Design) / Art 3020 | Louisiana State University
COURSE DESCRIPTION
In this course, students will learn the principles of Design, Fundamentals of interaction design, and the MDA framework. Students will learn hands-on instruction in media technologies and digital tools, and the technical skills for Adobe Photoshop, Illustrator, XD. Learning fundamentals of graphic design tools and using design skills to turn it to interaction design by designing some games/ interactive pieces, using different tools. Learning the process of designing and evaluating digital interfaces for mobile and tablet applications, and or websites, software products. This course starts with sketching the ideas, concepts, designing a UI kit for a brand. Students will collaborate in small groups to brainstorm ideas for developing hypothetical mobile applications. Designing wireframing/ low-fidelity and high-fidelity prototyping in Adobe XD, designing UI kit using Adobe Photoshop and Illustrator, and finally making GIFs or animated logos for the intro pages in mobile applications are the outcomes of the course. This course does not need the knowledge of coding. All programs are taught in this class are design-based.
ASSIGNMENT #1. Interactive map or infographic / poster, book
ASSIGNMENT #2. UX research, Mobile App Design; Mobile application Proposal/ User interview/ Persona/ User flow/ Wireframes (Group Project)
ASSIGNMENT #3. Play and Modify an existing game to make a new online version + Design a unique board game and a card game (MDA framework/ 3 unique ideas for a game/ interactive experience (3 game proposals), 3 mood boards. Develop game ideas, 3 visual directions, rules draft, refine layouts, prototyping, playtest reports, digital wireframes, peer to peer feedback, digitizing all cards using Illustrator)
ASSIGNMENT #4. Mobile application design solo project using gamification techniques
ASSIGNMENT #5. Interactive Portfolio in Adobe XD
UX Research + UI Design
- https://www.behance.net/gallery/115991361/Food2U-Final
- https://www.behance.net/gallery/116160065/Helping-Hand
- https://www.behance.net/gallery/116187759/Postmates-Redesign
- https://www.behance.net/gallery/118492425/DiaBuddy
- https://www.behance.net/gallery/113211067/Burguru
- https://www.behance.net/gallery/113334151/BPD-Truth-Interactive-Infographic
- https://www.behance.net/gallery/118266455/Learnia-Art-3020-Project-4
- https://www.behance.net/gallery/113360499/ARKITEK
- https://www.behance.net/gallery/118520511/Fitbod-Redesign
- https://www.behance.net/gallery/113361997/Eorzea-Essentials
- https://www.behance.net/gallery/113332745/LoKo-App