狠狠撸

狠狠撸Share a Scribd company logo

What are wireframes?

?Download as PPTX, PDF?
?
Chance Bliss
Chance Bliss

Wireframes are schematics used to represent the basic architecture and structure of a website, showing content, hierarchy, relationships, and functionality but not visual design elements. They can range from low-fidelity sketches to interactive prototypes. Wireframes are used to make decisions about content, structure, hierarchy, relationships, and user flow before visual design is considered. When reviewing wireframes, one should check that important content is prominent, unnecessary content is removed, related content is grouped logically, all sections can be accessed, labels are clear, and elements are identifiable.

1 of 8
C H A N C E B L I S S V P , U S E R E X P E R I E N C E WHAT ARE WIREFRAMES?
“Wirefames are schematics, similar to a blueprint or floor plan, used to represent the basic architecture of a website.“
Wireframes can take many forms from low to high fidelity WHITEBOARD SKETCH INTERACTIVE PROTOTYPE
Wireframes are used to make decisions about: Content What types of content will users access? Structure How the content be grouped and labeled? Hierarchy What is the most to least important content? Relationship What is the relationship between groups of content? Functionality How can the user do with the content? User Flow How will the user access and navigation through the content?
Wireframes are not User Interface Designs Visual Style Branding, color, typography, photography, iconography and video Screen Layout Placement and sizing of content and functional elements Animation Style Movement, speed and timing
WIREFRAME USER INTERFACE
Questions to ask when reviewing wireframes 1. Is anything important missing from the page? 2. Is the most important content the first thing you notice? 3. Is there anything on the page that shouldn't be there? 4. Which content is related and how? 5. Can you get to all of the major sections of the site? 6. Do all of the labels make sense? 7. Do you know what all of the elements on the page are?
THANK YOU CHANCE BLISS VP, User Experience iMedia Inc. 973.224.5154 cbliss@imediainc.com Imediainc.com

More Related Content

What are wireframes?

  • 1. C H A N C E B L I S S V P , U S E R E X P E R I E N C E WHAT ARE WIREFRAMES?
  • 2. “Wirefames are schematics, similar to a blueprint or floor plan, used to represent the basic architecture of a website.“
  • 3. Wireframes can take many forms from low to high fidelity WHITEBOARD SKETCH INTERACTIVE PROTOTYPE
  • 4. Wireframes are used to make decisions about: Content What types of content will users access? Structure How the content be grouped and labeled? Hierarchy What is the most to least important content? Relationship What is the relationship between groups of content? Functionality How can the user do with the content? User Flow How will the user access and navigation through the content?
  • 5. Wireframes are not User Interface Designs Visual Style Branding, color, typography, photography, iconography and video Screen Layout Placement and sizing of content and functional elements Animation Style Movement, speed and timing
  • 7. Questions to ask when reviewing wireframes 1. Is anything important missing from the page? 2. Is the most important content the first thing you notice? 3. Is there anything on the page that shouldn't be there? 4. Which content is related and how? 5. Can you get to all of the major sections of the site? 6. Do all of the labels make sense? 7. Do you know what all of the elements on the page are?
  • 8. THANK YOU CHANCE BLISS VP, User Experience iMedia Inc. 973.224.5154 cbliss@imediainc.com Imediainc.com