Interactive Design - Project 1: Prototype Design
⭐ 22/5/2024 - 29/5/2024 (Week 5 - Week 6)
🎀 Yan Zhi Xuan | 0369425
💜 Interactive Design | Bachelor of Design (Hons) in Creative Media | Taylor's University
📚 Project 1: Prototype Design
TABLE OF CONTENTS
1. Lectures
2. Instructions
4. Reflection
1. LECTURES
WEEK 5 - LECTURE 5
Lecture Note: HTML & CSS
Doc. 1.1 Week 5 Lecture Note: HTML & CSS.
2. INSTRUCTIONS
Doc. 2.1 Module Information Booklet
of Interactive Design.
Part 1 Prototype Design – Digital Resume/CV
Duration: 2 weeks
Objective: In this first part of the assignment, you
will focus on creating a UI design prototype for your
digital resume or curriculum vitae (CV) using
prototyping software such as Adobe XD or Figma. The UI
design prototype will showcase the layout, visual
elements, and user interface interactions of your
digital resume.
Fig. 2.1 Requirements.
3. PROJECT 1: PROTOTYPE DESIGN
Introduction
The aim of Project 1 was to design a
prototype that addresses a specific user
need. The objective was to create a
functional and user-friendly prototype
while incorporating feedback and
iterative improvements.
Work Progress
Visual References
In the planning phase, I started by
identifying the key objectives of the
project. I also conducted extensive
research on Pinterest.
Fig. 3.1 References.
Sketch/ Wireframe
The design phase began with
brainstorming sessions and
sketching out initial concepts.
One of the significant challenges
was balancing functionality with
user-friendliness. To overcome
this, I created several wireframes
and sought feedback from peers and
mentors. This iterative process
helped refine the design before
moving to the prototyping
stage.
Fig. 3.2 Wireframe.
Content and Structure
After several iterations, I developed a
high-fidelity prototype using advanced
tools like Figma. Each iteration was
crucial in addressing minor usability
issues and enhancing the overall
design.
Fig. 3.3 Content &
Structure.
Layout and Visual Design
Typography
Fig. 3.4 Chosen Font Families.
Colour Palette
Fig. 3.5 Colour Palette.
Final Outcome - Prototype Design
Fig. 3.6 Final Outcome (JPEG).
Doc. 3.1 Final Outcome (PDF).
4. REFLECTION
This project was a valuable
learning experience. I
gained insights into the
importance of user-centred
design and the iterative
nature of prototyping. The
feedback loop was especially
enlightening, teaching me to
view criticism as an
opportunity for improvement.
I will apply these lessons
to future projects, ensuring
that the end-user remains at
the forefront of the design
process.
Comments
Post a Comment