Application design Final Project - Low & High fidelity prototype

Fadil puthiya madathummal peedikakandy / 0354579/ Bachelor Of Design (Hons) In Creative Media


Application Design 1

Low fidelity prototype














Instructions: In this task, you will be creating a low-fidelity prototype for your mobile application. This prototype should include wireframes and a visual design concept that aligns with the branding of your application.

The purpose of this task is to test and validate the user flow and user experience of your application before moving on to higher-fidelity prototypes. By creating a low-fidelity prototype, you can quickly iterate on your design and make necessary adjustments based on user feedback

Starting the design in figma




Prototyping the wireframes

Low-fidelity wireframe presentation

Wireframes:
Create wireframes of the screens for your mobile application. These wireframes should illustrate the layout and content of each screen, including the navigation and interaction elements. You should use tools such as Sketch, Figma, or Adobe XD to create these wireframes.

Visual Design Concept:
Develop a visual design concept that aligns with the branding of your application. This concept should include color schemes, typography, and imagery that convey the desired look and feel of your application. You should use tools such as Sketch, Figma, or Adobe XD to create these visual design concepts.

Usability Testing:
Conduct usability testing on your low-fidelity prototype to validate the user flow and user experience. You can recruit friends, family, or classmates to test your prototype and provide feedback. Make sure to document the feedback and use it to iterate on your design.

Deliverables:
Submit a digital document that includes your low-fidelity prototype, wireframes, and visual design concept. Also, include a brief summary of your usability testing results and how you used them to refine your design.




High fidelity prototype

Designing the landing page


Fixing the previous issues it had

Prototyping

Adding simple animations and slide features


Final result





Try out the prototype

Make it in fullscreen for the proper experience






Comments

Popular Posts