Skip to main content

DONGNUOYAN(0375740)

Search This Blog

Task 2_Interaction Design Planning and Prototype

on April 23, 2026

Get link
Facebook
X
Pinterest
Email
Other Apps

DST60804 - Advanced Interactive Design

Get link
Facebook
X
Pinterest
Email
Other Apps

Comments

Post a Comment

Popular Posts

Exercise 1

Exercise 1 We will select 5 websites from the links provided by the teacher and carefully review the websites we have selected. Pay attention to their design, layout, content, and functionality; identify the strengths and weaknesses of these websites; and consider how they affect the user experience. Finally, write a short report summarizing the findings and recommendations. What to Have in the Analysis: Consider the purpose and goals of the website, and evaluate whether they are effectively communicated to the user. Evaluate the visual design and layout of the website, including its use of color, typography, and imagery. Consider the functionality and usability of the website, including its navigation, forms, and interactive elements. Evaluate the quality and relevance of the website's content, including its accuracy, clarity, and organization. Consider the website's performance, load times, responsiveness, and compatibility with different devices and browsers. Deliverables:...

APPLICATION DESIGN II: TASK 02

Task 2: Interaction design proposal and planning Instruct: Students are required to develop a comprehensive interaction design plan for their final web-based mobile application, including detailed wireframes, user flow diagrams, and micro- and macro-prototype animations. The goal is to visually and conceptually prepare interaction designs and animations to enhance their user experience applications. Require: Interaction Design Documents: Create detailed flowcharts and wireframes that map out the user journey and key interactions. These documents should clearly illustrate the layout of each screen and the application. Animation Prototyping: Micro-animations: Small-scale prototypes of animations that enhance the user's interaction with the app. These may include button effects, hover animations, loading indicators, and feedback messages. Use tools like Figma to create simple animations that demonstrate the intended effect. Macro Animations: Develop concepts for larger-sca...

Project 2

🍰 Magnoliabakery website redesign Introduction In this website redesign exercise, I used Magnoliabakery's brand identity as a starting point to rebuild the four main pages: Home, About Us, Product, and Contact Us. My core objective was to: Make the website look softer, more consistent, and more in line with the dessert brand's characteristics, while also making the information structure clearer and easier to read. I redesigned everything from typography and color scheme to navigation structure and content visuals, ensuring the entire website presents consistency and professionalism in terms of user experience (UX) and interface design (UI). The following will document my design process, visual choices, and the rationale behind them, page by page. Original website link: https://www.magnoliabakery.com/ PROJECT 1: Website Redesign Proposal Website Redesign Proposal-DONGNUOYAN ，作者 tian dong Home page I've implemented an automatic photo carousel on the homepage, al...

Powered by Blogger