TANGYUYING(0370676)

  16   /12/2024-3/1/2025(week 12-week 14) Tang Yu Ying - 0370676 App Design II | Bachelor of Interactive special design Task 4| Change "Figma" to "Professional Edition" Introduction    In Test 4, the focus is on refining and modifying the Figma designs created in Task 1 and Task 2, aiming to upgrade them to a professional version. Feedback Given: Suggestions provided by AI: 1. User Experience (UX) Optimization Issues: Information Hierarchy and Structure : Login and registration pages have repetitive information, causing potential user confusion. Simplify content. The main page navigation ("Message," "Search," "My Home") has a cluttered layout and needs better menu logic and hierarchy. Interactive Feedback : Lacks operational feedback, such as friendly prompts after form submission or noticeable display of error messages. Add user guidance (e.g., placeholder text when filling out forms). 2. User Interface (UI) Optimization Issues: Typog...

11  /11/2024-16/12/2024(week8-week12) Tang Yu Ying - 0370676 App Design II | Bachelor of Interactive special design Task 3|  Interactive Component Design & Development Introduce     For Task 3, the objective is to build a web version of the design you created in Task 2 using HTML and CSS. Additionally, you need to include micro-interactions and animated micro-interactions. Here are the included animations： Navigation Menu with interactive icons Typing animation 1、 Navigation Menu with interactive icons First, download all the images and icons used into a unified folder. Then, import the framework and Daisy UI links in the HTML file, along with the animation links for further adjustments. I chose to define the CSS directly within the HTML file to edit the text, colors, and images in the navigation bar. Meanwhile, in the CSS file, I edited the page size, image positions, and the size of the navigation bar. （Navigation Menu with interactive demo icons） （HTM、...