Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Strategic_Web_Design-VisualStrategy

832 views

Published on

Kelley Jarrett (@keljar) and Ben Wong present the importance of wireframes and information architecture

Published in: Design, Technology, Business
  • D0WNL0AD FULL ▶ ▶ ▶ ▶ http://1lite.top/G0bEC ◀ ◀ ◀ ◀
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Strategic_Web_Design-VisualStrategy

  1. 1. Strategic Web Design:Visual StrategyBen Wong, Interactive Design ManagerKelley Jarrett, Market Manager
  2. 2. Why is Visual Strategy Important?YOUR WEBSITE MAY SAY SO MUCH IT SAYS NOTHING AT ALLPROVIDES AUDIENCE-CENTRIC CONTENT AND NAVIGATIONPROMOTES CLARITY AND FOCUS
  3. 3. Kill The Noise: The Importance of PrioritizingYour Content
  4. 4. Prepare to Reduce the Noise:REVIEW YOUR WEBSITE AND ASK YOURSELF:What three user tasks are the highest priority for your organization?Are you giving that user task the loudest voice?Are less important tasks competing with your critical tasks?
  5. 5. Visual Prioritization YOUR WEBSITE YOUR AUDIENCE
  6. 6. Wireframes Help PrioritizeSHOULD BE COMPLETED AFTER AUDIENCE ANALYSIS AND BEFOREVISUAL DESIGNHELP TAKE YOUR WEBSITE FROM SUBJECTIVE TO OBJECTIVE.
  7. 7. Wireframes Help PrioritizeIDENTIFY THE TOP10 TASKS AND PRIORITIZEIMPORTANCEWHEN CREATING AWIREFRAME, CONSIDER: –  Position –  Size –  Contrast –  Calls to ActionDOCUMENT WHY DECISIONSWERE MADE. PREVENTSCOMPETITION AND “CONTENTCREEP”
  8. 8. Audience-Centric Navigation YOUR WEBSITE YOUR AUDIENCE
  9. 9. Online Card Sorting Online Card Sorting gives your team the ability to determine the ideal structure of your new navigation by grouping pages and tasks into common categories and sorted by importance. This data can be used to create a new sitemap and to drive the visual design of the new interface of your site.
  10. 10. Onsite Card Sorting The Onsite Card Sorting allows us to work side by side with your team in developing the navigation and interface of your site. Unlike the Online Card Sort, conducting the exercise in person can lead to revealing conversations about the nature of your audience and the deficiencies of your current navigation scheme that can be solved by a effective card sort.
  11. 11. Site mapFrom the Onsite Card Sorting exercise, a new Site Map is generated. This sitemap takes all the data gathered during the card sort and compiles it into adiagram of your site’s new navigation scheme, allowing you to visualize howthe user will navigate through your content. This site map also acts as a guidefor the interface that is developed during the Visual Design process.
  12. 12. Content YOUR WEBSITE YOUR AUDIENCE
  13. 13. Analyze Your ContentANALYZE CURRENT CONTENT –  Active Pages –  Broken Links –  # of pages –  Most commonly accessed –  Least accessed –  2 Clicks to Key tasksDETERMINE KEEPERS AND TRASH –  What can you leave behind? –  What should you optimize with Calls to Action?
  14. 14. Plan Your Content StrategyANALYZE CURRENT STATEDETERMINE WEAKNESSES
  15. 15. RecapANALYZE YOUR AUDIENCEPRIORITIZE TASKSCREATE A VISUAL HIERARCHY THROUGH WIREFRAMESFORM AN AUDIENCE-CENTRIC NAVIGATIONANALYZE YOUR CONTENTDEFINE YOUR CONTENT STRATEGY
  16. 16. Next StepsTHE ART AND THE MAGICBEAUTIFUL DESIGN BASED ON SOLID STRATEGY

×