Activity #7: Creating a Low-Fidelity Prototype of Your Personal Portfolio
INTRODUCTION TO LOW-FIDELITY PROTOTYPING IN FIGMA
A low-fidelity prototype is a basic and simplified version of a design that focuses on the overall layout and structure rather than the finer details like colors, images, or typography. It’s often created using simple shapes, text, and placeholder elements to outline the general flow and functionality of a product.
ADVANTAGES OF LOW-FIDELITY PROTOTYPES:
Quick and Easy to Create: These prototypes are simple and can be made quickly without investing too much time or resources, making them ideal for the early stages of the design process.
Early Feedback: They allow designers to gather feedback from stakeholders, team members, or users early on, helping to identify potential issues before diving into more detailed design work.
Focus on Functionality: By stripping away visual details, low-fidelity prototypes keep the focus on the user experience and usability, ensuring that the core functionality is sound before polishing the design.
Using tools like Figma, you can easily create low-fidelity prototypes to visualize and test your ideas quickly, setting a strong foundation for the later stages of your design process.
Screenshot and Brief Description of Low-Fidelity Prototype:
Header: Located at the top of the screen, this section sets the tone of the page and includes navigation elements, such as the user’s name or logo and possible menu icons.
Introduction: Positioned right below the header, this section briefly introduces the user, providing an overview of who they are. It contains placeholder text to indicate where the bio or introductory text will be placed.
Skills: This section showcases the user’s skills, listed in a simple format. It allows viewers to quickly grasp the areas of expertise at a glance. Placeholder bullet points represent skill descriptions.
Projects: Located at the bottom, this section displays the user’s work. It consists of large placeholder blocks, representing project images or links, giving an idea of where the portfolio items will be showcased.
The prototype guides users from the introduction through skills and ends with the projects, creating a logical and user-friendly experience. This structure emphasizes the main content areas that are essential for a portfolio, aligning with examples discussed in previous lectures, focusing on functionality and flow rather than design details.