Explore tens of thousands of sets crafted by our community.
Prototyping Tools and Techniques
20
Flashcards
0/20
Paper Prototyping
Paper prototyping involves creating hand-drawn interfaces and components. Typical usage includes early-stage design to test concepts quickly and cheaply.
Balsamiq
Balsamiq is a digital tool for creating wireframes with a hand-drawn look. It's typically used to create low-fidelity mockups to convey concepts before detailed design.
Sketch
Sketch is a vector-based design tool primarily used for creating high-fidelity UI/UX designs for web and mobile. It offers a comprehensive set of features for detailed design work.
Adobe XD
Adobe XD is a design tool for creating user experience prototypes. It allows for both wireframing and interactive prototyping and is used to simulate user flow and interaction.
Axure RP
Axure RP is a tool for creating interactive and dynamic wireframes and prototypes. It's used for complex interactions and to simulate functionality without coding.
Figma
Figma is a cloud-based design tool suitable for collaborative real-time design. It is used for high-fidelity designs and prototyping, with sharing and feedback features.
InVision
InVision is a digital product design platform that allows for the creation of interactive and clickable prototypes. It's frequently used for design collaboration and user testing.
Marvel
Marvel is an all-in-one prototyping tool for designing, wireframing, and prototyping. It provides simplicity and speed, ideal for rapid prototyping and user testing.
Proto.io
Proto.io is a web-based prototyping tool that supports full interaction and high-fidelity designs. It is often used for mobile app designs and testing interactive features.
Storyboarding
Storyboarding involves creating a visual narrative to explore the user journey and interaction with a product. It's often used to communicate and evaluate design concepts.
Role-playing
Role-playing is a technique where team members act out scenarios with the product to gain insights. It's typically used to understand user behavior and context of use.
HTML/CSS Prototyping
HTML/CSS prototyping refers to coding interactive prototypes with web technologies. This method is used for creating prototypes close to the final product's functionality and style.
Usability Testing
Usability testing is a technique to evaluate a prototype by testing it with real users. It helps in identifying usability issues and improving the user interface based on feedback.
Cognitive Walkthrough
Cognitive walkthrough is a method used to evaluate the user-friendliness of a prototype. Experts step through tasks to identify problem areas and cognitive challenges.
Heuristic Evaluation
Heuristic Evaluation involves experts using set criteria to review a prototype's usability. This method is used to quickly find and eliminate design flaws.
Wireframing
Wireframing is a technique for creating simple layouts to outline a digital product's structure. It is used to focus on functionality and user experience without graphic design.
Click-through Prototypes
Click-through prototypes are basic interactive models that simulate user navigation. They are often used for demonstrations, usability testing, and to validate user flows.
High-fidelity Prototyping
High-fidelity prototyping refers to creating prototypes that closely mimic the final product with detailed designs and interactions. This type is used for user testing and stakeholder reviews.
Low-fidelity Prototyping
Low-fidelity prototyping involves creating rough and not detailed prototypes. It is typically used for early concept exploration and to facilitate rapid changes.
Progressive Enhancement
Progressive enhancement is a strategy for web design that emphasizes core webpage content first and then adds layers of enhancement based on the user's browser capabilities.
© Hypatia.Tech. 2024 All rights reserved.