Posts
ADVANCED INTERACTIVE - EXERCISES
22.09.26 - 09.10.26 (Week 1 - Week 3) Michelle (0373843) Module / Bachelor of Design (Honours) in Creative Media / Taylor's University Exercise 1: Component Sandbox & Micro-Interactions Exercise 2: Responsive Layout & CMS Architecture TABLE OF CONTENTS 1. Class: Lectures, Tutorial, & Practical 2. Instructions 3. Process Work 4. Feedback 5. Reflection CLASS: LECTURES, TUTORIAL, & PRACTICAL Week 1 (22/09/26) Software: Framer (similar to Figma) -Adobe Animate (discontinued) Framer is like Figma but can be published as website Make the exercises for the final project: Identify what project we want to do Thematic website Micro-interactions (for function & aesthetic) Usability (Consistency, Simplicity, Visibility, Feedback, Error Feedback) Mental model Website for reference: TheFWA Week ? (00/00/00) ! Back To Top INSTRUCTIONS ! Back To Top PROCESS WORK Week 1 (22/09/26) ! Week ? (00/00/00) ! Back To Top FEEDBACK Week 1 (22/09/26) Use AI for ideation, try not to...
EXPERIENTIAL DESIGN: FULL PROCESS
22.09.26 - 05.01.27 (Week 1 - Week 16) Michelle (0373843) Module / Bachelor of Design (Honours) in Creative Media / Taylor's University Full Process TABLE OF CONTENTS 1. Class: Lectures, Tutorial, & Practical 2. Instructions 3. Process Work 4. Feedback 5. Reflection CLASS: LECTURES, TUTORIAL, & PRACTICAL Week 1 (22/09/26) Module Introduction, Unity & GitHub Real environment > Augmented Reality > Augmented Virtuality > Virtual Reality Mixed Reality: AR, AV Extended Reality (XR): AR, AV, VR SnapStudio: Make own filter in snapchat SIGGRAPH conference: New & novel idea Game Engine: Unity C# (C-sharp) Programming GitHub : prevents corruption Version control Team coordination Project backup NFT: a way to preserve our work Week ? (00/00/26) ! Back To Top INSTRUCTIONS ! Back To Top PROCESS WORK Week ? (00/00/26) ! Week ? (00/00/26) ! Back To Top FEEDBACK Week ? (00/00/26) Loan VORTEX device for 6 weeks (need proper proposal) Collaborator less like lecturer Week ? ...
APPLICATION DESIGN I - PROJECT 2: UX, UI, IxD DESIGN DOCUMENT
20.05.26 - 10.06.26 (Week 5 - Week 8) Michelle (0373843) Application Design/ Bachelor of Design (Honours) in Creative Media / Taylor's University Project 2: UX, UI, IxD Design Document TABLE OF CONTENTS 1. Class: Lectures, Tutorial, & Practical 2. Instructions 3. Process Work 4. Feedback 5. Reflection CLASS: LECTURES, TUTORIAL, & PRACTICAL Week 5 (20/05/26) Interview practive: 1 interviewee, 1 interviewer, 1 observer What do we do with the data Spread the data Find patterns Find outliers Synthetizing - reduce data volume - easier to digest high trend & low trend find root cause Affinity Map (in Figjam) Break down transcript into small notes (per point) Words: and, but, then, so (usually indicates different point) 1 color per person Split or merge groupings 3+/5 notes strong trend 2/5 notes 1/5 notes outliers 0/5 notes note something missing (add designer notes) Name themes Put I statements that comes out of each theme (write like how we would normally...
INTERACTIVE DESIGN - PROJECT 2: INTERACTIVE PROTOTYPE DOCUMENT
12.05.26 - 23.06.26 (Week 4 - Week 10) Michelle (0373843) Interactive Design/ Bachelor of Design (Honours) in Creative Media / Taylor's University Project 2: Interactive Prototype Document TABLE OF CONTENTS 1. Class: Lectures, Tutorial, & Practical 2. Instructions 3. Process Work 4. Feedback 5. Reflection CLASS: LECTURES, TUTORIAL, & PRACTICAL Week 4 (12/05/26) Modifiying template using google developer tool. HTML Favicon ICO, PNG, GIF, JPEG, SVG Advanced Search Table default format padding&spacing colspan&rowspan styling table colgroup Video VSCode - table Week 5 (19/05/26) Create website design in Canva. Download image - ask AI tools to generate code Paste the code to coding softwares (VSC, Dreamweaver, etc) index.html styles.css Edit & replace elements (links, texts, images) LISTS BLOCK & INLINE DIV within container internal style can be overwrite by inline style. has padding same height? CLASS (.) no space bar can call multiple class - separated with sp...