Your SlideShare is downloading. ×
Wireframing
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Wireframing

2,904

Published on

Wire Framing a Website

Wire Framing a Website

Published in: Business, Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,904
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
108
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Ramjee Ganti http://sodidi.blogspot.com Wireframing your Website
  • 2.
    • “ Change is the only Constant ”
  • 3.
    • "If you fail to plan, you plan to fail"
  • 4.
    • In web design , wireframes are a basic visual guide used to suggest the layout and placement of fundamental design elements in the interface design
  • 5.
    • Wireframes also allow for the development of variations of a layout to maintain design consistency throughout your site.
    • Act as a communication tool to clients and stakeholders.
    • Helps to define the positioning of global and secondary levels of navigation in a prominent and intuitive position.
  • 6. Sitemap before Wireframe
  • 7. Create the Wireframe
  • 8. Add Content
  • 9. Layout the Page
  • 10. Is that It?
    • Not Yet!
  • 11.
    • Real people don’t understand wireframes
  • 12.
    • Visual affordances, such as color and underlining links are key to using a site, and these cues make a significant difference in a usability test.
  • 13. Visual Cues
    • Color, which identifies hyperlinks and focuses the user’s attention on an element of the page
    • Branding, which confirms that the user knows where they are
    • Recognizable web page elements, such as forms and search fields
    • “ Content,” such as account numbers or product names, which allows experienced users to focus on how they would really use the page, instead of interpreting “lorem ipsum”
  • 14.  
  • 15.  
  • 16. ?
  • 17. Sources
    • http://www.alistapart.com/articles/avoidedgecases/
    • http://www.boxesandarrows.com/view/real_wireframes
    • http://www.sitepoint.com/article/wire-frame-your-site

×