Wireframing Basics - Part 1 - Hallo sahabat NM movie, Pada Artikel yang anda baca kali ini dengan judul Wireframing Basics - Part 1, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Design, Artikel design thinking, Artikel responsive web design, Artikel UIUX, Artikel usability, Artikel Usability testing, Artikel user experience, Artikel User research, Artikel ux, Artikel visual, Artikel web forms, Artikel websites, Artikel wireframing, Artikel workflow, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Wireframing Basics - Part 1
link : Wireframing Basics - Part 1

Wireframing Basics - Part 1

This is the first article of Wireframing basics series, in this article series we are going to learn about basics of wireframing, design principles, importance of wireframes etc. So lets start with understanding 'Wireframes'.

Wireframes

A wireframe is a two-dimensional illustration of a page’s interface that represent information hierarchy, functionality & content of a page.

Wireframes presents solutions (ideas & concepts) in better way than concept note.

Wireframes include

Important elements & their positions (header, footer, navigation, content etc.)

• Grouping of information (menu links, content)

• Labeling of content (navigation links label, content label)

• Place holders, content text (images, description)

5 Planes of UX

There are five planes of user experience design as per James Garrett, Strategy, Scope, Structure, Skeleton and Surface. Wireframing work comes under 4th plane, “Skeleton”

Types of wireframes

Wireframes  can be divided in to 2 categories based on detailing, presentation, behavior and estimates.

Low Fidelity Wireframes

• Basic paper sketches, digital basic structure
• Containing information placeholders and navigation

Tools: Paper sketches, Balasmiq, MS Office

High Fidelity Wireframes

•  Detailed screen design with clickable functionality and interaction.
• Information presentation in details.

Tools: Axure, MS office, Just in mind etc.

Next article - Wireframing Basics - Part 2 >>

About Author:

Abhishek Jain

Demikianlah Artikel Wireframing Basics - Part 1

Sekianlah artikel Wireframing Basics - Part 1 kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Wireframing Basics - Part 1 dengan alamat link https://bcn-movies.blogspot.com/2016/06/wireframing-basics-part-1.html

Share this post