SlideShare a Scribd company logo
1 of 1
Download to read offline
ACCESSIBILITY
NAVIGATION
Information must be easily accessible to
minimize customer searching time by
reducing the number of pages (clicks) and
consolidating information. This means
there should be more of a horizontal
navigational structure rather than a
vertical navigational structure. Clear and
simple navigation is the top priority;
important information like locations,
contact information and booking methods
are readily available to reduce prospective
customer frustrations.
Current and urgent topics may be
highlighted as a focus-point on the main
landing page. These topics are changed
based on the primary audiences that will
be using the website at the time in order
to ensure the message is received
successfully. Work with your content
experts to determine the priorities and
schedules.
USING WEB ANALYTICS
So now that you’ve started the brainstorming process,
how can you leverage your navigation to increase
consumer satisfaction? Web analytics, such as Google
Analytics, provide clear feedback from your consumers
– and plainly tell you what they think is most important.
Plus they can be free!
For more info & tips: www.google.com/analytics
STARTING OR REDESIGNING A NEW WEBSITE
Starting a new website can be
intimidating. Take a deep breath and start
by playing online! Look at your favorite
websites (housing or not) to look at what
you like or dislike. Use this research to
then determine the following for your new
site:
1. Website purpose
2. Customers (users)
3. Desired user experience
4. Redesign goals
5. Overarching Design
6. Timeline & Benchmarks
7. Responsible Managers (content &
management)
HTML: HYPERTEXT MARKUP LANGUAGE
HTML is a markup language that enables the creating and publishing of web
content. It is currently the fundamental way to publish content for web
browsers.
CMS: CONTENT MANAGEMENT SYSTEM
Web designers developed CMS systems using HTML and Javascript to
simplify updating and managing websites. CMSs include Drupal, Expression
Engine, Wordpress, and more!
@DrRayGasser
@Kmagura
@AmyLJorgensen
CMSVSHTML
PROS
• Easy
• Quick
• Consistent Branding
• Add/Delete Pages Easier
• Not highly technical
CONS
• Difficult to change design
• Expensive
• Less flexible
PROS
• Arguably better coding
• More design control
• Lower pricing
CONS
• Technical skills needed
• Start everything from scratch
CONTENT
Content development can be one of the most difficult areas
to tackle when redesigning your website. Messaging on the
website should be seen as “push marketing” messaging.
All websites have full control over the content and there is
very little opportunity for a customer to engage with this
one-way communication. Customers know this and
therefore want to find the information they can seek quickly
and easily.
Websites are designed to provide information about
services, facilities, culture, and guidance on how to live in
campus housing. Always work with the content managers
to ensure accuracy and ideas on how the text can be
simplified or better organized for the end user. The
information in the website news should be succinct,
current, and relevant.
Website development best practices include being
succinct, relevant, accurate, innovative, intentional, and
dynamic. One of the most difficult practices is to be
“succinct”. All customers expect to find their information
quickly and easily – and this can be difficult if there is a
large amount of text or too much explanation. Try to
harness your “Twitter” skills and summarize as much as
possible. Try leveraging your web analytics as well to show
what the customers want.
Websites should be accessible to the broadest audience
possible. Factors to consider: screen readers for visual
impairments, navigation via keyboard only, dial-up or
low bandwidth connections, browsers that don’t have
javascript or flash enabled, and mobile devices.
How to check if your site is accessible:
• Turn off images in your browser (make sure image place
holders are turned on)
• Turn off support for JavaScript
• Tab through the page, navigate without a mouse
• Try to change the standard font colors and styles in your
browser
• Try to increase the font size by using the browser (view
> text size > increase)
• Turn off support for stylesheets, does your site still
makes sense?
MORE INFO:
http://wave.webaim.org/
http://web.mit.edu/atic/www/accessibility/guidelines.html
In order for our message to be appealing and engaging, the website could include
updated photographs, videos, location maps, and departmental connection opportunities
as well as customer reviews. Look at what you already have & get started!

More Related Content

What's hot

Business Centred Design
Business Centred DesignBusiness Centred Design
Business Centred Design
Sameer Chavan
 
LCMC: Email movers and shakers - Part 1
LCMC: Email movers and shakers - Part 1LCMC: Email movers and shakers - Part 1
LCMC: Email movers and shakers - Part 1
BlueHornet
 
Product Optimization: Conversion, Engagement, and Happiness
Product Optimization: Conversion, Engagement, and HappinessProduct Optimization: Conversion, Engagement, and Happiness
Product Optimization: Conversion, Engagement, and Happiness
Casey Winters
 
Insivia Seminar Series: Video & Animation Marketing
Insivia Seminar Series: Video & Animation MarketingInsivia Seminar Series: Video & Animation Marketing
Insivia Seminar Series: Video & Animation Marketing
Insivia
 
Salespatron for B2B: Increasing sales productivity by knowing client engagement
Salespatron for B2B: Increasing sales productivity by knowing client engagementSalespatron for B2B: Increasing sales productivity by knowing client engagement
Salespatron for B2B: Increasing sales productivity by knowing client engagement
Aniruddh Jain
 
Selecting a CMS - 9 Fears that Shouldn't Hold You Back
Selecting a CMS - 9 Fears that Shouldn't Hold You BackSelecting a CMS - 9 Fears that Shouldn't Hold You Back
Selecting a CMS - 9 Fears that Shouldn't Hold You Back
Marqui CMS
 
The 7 Rules of Conversion-Centered Content Marketing Design
The 7 Rules of Conversion-Centered Content Marketing DesignThe 7 Rules of Conversion-Centered Content Marketing Design
The 7 Rules of Conversion-Centered Content Marketing Design
Ideas 2 Propel U
 

What's hot (20)

Business Centred Design
Business Centred DesignBusiness Centred Design
Business Centred Design
 
LCMC: Email movers and shakers - Part 1
LCMC: Email movers and shakers - Part 1LCMC: Email movers and shakers - Part 1
LCMC: Email movers and shakers - Part 1
 
Product Optimization: Conversion, Engagement, and Happiness
Product Optimization: Conversion, Engagement, and HappinessProduct Optimization: Conversion, Engagement, and Happiness
Product Optimization: Conversion, Engagement, and Happiness
 
Empowerment Technology
Empowerment TechnologyEmpowerment Technology
Empowerment Technology
 
Paid Advertising: 10 Tips to Win
Paid Advertising: 10 Tips to WinPaid Advertising: 10 Tips to Win
Paid Advertising: 10 Tips to Win
 
Insivia Seminar Series: Video & Animation Marketing
Insivia Seminar Series: Video & Animation MarketingInsivia Seminar Series: Video & Animation Marketing
Insivia Seminar Series: Video & Animation Marketing
 
13 User Experience Tactics To Make Your Website More Engaging
13 User Experience Tactics To Make Your Website More Engaging13 User Experience Tactics To Make Your Website More Engaging
13 User Experience Tactics To Make Your Website More Engaging
 
Digital Retail Training Session Two
Digital Retail Training Session TwoDigital Retail Training Session Two
Digital Retail Training Session Two
 
Lean Marketing for Startups
Lean Marketing for StartupsLean Marketing for Startups
Lean Marketing for Startups
 
Salespatron for B2B: Increasing sales productivity by knowing client engagement
Salespatron for B2B: Increasing sales productivity by knowing client engagementSalespatron for B2B: Increasing sales productivity by knowing client engagement
Salespatron for B2B: Increasing sales productivity by knowing client engagement
 
Conversion Optimization Presentation
Conversion Optimization PresentationConversion Optimization Presentation
Conversion Optimization Presentation
 
Selecting a CMS - 9 Fears that Shouldn't Hold You Back
Selecting a CMS - 9 Fears that Shouldn't Hold You BackSelecting a CMS - 9 Fears that Shouldn't Hold You Back
Selecting a CMS - 9 Fears that Shouldn't Hold You Back
 
UX, the buzz!
UX, the buzz!UX, the buzz!
UX, the buzz!
 
The Rise of Individualization
The Rise of IndividualizationThe Rise of Individualization
The Rise of Individualization
 
Enhancing User Experience
Enhancing User ExperienceEnhancing User Experience
Enhancing User Experience
 
Web Analytics & Conversion Rate Optimization
Web Analytics & Conversion Rate OptimizationWeb Analytics & Conversion Rate Optimization
Web Analytics & Conversion Rate Optimization
 
Unblock sales with WebOps
Unblock sales with WebOpsUnblock sales with WebOps
Unblock sales with WebOps
 
Driving ROI from Google Analytics 2017
Driving ROI from Google Analytics 2017Driving ROI from Google Analytics 2017
Driving ROI from Google Analytics 2017
 
The 7 Rules of Conversion-Centered Content Marketing Design
The 7 Rules of Conversion-Centered Content Marketing DesignThe 7 Rules of Conversion-Centered Content Marketing Design
The 7 Rules of Conversion-Centered Content Marketing Design
 
SEO 3.0 - Conversion Rate Optimization
SEO 3.0 - Conversion Rate OptimizationSEO 3.0 - Conversion Rate Optimization
SEO 3.0 - Conversion Rate Optimization
 

Similar to Web Design in 1 hour (& 15 minutes) HANDOUT

Landing pages
Landing pagesLanding pages
Landing pages
WSI Egypt
 
Promoting Your Travel Business on the Internet
Promoting Your Travel Business on the InternetPromoting Your Travel Business on the Internet
Promoting Your Travel Business on the Internet
Steven Carson
 
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital WorkplaceTop 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Richard Harbridge
 
Google Analytics for Increased Website Conversion
Google Analytics for Increased Website ConversionGoogle Analytics for Increased Website Conversion
Google Analytics for Increased Website Conversion
Insivia
 

Similar to Web Design in 1 hour (& 15 minutes) HANDOUT (20)

SBDC Digital Bootcamp Website Review
SBDC Digital Bootcamp Website ReviewSBDC Digital Bootcamp Website Review
SBDC Digital Bootcamp Website Review
 
The ultimate guide to creating the perfect website
The ultimate guide to creating the perfect websiteThe ultimate guide to creating the perfect website
The ultimate guide to creating the perfect website
 
Substance151 Best Web Practices
Substance151 Best Web PracticesSubstance151 Best Web Practices
Substance151 Best Web Practices
 
Does Your Website Stink?
Does Your Website Stink?Does Your Website Stink?
Does Your Website Stink?
 
Top 10 Features Every B2B Homepage Must Have
Top 10 Features Every B2B Homepage Must HaveTop 10 Features Every B2B Homepage Must Have
Top 10 Features Every B2B Homepage Must Have
 
How to Increase Your Site Usability to Drive Leads
How to Increase Your Site Usability to Drive LeadsHow to Increase Your Site Usability to Drive Leads
How to Increase Your Site Usability to Drive Leads
 
Landing pages
Landing pagesLanding pages
Landing pages
 
Content & Commerce
Content & CommerceContent & Commerce
Content & Commerce
 
Mkt460 Week3
Mkt460 Week3Mkt460 Week3
Mkt460 Week3
 
MKT 460 Week 3
MKT 460 Week 3MKT 460 Week 3
MKT 460 Week 3
 
Navigation by sector
Navigation by sectorNavigation by sector
Navigation by sector
 
DRIVING USER ENGAGEMENT & CONVERSIONS WITH THE POWER OF CALL-TO-ACTIONS IN WE...
DRIVING USER ENGAGEMENT & CONVERSIONS WITH THE POWER OF CALL-TO-ACTIONS IN WE...DRIVING USER ENGAGEMENT & CONVERSIONS WITH THE POWER OF CALL-TO-ACTIONS IN WE...
DRIVING USER ENGAGEMENT & CONVERSIONS WITH THE POWER OF CALL-TO-ACTIONS IN WE...
 
The Beginner’s Guide to Growth Hacking
The Beginner’s Guide to Growth HackingThe Beginner’s Guide to Growth Hacking
The Beginner’s Guide to Growth Hacking
 
Web Design by Client Perspective
 Web Design by Client Perspective Web Design by Client Perspective
Web Design by Client Perspective
 
9+ amazing strategies to reduce your bounce rates now!
9+ amazing strategies to reduce your bounce rates now!9+ amazing strategies to reduce your bounce rates now!
9+ amazing strategies to reduce your bounce rates now!
 
Promoting Your Travel Business on the Internet
Promoting Your Travel Business on the InternetPromoting Your Travel Business on the Internet
Promoting Your Travel Business on the Internet
 
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital WorkplaceTop 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
 
Building an Online Presence
Building an Online PresenceBuilding an Online Presence
Building an Online Presence
 
Google Analytics for Increased Website Conversion
Google Analytics for Increased Website ConversionGoogle Analytics for Increased Website Conversion
Google Analytics for Increased Website Conversion
 
Sn web-whitepaper
Sn web-whitepaperSn web-whitepaper
Sn web-whitepaper
 

More from Amy Jorgensen

More from Amy Jorgensen (10)

Public Speaking & Presenting
Public Speaking & PresentingPublic Speaking & Presenting
Public Speaking & Presenting
 
Strategy Wars
Strategy WarsStrategy Wars
Strategy Wars
 
Web Tricks
Web TricksWeb Tricks
Web Tricks
 
Selling Strategy
Selling StrategySelling Strategy
Selling Strategy
 
Rock Out Your Page
Rock Out Your PageRock Out Your Page
Rock Out Your Page
 
You TM. Building and Protecting your personal brand
You TM. Building and Protecting your personal brandYou TM. Building and Protecting your personal brand
You TM. Building and Protecting your personal brand
 
You! Now New & Improved
You! Now New & ImprovedYou! Now New & Improved
You! Now New & Improved
 
Website Design in 1 hour
Website Design in 1 hourWebsite Design in 1 hour
Website Design in 1 hour
 
Sweet Personal branding for U-M WISA Chapter
Sweet Personal branding for U-M WISA ChapterSweet Personal branding for U-M WISA Chapter
Sweet Personal branding for U-M WISA Chapter
 
Web design
Web designWeb design
Web design
 

Recently uploaded

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Recently uploaded (20)

08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 

Web Design in 1 hour (& 15 minutes) HANDOUT

  • 1. ACCESSIBILITY NAVIGATION Information must be easily accessible to minimize customer searching time by reducing the number of pages (clicks) and consolidating information. This means there should be more of a horizontal navigational structure rather than a vertical navigational structure. Clear and simple navigation is the top priority; important information like locations, contact information and booking methods are readily available to reduce prospective customer frustrations. Current and urgent topics may be highlighted as a focus-point on the main landing page. These topics are changed based on the primary audiences that will be using the website at the time in order to ensure the message is received successfully. Work with your content experts to determine the priorities and schedules. USING WEB ANALYTICS So now that you’ve started the brainstorming process, how can you leverage your navigation to increase consumer satisfaction? Web analytics, such as Google Analytics, provide clear feedback from your consumers – and plainly tell you what they think is most important. Plus they can be free! For more info & tips: www.google.com/analytics STARTING OR REDESIGNING A NEW WEBSITE Starting a new website can be intimidating. Take a deep breath and start by playing online! Look at your favorite websites (housing or not) to look at what you like or dislike. Use this research to then determine the following for your new site: 1. Website purpose 2. Customers (users) 3. Desired user experience 4. Redesign goals 5. Overarching Design 6. Timeline & Benchmarks 7. Responsible Managers (content & management) HTML: HYPERTEXT MARKUP LANGUAGE HTML is a markup language that enables the creating and publishing of web content. It is currently the fundamental way to publish content for web browsers. CMS: CONTENT MANAGEMENT SYSTEM Web designers developed CMS systems using HTML and Javascript to simplify updating and managing websites. CMSs include Drupal, Expression Engine, Wordpress, and more! @DrRayGasser @Kmagura @AmyLJorgensen CMSVSHTML PROS • Easy • Quick • Consistent Branding • Add/Delete Pages Easier • Not highly technical CONS • Difficult to change design • Expensive • Less flexible PROS • Arguably better coding • More design control • Lower pricing CONS • Technical skills needed • Start everything from scratch CONTENT Content development can be one of the most difficult areas to tackle when redesigning your website. Messaging on the website should be seen as “push marketing” messaging. All websites have full control over the content and there is very little opportunity for a customer to engage with this one-way communication. Customers know this and therefore want to find the information they can seek quickly and easily. Websites are designed to provide information about services, facilities, culture, and guidance on how to live in campus housing. Always work with the content managers to ensure accuracy and ideas on how the text can be simplified or better organized for the end user. The information in the website news should be succinct, current, and relevant. Website development best practices include being succinct, relevant, accurate, innovative, intentional, and dynamic. One of the most difficult practices is to be “succinct”. All customers expect to find their information quickly and easily – and this can be difficult if there is a large amount of text or too much explanation. Try to harness your “Twitter” skills and summarize as much as possible. Try leveraging your web analytics as well to show what the customers want. Websites should be accessible to the broadest audience possible. Factors to consider: screen readers for visual impairments, navigation via keyboard only, dial-up or low bandwidth connections, browsers that don’t have javascript or flash enabled, and mobile devices. How to check if your site is accessible: • Turn off images in your browser (make sure image place holders are turned on) • Turn off support for JavaScript • Tab through the page, navigate without a mouse • Try to change the standard font colors and styles in your browser • Try to increase the font size by using the browser (view > text size > increase) • Turn off support for stylesheets, does your site still makes sense? MORE INFO: http://wave.webaim.org/ http://web.mit.edu/atic/www/accessibility/guidelines.html In order for our message to be appealing and engaging, the website could include updated photographs, videos, location maps, and departmental connection opportunities as well as customer reviews. Look at what you already have & get started!