Bia Marketing Presentation Huber Web Design

1,250 views

Published on

BIA Marketing Seminar (Bryan Huber / Web Design)

Published in: Real Estate, Technology, Business
1 Comment
3 Likes
Statistics
Notes
  • Hi ,Ruth M.
    I am participating in a contest and your slide I liked very much,because in my company we work with web design and SEO, so I invited, to visit my slide and if it likes, please addme to your favorites, thank you very much

    Check out this SlideShare

    http://slidesha.re/5Td1I5

    Please Addme to your favorite ’♥’ bye bye
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
1,250
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
0
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide

Bia Marketing Presentation Huber Web Design

  1. 1. PROPERTIES OF GOOD WEB DESIGN <ul><li>Bryan Huber </li></ul>
  2. 2. Before you begin designing anything: understand ‘the who’ <ul><li>Research , look at your existing site and your competitors - it’s essential to understand your audience </li></ul><ul><li>Define who do want to attract </li></ul><ul><li>Create goals for users on your site </li></ul><ul><li>Plan for the future </li></ul>
  3. 3. THREE MAIN COMPONENTS OF GOOD WEB DESIGN
  4. 4. -Collis From PSDTUTTs
  5. 5. Three main components of Good Web Design <ul><li>Interface Design = Usability </li></ul><ul><li>Aesthetic Design = Graphics </li></ul><ul><li>Information Design = Content </li></ul>
  6. 6. PART 1: INTERFACE DESIGN USABILITY
  7. 7. Interface Design <ul><li>Creating the foundation of the site </li></ul><ul><ul><li>Planning is the key to a successful site! </li></ul></ul><ul><ul><li>Information architecture (how users will navigate throughout your site) ‏ </li></ul></ul><ul><ul><ul><li>Sitemap (the 30,000 foot view) ‏ </li></ul></ul></ul><ul><ul><ul><li>Wireframe (the browser level view) ‏ </li></ul></ul></ul><ul><ul><ul><li>Navigation (consistency) ‏ </li></ul></ul></ul><ul><ul><ul><li>This is where you start thinking about content and search engine optimization!! </li></ul></ul></ul>
  8. 8. Example Sitemap
  9. 9. Example Wireframe
  10. 10. Example Navigation
  11. 11. PART 2: AESTHETIC DESIGN GRAPHICS
  12. 12. Aesthetic Design <ul><li>Good Design defines you online </li></ul><ul><ul><li>Creates Trust </li></ul></ul><ul><ul><li>Visually Defines 'Professionalism' </li></ul></ul><ul><ul><li>Extends your brand </li></ul></ul><ul><ul><li>Gives users a sense of confidence </li></ul></ul>
  13. 13. <ul><li>Good Web Design: </li></ul><ul><ul><li>Doesn't distract or overwhelm </li></ul></ul><ul><ul><li>Has consistent elements </li></ul></ul><ul><ul><li>Has a clear message (important to be 'above the fold') ‏ </li></ul></ul><ul><ul><li>Should guide the user through the layout (eyetracking) ‏ </li></ul></ul><ul><ul><li>Incorporates zones of information </li></ul></ul><ul><ul><li>Creates content heiracrchy </li></ul></ul>Aesthetic Design
  14. 14. <ul><li>Other Important Considerations: </li></ul><ul><ul><li>Homepages, Landing Pages and Content Pages have different roles </li></ul></ul><ul><ul><li>Form design is critical to getting information from your customers </li></ul></ul><ul><ul><li>Use Flash wisely </li></ul></ul>Aesthetic Design
  15. 15. PART 3: INFORMATION DESIGN CONTENT
  16. 16. Information Design <ul><li>Good Design compliments content </li></ul><ul><ul><li>Use a web font (Arial or Times) for content, never use graphics for large areas of text </li></ul></ul><ul><ul><li>Use a consistent font throughout your site </li></ul></ul><ul><ul><li>skimmers vs. readers (make it easy to scan your content) ‏ </li></ul></ul><ul><ul><li>Identify links, pdfs, word docs to users </li></ul></ul>
  17. 17. <ul><li>Other Important Considerations: </li></ul><ul><ul><li>Always create a site that is ADA compliant </li></ul></ul>Information Design
  18. 18. Topic Refresh <ul><li>Interface Design = Usability </li></ul><ul><li>Aesthetic Design = Graphics </li></ul><ul><li>Information Design = Content </li></ul>
  19. 19. When these three unite <ul><li>You create a user experience that is positive, and that is priceless </li></ul><ul><li>You create the right elements to be found in search engines </li></ul><ul><li>You give users reason to come back to your site </li></ul><ul><li>Most importantly, you create a center of marketing for yourself </li></ul>
  20. 20. QUESTIONS? <ul><li>Web Design. </li></ul>

×