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 DesignSameer 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 1BlueHornet
 
Product Optimization: Conversion, Engagement, and Happiness
Product Optimization: Conversion, Engagement, and HappinessProduct Optimization: Conversion, Engagement, and Happiness
Product Optimization: Conversion, Engagement, and HappinessCasey Winters
 
Empowerment Technology
Empowerment TechnologyEmpowerment Technology
Empowerment Technologymichaeljericho
 
Paid Advertising: 10 Tips to Win
Paid Advertising: 10 Tips to WinPaid Advertising: 10 Tips to Win
Paid Advertising: 10 Tips to WinInsivia
 
Insivia Seminar Series: Video & Animation Marketing
Insivia Seminar Series: Video & Animation MarketingInsivia Seminar Series: Video & Animation Marketing
Insivia Seminar Series: Video & Animation MarketingInsivia
 
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 EngagingRUNNER Agency
 
Digital Retail Training Session Two
Digital Retail Training Session TwoDigital Retail Training Session Two
Digital Retail Training Session TwoJessica Brown
 
Lean Marketing for Startups
Lean Marketing for StartupsLean Marketing for Startups
Lean Marketing for StartupsFrederik Hermann
 
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 engagementAniruddh Jain
 
Conversion Optimization Presentation
Conversion Optimization PresentationConversion Optimization Presentation
Conversion Optimization PresentationAndy Halko
 
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 BackMarqui CMS
 
UX, the buzz!
UX, the buzz!UX, the buzz!
UX, the buzz!Jebin BV
 
The Rise of Individualization
The Rise of IndividualizationThe Rise of Individualization
The Rise of IndividualizationAndy Halko
 
Enhancing User Experience
Enhancing User ExperienceEnhancing User Experience
Enhancing User ExperienceSandra Bradley
 
Web Analytics & Conversion Rate Optimization
Web Analytics & Conversion Rate OptimizationWeb Analytics & Conversion Rate Optimization
Web Analytics & Conversion Rate OptimizationWorkshop Digital
 
Driving ROI from Google Analytics 2017
Driving ROI from Google Analytics 2017Driving ROI from Google Analytics 2017
Driving ROI from Google Analytics 2017Andy Halko
 
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 DesignIdeas 2 Propel U
 
SEO 3.0 - Conversion Rate Optimization
SEO 3.0 - Conversion Rate OptimizationSEO 3.0 - Conversion Rate Optimization
SEO 3.0 - Conversion Rate OptimizationMarcel Media
 

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

SBDC Digital Bootcamp Website Review
SBDC Digital Bootcamp Website ReviewSBDC Digital Bootcamp Website Review
SBDC Digital Bootcamp Website ReviewVisionary Marketing
 
Substance151 Best Web Practices
Substance151 Best Web PracticesSubstance151 Best Web Practices
Substance151 Best Web Practicessubstance151
 
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 LeadsDigital Reach
 
Landing pages
Landing pagesLanding pages
Landing pagesWSI Egypt
 
Navigation by sector
Navigation by sectorNavigation by sector
Navigation by sectorDanielle West
 
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...e-Definers Technology
 
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 HackingFrederik Hermann
 
Web Design by Client Perspective
 Web Design by Client Perspective Web Design by Client Perspective
Web Design by Client Perspectiveeginni
 
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!Larry338625
 
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 InternetSteven 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 WorkplaceRichard Harbridge
 
Building an Online Presence
Building an Online PresenceBuilding an Online Presence
Building an Online PresenceRenée Nesseth
 
Google Analytics for Increased Website Conversion
Google Analytics for Increased Website ConversionGoogle Analytics for Increased Website Conversion
Google Analytics for Increased Website ConversionInsivia
 

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

Public Speaking & Presenting
Public Speaking & PresentingPublic Speaking & Presenting
Public Speaking & PresentingAmy Jorgensen
 
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 brandAmy Jorgensen
 
You! Now New & Improved
You! Now New & ImprovedYou! Now New & Improved
You! Now New & ImprovedAmy Jorgensen
 
Website Design in 1 hour
Website Design in 1 hourWebsite Design in 1 hour
Website Design in 1 hourAmy Jorgensen
 
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 ChapterAmy 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

Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDGMarianaLemus7
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
costume and set research powerpoint presentation
costume and set research powerpoint presentationcostume and set research powerpoint presentation
costume and set research powerpoint presentationphoebematthew05
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 

Recently uploaded (20)

Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDG
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
costume and set research powerpoint presentation
costume and set research powerpoint presentationcostume and set research powerpoint presentation
costume and set research powerpoint presentation
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptxVulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 

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!