WIREFRAMES.pptx

1. WHAT IS WIREFRAME / WIREFRAMING? Wireframing is a way to design a website service at the structural level. A wireframe is commonly used to layout content and functionality on a page which takes into account user needs and user journeys. Wireframes are used early in the development process to establish the basic structure of a page before visual design and content is added.
2. TYPES OF WIREFRAMES? Low Fidelity High Fidelity Final Design
3. LOW FIDELITY
4. HIGH FIDELITY
5. FINAL DESIGN
6. LOW – FI PROPOSALS
7. SKETCHES FOR LOW FIDELITY
8. SKETCHES FOR LOW FIDELITY
9. HI FI PROTOTYPES
10. HI FI PROTOTYPES How to navigate the site? What does each button do? How many screens are there in total? What end-points will be used and where?
11. DRAFTING
12. WIREFRAME CONNECTIONS
13. WIREFRAME CONNECTIONS
14. WEB VIEW TO MOBILE VIEW

Notas del editor

A low-fi prototype is a computer-based visual representation of a digital product with little resemblance to the final design. It can take on a lot of different forms, from simple black&white sketches to colorful layout drafts.
More often than not, we start our low-fi prototypes from sketching. Once we get the idea, we can use paper and pen and any other softwares for rough sketch.

we’re super enthusiastic to jump into Sketch app or Axure RP to lay out a monochrome wireframe and start connecting screens.
Whenever our design team takes on a project, our designers ask our clients questions. Sometimes a lot, sometimes just a few, depending on the previously received brief.
More often than not, we start our low-fi prototypes from sketching. Once we get the idea, we can use paper and pen and any other softwares for rough sketch.

we’re super enthusiastic to jump into Sketch app or Axure RP to lay out a monochrome wireframe and start connecting screens.
Whenever our design team takes on a project, our designers ask our clients questions. Sometimes a lot, sometimes just a few, depending on the previously received brief.
As it has been previously laid out, a high-fidelity prototype is of closer resemblance to the final product. It is usually much more detailed and most importantly, answers more questions.
As it has been previously laid out, a high-fidelity prototype is of closer resemblance to the final product. It is usually much more detailed and most importantly, answers more questions.

WIREFRAMES.pptx

Estás leyendo una previsualización.

Eche un vistazo a continuación

WIREFRAMES.pptx

Más Contenido Relacionado

Similares a WIREFRAMES.pptx (20)

Más reciente (20)

WIREFRAMES.pptx

Notas del editor