SlideShare uma empresa Scribd logo

Web Usability Page Design

•
•
O
Ovidiu Von M

The document discusses several key principles of web usability. It emphasizes that pages should be designed for optimal user experience, with content prioritized over design elements like navigation and advertising. Pages should load quickly, follow standards like consistent link colors, and support user control of navigation. Links and white space help guide users and the primary goal is making tasks easy, not impressing with design.

Educação
1 de 31
 
Introduction to web usability ,[object Object],[object Object],[object Object]
Introduction to web usability ,[object Object],[object Object],[object Object]
Mistakes in web design ,[object Object],[object Object],[object Object],[object Object],[object Object]
Web usability topics ,[object Object],[object Object],[object Object],[object Object]
Page design ,[object Object],[object Object],[object Object]
Exercise ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
White space on the page ,[object Object],[object Object],[object Object]
Suggestions for design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
User-controlled navigation ,[object Object],[object Object],[object Object],[object Object],[object Object]
Using non-standard content ,[object Object],[object Object],[object Object],[object Object]
Upgrade of browsers ,[object Object],[object Object],[object Object],[object Object],[object Object]
Response times ,[object Object],[object Object],[object Object],[object Object],[object Object]
Suggestions for design ,[object Object],[object Object],[object Object],[object Object]
Links ,[object Object],[object Object],[object Object],[object Object],[object Object]
Link descriptions ,[object Object],[object Object],[object Object],[object Object]
Link descriptions (continued) ,[object Object],[object Object],[object Object],[object Object]
Link titles ,[object Object],[object Object],[object Object],[object Object],[object Object]
Guidelines for link titles ,[object Object],[object Object],[object Object],[object Object]
Guidelines for link titles (continued) ,[object Object],[object Object],[object Object],[object Object]
Links to homepages ,[object Object],[object Object],[object Object],[object Object],[object Object]
Colours of links ,[object Object],[object Object],[object Object],[object Object],[object Object]
Physiology of blue ,[object Object],[object Object],[object Object]
Outbound links ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Opening new windows ,[object Object],[object Object],[object Object],[object Object]
Incoming links ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Linking to subscription & registrations ,[object Object],[object Object],[object Object],[object Object]
Advertising links ,[object Object],[object Object],[object Object]
Advertising links (continued) ,[object Object],[object Object]
Conclusion ,[object Object],[object Object],[object Object],[object Object]
Exercise ,[object Object],[object Object],[object Object],[object Object]

Recomendados

Principles of web design
Principles of web designPrinciples of web design
Principles of web design
dswebdesign
 
Web designing(unit 1) Part 1
Web designing(unit 1) Part 1Web designing(unit 1) Part 1
Web designing(unit 1) Part 1
SURBHI SAROHA
 
Java Unit 5(part 1)
Java Unit 5(part 1)Java Unit 5(part 1)
Java Unit 5(part 1)
SURBHI SAROHA
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
James Smith
 
Mobile web design
Mobile web designMobile web design
Mobile web design
gvxwedimogene
 
WebBestPractices3
WebBestPractices3WebBestPractices3
WebBestPractices3
Natasha Alderdice
 
40 web design trends in 2015
40 web design trends in 201540 web design trends in 2015
40 web design trends in 2015
Equinet Academy
 
Web Usability
Web UsabilityWeb Usability
Web Usability
mangesh monde
 

Recomendados

Principles of web design
Principles of web designPrinciples of web design
Principles of web design
dswebdesign
 
Web designing(unit 1) Part 1
Web designing(unit 1) Part 1Web designing(unit 1) Part 1
Web designing(unit 1) Part 1
SURBHI SAROHA
 
Java Unit 5(part 1)
Java Unit 5(part 1)Java Unit 5(part 1)
Java Unit 5(part 1)
SURBHI SAROHA
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
James Smith
 
Mobile web design
Mobile web designMobile web design
Mobile web design
gvxwedimogene
 
WebBestPractices3
WebBestPractices3WebBestPractices3
WebBestPractices3
Natasha Alderdice
 
40 web design trends in 2015
40 web design trends in 201540 web design trends in 2015
40 web design trends in 2015
Equinet Academy
 
Web Usability
Web UsabilityWeb Usability
Web Usability
mangesh monde
 
New york web design
New york web designNew york web design
New york web design
lambertvilleg_5
 
Web design 3
Web design 3Web design 3
Web design 3
Christian Technical Training Centre
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design Principles
Mukesh Tekwani
 
Dealing with organisational focused ia difficulties
Dealing with organisational focused ia difficultiesDealing with organisational focused ia difficulties
Dealing with organisational focused ia difficulties
Queensland University of Technology
 
Psychologyofwebdesign
PsychologyofwebdesignPsychologyofwebdesign
Psychologyofwebdesign
CMT Creative Marketing
 
8 web design facts that we know
8 web design facts that we know8 web design facts that we know
8 web design facts that we know
Immortal Technologies
 
Promote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsitePromote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A Website
Zoaib Mirza
 
Web design principles
Web design principlesWeb design principles
Web design principles
Beverly Garcia
 
Web Design - What's Trending in 2021-Mantran Presentation
Web Design - What's Trending in 2021-Mantran PresentationWeb Design - What's Trending in 2021-Mantran Presentation
Web Design - What's Trending in 2021-Mantran Presentation
Mantran
 
Web Design Principle and Elements
Web Design Principle and ElementsWeb Design Principle and Elements
Web Design Principle and Elements
NicahTheaBajenting
 
Webs Review
Webs ReviewWebs Review
Webs Review
WebsiteBuildersReviews
 
Notes on blogging
Notes on bloggingNotes on blogging
Notes on blogging
DiploFoundation
 
Website vs web app
Website vs web appWebsite vs web app
Website vs web app
Immortal Technologies
 
Planning Your Progressive Web App
Planning Your Progressive Web AppPlanning Your Progressive Web App
Planning Your Progressive Web App
Jason Grigsby
 
Website Development for Crowdfunding Campaign / Roadmap to Success or Failure
Website Development for Crowdfunding Campaign / Roadmap to Success or FailureWebsite Development for Crowdfunding Campaign / Roadmap to Success or Failure
Website Development for Crowdfunding Campaign / Roadmap to Success or Failure
Aurum IT
 
Basic webdesign
Basic webdesignBasic webdesign
Basic webdesign
ArnelAguilo
 
5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web App5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web App
Pixel Crayons
 
Site Design Suggestions For Those In Need
Site Design Suggestions For Those In NeedSite Design Suggestions For Those In Need
Site Design Suggestions For Those In Need
culturednanny2786
 
What is a website
What is a websiteWhat is a website
What is a website
JorgeChavezF
 
Stuff what we're doing at Edge Hill University
Stuff what we're doing at Edge Hill UniversityStuff what we're doing at Edge Hill University
Stuff what we're doing at Edge Hill University
Michael Nolan
 
Entierrogitano
EntierrogitanoEntierrogitano
Entierrogitano
Toupeiro Toupeira
 
Rise Of Regional Service Providers
Rise Of Regional Service ProvidersRise Of Regional Service Providers
Rise Of Regional Service Providers
maxxed8888
 

Mais conteúdo relacionado

Mais procurados

Promote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsitePromote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A Website
Zoaib Mirza
 

Mais procurados (20)

New york web design
New york web designNew york web design
New york web design
 
Web design 3
Web design 3Web design 3
Web design 3
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design Principles
 
Dealing with organisational focused ia difficulties
Dealing with organisational focused ia difficultiesDealing with organisational focused ia difficulties
Dealing with organisational focused ia difficulties
 
Psychologyofwebdesign
PsychologyofwebdesignPsychologyofwebdesign
Psychologyofwebdesign
 
8 web design facts that we know
8 web design facts that we know8 web design facts that we know
8 web design facts that we know
 
Promote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsitePromote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A Website
 
Web design principles
Web design principlesWeb design principles
Web design principles
 
Web Design - What's Trending in 2021-Mantran Presentation
Web Design - What's Trending in 2021-Mantran PresentationWeb Design - What's Trending in 2021-Mantran Presentation
Web Design - What's Trending in 2021-Mantran Presentation
 
Web Design Principle and Elements
Web Design Principle and ElementsWeb Design Principle and Elements
Web Design Principle and Elements
 
Webs Review
Webs ReviewWebs Review
Webs Review
 
Notes on blogging
Notes on bloggingNotes on blogging
Notes on blogging
 
Website vs web app
Website vs web appWebsite vs web app
Website vs web app
 
Planning Your Progressive Web App
Planning Your Progressive Web AppPlanning Your Progressive Web App
Planning Your Progressive Web App
 
Website Development for Crowdfunding Campaign / Roadmap to Success or Failure
Website Development for Crowdfunding Campaign / Roadmap to Success or FailureWebsite Development for Crowdfunding Campaign / Roadmap to Success or Failure
Website Development for Crowdfunding Campaign / Roadmap to Success or Failure
 
Basic webdesign
Basic webdesignBasic webdesign
Basic webdesign
 
5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web App5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web App
 
Site Design Suggestions For Those In Need
Site Design Suggestions For Those In NeedSite Design Suggestions For Those In Need
Site Design Suggestions For Those In Need
 
What is a website
What is a websiteWhat is a website
What is a website
 
Stuff what we're doing at Edge Hill University
Stuff what we're doing at Edge Hill UniversityStuff what we're doing at Edge Hill University
Stuff what we're doing at Edge Hill University
 

Destaque

Rise Of Regional Service Providers
Rise Of Regional Service ProvidersRise Of Regional Service Providers
Rise Of Regional Service Providers
maxxed8888
 
Keith Skelton photos
Keith Skelton photosKeith Skelton photos
Keith Skelton photos
guest031a0
 

Destaque (9)

Entierrogitano
EntierrogitanoEntierrogitano
Entierrogitano
 
Rise Of Regional Service Providers
Rise Of Regional Service ProvidersRise Of Regional Service Providers
Rise Of Regional Service Providers
 
Keith Skelton photos
Keith Skelton photosKeith Skelton photos
Keith Skelton photos
 
Pre-Cal 40S February 9, 2009
Pre-Cal 40S February 9, 2009Pre-Cal 40S February 9, 2009
Pre-Cal 40S February 9, 2009
 
Orchid Of Hawaii, part I
Orchid Of Hawaii, part IOrchid Of Hawaii, part I
Orchid Of Hawaii, part I
 
Usability Heuristics
Usability HeuristicsUsability Heuristics
Usability Heuristics
 
Slidecast
SlidecastSlidecast
Slidecast
 
Providing Permission to Wonder v3
Providing Permission to Wonder v3Providing Permission to Wonder v3
Providing Permission to Wonder v3
 
The Fourth Screen v4.1
The Fourth Screen v4.1The Fourth Screen v4.1
The Fourth Screen v4.1
 

Semelhante a Web Usability Page Design

Basic webpage layout and design
Basic webpage layout and designBasic webpage layout and design
Basic webpage layout and design
Andz Bass
 
Global Scope Final Report
Global Scope Final ReportGlobal Scope Final Report
Global Scope Final Report
Kamil Mustaffa
 
web design
web designweb design
web design
butest
 

Semelhante a Web Usability Page Design (20)

Web Usability Site Design
Web Usability Site DesignWeb Usability Site Design
Web Usability Site Design
 
Basic webpage layout and design
Basic webpage layout and designBasic webpage layout and design
Basic webpage layout and design
 
Jamal Qaiyyim Ch3
Jamal Qaiyyim Ch3Jamal Qaiyyim Ch3
Jamal Qaiyyim Ch3
 
Web usability MKS
Web usability MKSWeb usability MKS
Web usability MKS
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01
 
Global Scope Final Report
Global Scope Final ReportGlobal Scope Final Report
Global Scope Final Report
 
web design
web designweb design
web design
 
DOC
DOCDOC
DOC
 
McArthur_Project 3
McArthur_Project 3McArthur_Project 3
McArthur_Project 3
 
Art of-web-designing
Art of-web-designingArt of-web-designing
Art of-web-designing
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and Elements
 
Web design
Web designWeb design
Web design
 
Solid Web site Design Guidance Any individual Could Utilize
Solid Web site Design Guidance Any individual Could UtilizeSolid Web site Design Guidance Any individual Could Utilize
Solid Web site Design Guidance Any individual Could Utilize
 
Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...
 
FYBSC IT Web Programming Unit II Html Page Layout & Navigation
FYBSC IT Web Programming Unit II Html Page Layout & NavigationFYBSC IT Web Programming Unit II Html Page Layout & Navigation
FYBSC IT Web Programming Unit II Html Page Layout & Navigation
 
What Makes a Good Website
What Makes a Good WebsiteWhat Makes a Good Website
What Makes a Good Website
 
4 Interface Design
4 Interface Design4 Interface Design
4 Interface Design
 
Soodam
SoodamSoodam
Soodam
 
Website best-practices
Website best-practicesWebsite best-practices
Website best-practices
 
Different terms related issues web design
Different terms related issues web designDifferent terms related issues web design
Different terms related issues web design
 

Mais de Ovidiu Von M

Mais de Ovidiu Von M (6)

Windows
WindowsWindows
Windows
 
Web Usability International Design
Web Usability International DesignWeb Usability International Design
Web Usability International Design
 
Web Usability Content Design
Web Usability Content DesignWeb Usability Content Design
Web Usability Content Design
 
Users And Business Functions Of Applications
Users And Business Functions Of ApplicationsUsers And Business Functions Of Applications
Users And Business Functions Of Applications
 
System Menu And Navigation
System Menu And NavigationSystem Menu And Navigation
System Menu And Navigation
 
Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To Usability
 

Último

Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
Association for Project Management
 

Último (20)

Understanding Accommodations and Modifications
Understanding Accommodations and ModificationsUnderstanding Accommodations and Modifications
Understanding Accommodations and Modifications
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 

Web Usability Page Design

  • 1.  
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.