Techno Module 5 and 6
Techno Module 5 and 6
Techno Module 5 and 6
2. PAPER INTERFACES. Are made using multiple sheets 9. DIGITAL PROTOTYPE is the following stage after the
of paper and sketching movable elements and interactive paper prototype. You can start by digitizing it and then
features on different sheets to create a more in-depth look. work on the digital version. This is the moment where
Digital products like mobile apps, websites, and screen- you need to think about each possible interaction.
based products often require a number of prototypes in
the run-up to the final design. Paper interfaces are handy 5 Digital Tools to Prototype
in the beginning as they are incredibly malleable. With
paper interfaces, you can replace different sheets of paper, AdobeXD is a vector-based tool developed and
sketch over previous ideas or cut out elements and move published by Adobe Inc for designing and prototyping
them around the prototype. user experiences for web and mobile apps. It’s an all-
in-one solution for UX/UI Designers suitable for
3. STORYBOARDS. Storyboarding is a technique derived
beginners and professional users. (XD Starter Plan |
from the film industry and allows you a quick and cheap
Free)
way of walking stakeholders and users through a product.
Material.io. Google Material Design is an adaptable
Think of storyboarding as creating a comic strip. It should
system of guidelines, components, and tools that
tell the story of how your idea would happen in real life.
supports the best practices of user interface design.
4. LEGO PROTOTYPES. You can use lego to simulate a Backed by open-source code, it streamlines
user’s journey all the way through to creating rough collaboration between designers and developers and
prototypes of products. helps teams quickly build beautiful products. (Free)
MarvelApp. An all-in-one platform to create digital
5. ROLE-PLAYING. It allows your design team to explore products. Wireframe, design, and prototype your idea,
the system you are targeting physically. Role-playing by from low-to-high fidelity, with this intuitive
re-enacting scenes and situations you are attempting to tool. (Starter Version | Free – Pro Version from
improve can help the team to get a better understanding of 12$/month)
what is working and what isn’t. Role-playing also works Proto.io. Is a prototyping platform that enhances the
wonders for reflecting on the product as you can design process by creating realistic, interactive,
remember experiences more vividly when you physically shareable prototypes without code that can be viewed
experience them. Role-playing can take many forms but on a mobile device. (15-day free trial)
Figma. Is the tool to go to if you need UX and
wireframing designs, user flows, and website mockups.
Figma is a cloud-based design tool that is similar
to Sketch in functionality and features, but with big
differences that make Figma better for team
collaboration.