Application Design Final project Hi-Fi
Wang Zilong 0361141
Application design
Bachelor of design in creative media
Final Project
INTRODUCTION
In modern app development, the transition from low-fidelity (lo-fi) prototypes to high-fidelity (hi-fi) designs is a crucial process. This process not only gradually improves the app's functionality and user experience, but also lays a solid foundation for the final visual design and user interface (UI). This article will review how we gradually move from low-fidelity prototypes to high-fidelity designs, and explore the UI/UX-related key points involved in this process.
Low-fidelity prototype production
Preliminary design and verification
We used low-fidelity prototypes at the beginning to show the basic structure and functional layout of the app through hand-drawn sketches and wireframes. The focus of this stage is:
Functional positioning: determine the basic framework of core functions such as message sending, contact management, and settings interface.
User flow: draw the main path of user operation to ensure smooth logic and simple operation.
Summary：The creation of low-fidelity prototypes allowed us to quickly validate design ideas and collect feedback through user testing. This feedback helped us identify potential problems in the interface layout and operation process and make necessary adjustments.
After completing the low-fidelity prototype, we entered the high-fidelity design phase. The work in this phase includes:
- Visual style: Determine the visual style of the application, including color schemes, fonts, and icons. This process not only takes into account brand consistency, but also focuses on visual comfort and modernity.
- Interface details: Design the detailed layout of each interface, including buttons, controls, and information display. Through high-fidelity design, we ensure that each interface element is not only functional but also attractive.
UI/UX optimization
In high-fidelity design, we pay special attention to the optimization of the following UI/UX aspects:
- User interaction: Design feedback effects for various interactive elements (such as buttons, sliders, and input boxes) to ensure that users get instant visual and tactile feedback when operating.
- Responsive design: Optimize the display effect of the application on different devices and screen sizes to ensure that users have a consistent experience on various devices.
- Usability testing: Conduct multiple rounds of usability testing on high-fidelity prototypes to ensure that every detail of the design meets user needs and operating habits.
Personalized experience and feedback mechanism
High-fidelity design also includes the design of personalized experience, such as:
- Personalized settings: Allow users to adjust the application theme and notification settings according to their personal preferences.
- Intelligent recommendation: Provide personalized function recommendations based on user behavior to improve user satisfaction.
By integrating user feedback and optimization suggestions, we continuously iterate the design to ensure that the high-fidelity prototype is optimal in both functionality and visual effects.
REFLECTION
Redesigning the carrier app was a challenging and rewarding process. Through this project, I gained a deep understanding of user needs and design principles, and improved my design skills in practice.
First, I started with requirements collection and analysis to identify the main problems in the current app. User feedback revealed pain points such as complex operations, confusing interfaces, and unreasonable functional layout. This stage of work made me realize the importance of understanding the actual needs of users, which laid the foundation for the design direction.
Next, I made a low-fidelity prototype. This stage quickly demonstrated the basic structure and functions of the app through hand-drawn sketches and wireframes. This approach not only allowed me to quickly test design ideas, but also helped me identify problems in interface layout and user flow. The feedback from user testing made me realize the importance of simple and intuitive design, and prompted me to continuously adjust and optimize the prototype.
In the high-fidelity design stage, I focused on visual effects and detail optimization. I chose colors, fonts, and icons that were consistent with the brand, and improved the interface layout to enhance the user experience. With high-fidelity prototypes, I was able to better simulate the actual effect of the final product and ensure that every design detail met the needs of users.
The user testing stage was crucial for me. By collecting and analyzing user feedback, I found some details, such as small button size and unclear hidden functions. I made adjustments based on these feedbacks to ensure the practicality and aesthetics of the final design.
Overall, this redesign project gave me a deep understanding of the challenges and fun of the design process. I realized that every design decision has a direct impact on the user experience, and I also learned how to continuously improve the design through iteration and feedback. In the future, I will continue to pay attention to user needs and use these experiences to optimize more applications and provide users with a better experience.
Comments
Post a Comment