Logo
Pattern

Discover published sets by community

Explore tens of thousands of sets crafted by our community.

Prototyping Tools and Techniques

20

Flashcards

0/20

Still learning
StarStarStarStar

Adobe XD

StarStarStarStar

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.

StarStarStarStar

Heuristic Evaluation

StarStarStarStar

Heuristic Evaluation involves experts using set criteria to review a prototype's usability. This method is used to quickly find and eliminate design flaws.

StarStarStarStar

Wireframing

StarStarStarStar

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.

StarStarStarStar

Paper Prototyping

StarStarStarStar

Paper prototyping involves creating hand-drawn interfaces and components. Typical usage includes early-stage design to test concepts quickly and cheaply.

StarStarStarStar

HTML/CSS Prototyping

StarStarStarStar

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.

StarStarStarStar

Cognitive Walkthrough

StarStarStarStar

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.

StarStarStarStar

Storyboarding

StarStarStarStar

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.

StarStarStarStar

Low-fidelity Prototyping

StarStarStarStar

Low-fidelity prototyping involves creating rough and not detailed prototypes. It is typically used for early concept exploration and to facilitate rapid changes.

StarStarStarStar

Click-through Prototypes

StarStarStarStar

Click-through prototypes are basic interactive models that simulate user navigation. They are often used for demonstrations, usability testing, and to validate user flows.

StarStarStarStar

Balsamiq

StarStarStarStar

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.

StarStarStarStar

Usability Testing

StarStarStarStar

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.

StarStarStarStar

Sketch

StarStarStarStar

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.

StarStarStarStar

Axure RP

StarStarStarStar

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.

StarStarStarStar

Figma

StarStarStarStar

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.

StarStarStarStar

InVision

StarStarStarStar

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.

StarStarStarStar

Progressive Enhancement

StarStarStarStar

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.

StarStarStarStar

Role-playing

StarStarStarStar

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.

StarStarStarStar

Marvel

StarStarStarStar

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.

StarStarStarStar

Proto.io

StarStarStarStar

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.

StarStarStarStar

High-fidelity Prototyping

StarStarStarStar

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.

Know
0
Still learning
Click to flip
Know
0
Logo

© Hypatia.Tech. 2024 All rights reserved.