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

Image
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...

DESIGN RESEARCH DISSERTATION - FULL PROCESS

Image
24.04.26 - 24.07.26 (Week 1 - Week 14)  Michelle (0373843) Module / Bachelor of Design (Honours) in Creative Media / Taylor's University Design Research Dissertation: 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 (24/04/26) Module Briefing Attendance by participation, no CAMS General Meeting: Week 1, 7, 11 Turnitin (AI checker): Week 5 Contact: drhayatitds@gmail.com  Fig 1.1.1 Week 1 General Meeting Fig 1.1.2 Week 1 Meeting with Dr. Hayati To Do Download all shared files Create & share Google Drive 1. Draft Dissertation ...

APPLICATION DESIGN I - PROJECT 1: MOBILE APPLICATION PROPOSAL

Image
22.04.26 - 20.05.26 (Week 1 - Week 5)  Michelle (0373843) Application Design I/ Bachelor of Design (Honours) in Creative Media / Taylor's University Project 1: Mobile Application Proposal TABLE OF CONTENTS 1. Class: Lectures, Tutorial, & Practical 2. Instructions 3. Process Work 4. Feedback 5. Reflection CLASS: LECTURES, TUTORIAL, & PRACTICAL Week 1 (22/04/26) Introduction to Mobile Application Design Application: a way to achieve something (there's expectation). Why Important? Everyone have smartphones - use apps daily (we understand app language & structured). Good App:   Easy to use, fulfill user expectations. Make users happy to stay, invite more users. Design Research Thinking: Investment  Understanding people & the market > beneficial in the long run, less costly (reduce problems) & improve brand value. Strength in the threat of AI Digital product Cycle: Research - Ideation - Design - Evaluation Keep being improved ...

INTERACTIVE DESIGN - PROJECT 1: DIGITAL BUSINESS CONCEPT

Image
21.04.26 - 12.05.26 (Week 1 - Week 4)  Michelle (0373843) Interactive Design  / Bachelor of Design (Honours) in Creative Media / Taylor's University Project 1: Digital Business Concept TABLE OF CONTENTS 1. Class: Lectures, Tutorial, & Practical 2. Instructions 3. Process Work 4. Feedback 5. Reflection CLASS: LECTURES, TUTORIAL, & PRACTICAL Week 1 (21/04/26) Introduction, assignment brief, group forming, & idea brainstorming. Web Languages: HTML CSS JavaScript PHP Phyton SQL etc.  Week 2 (28/04/26) Code Learning Website: w3schools AI Tools: Deepseek Qwen Gemini Microsoft Copilot GitHub Notepad Fig 1.2.1 Notepad Visual Studio Code Install extensions: Fig 1.2.2 VS Code Extensions ...