Skip to main content

Home/ LIS Tech/ Group items tagged website design

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Katy Vance

Understanding Visual Hierarchy in Web Design | Webdesigntuts+ - 0 views

webdesign.tutsplus.com/...visual-hierarchy-in-web-design

webdesign visual literacy website COETAIL

shared by Katy Vance on 07 Sep 13 - No Cached
  • SizeObjects that are bigger demand more attention. Using size as a hierarchal tool is an effective way of guiding a viewer’s eye to a particular portion of the page. Because size is one of the most powerful forms of organization, it’s important to correlate size with importance in a design. The biggest elements should be the most important in most cases; the smallest elements should be the least important.
    • Katy Vance
      Katy Vance on 07 Sep 13
       
      Sigh... so you're telling me size does matter?
  • . When used as a personality tool, color can extend beyond into more sophisticated types of hierarchy; Using lush, comforting colors can bring an emotional appeal to a page.
  • Within a page there might be widgets that are separated from each other by space; within those widgets there is a new hierarchy of title, subtitle, and content.
    • Katy Vance
      Katy Vance on 07 Sep 13
       
      I like that these widgets are even being analyzed!  I can safely say that my widgets on the library site are not currently working for me.
  • ...2 more annotations...
  • Good visual hierarchy isn’t about wild and crazy graphics or the newest photoshop filters, it’s about organizing information in a way that’s usable, accessible, and logical to the everyday site visitor.
  • List the key information points that visitors are likely seeking.Assign values (1-10) according to their importance to the average visitor.Now, look at the actual design again.Assign values (1-10) according to the actual visual importance as you see it in the live design.Consider: Does the expected importance match up with the actual designed importance?
    • Katy Vance
      Katy Vance on 07 Sep 13
       
      Really good approach.  I do this sort of thing informally, but formalizing the process and forcing reflection would mean an effective redesign of my website. 
  • Katy Vance on 07 Sep 13
     
    While it might seem like it's enough to just dish out information, as web designers, our task is to break down that raw information into delicious little chunks of visually relevant information that are easy on the eyes, and more importantly, effective at communicating the message behind a webpage.
Katy Vance

How Users Read on the Web - 0 views

www.nngroup.com/...how-users-read-on-the-web

web usability reading Literacy visual website design

shared by Katy Vance on 07 Sep 13 - No Cached
  • meaningful sub-headings (not "clever" ones)
    • Katy Vance
      Katy Vance on 07 Sep 13
       
      Booo....
  • one idea per paragraph (users will skip over any additional ideas if they are not caught by the first few words in the paragraph)
  • Credibility can be increased by high-quality graphics, good writing, and use of outbound hypertext links. Links to other sites show that the authors have done their homework and are not afraid to let readers visit other sites.
  • Katy Vance on 07 Sep 13
     
    (Update: a newer study found that users read email newsletters even more abruptly than they read websites.)
1 - 2 of 2
Showing 20▼ items per page