SlideShare a Scribd company logo
Alicia Johnson 
Cis Portfolio
Usability 
Usability is a quality attribute that assesses how easy user interfaces are to use. The word "usability" also refers to methods for 
improving ease-of-use during the design process. 
Usability and utility are equally important and together determine whether something is useful: It matters little that something is easy 
if it's not what you want. It's also no good if the system can hypothetically do what you want, but you can't make it happen because 
the user interface is too difficult. To study a design's utility, you can use the same user research methods that improve usability.On 
the Web, usability is a necessary condition for survival. If a website is difficult to use, people leave. If the homepage fails to clearly 
state what a company offers and what users can do on the site, people leave. If users get lost on a website, they leave. If a website's 
information is hard to read or doesn't answer users' key questions, they leave. Note a pattern here? There's no such thing as a user 
reading a website manual or otherwise spending much time trying to figure out an interface. There are plenty of other websites 
available; leaving is the first line of defense when users encounter a difficulty.The first law of e-commerce is that if users cannot find 
the product, they cannot buy it either. For intranets, usability is a matter of employee productivity. Time users waste being lost on 
your intranet or pondering difficult instructions
Usability Cont…. 
There are plenty of other websites available; leaving is the first line of defense when users encounter a difficulty.The first law of e-commerce 
is that if users cannot find the product, they cannot buy it either. For intranets, usability is a matter of employee productivity. 
Time users waste being lost on your intranet or pondering difficult instructions is money you waste by paying them to be at work 
without getting work done. Current best practices call for spending about 10% of a design project's budget on usability. On average, 
this will more than double a website's desired quality metrics and slightly less than double an intranet's quality metrics. For software 
and physical products, the improvements are typically smaller — but still substantial — when you emphasize usability in the design 
process. For internal design projects, think of doubling usability as cutting training budgets in half and doubling the number of 
transactions employees perform per hour. For external designs, think of doubling sales, doubling the number of registered users or 
customer leads, or doubling whatever other desired goal motivated your design project. 
From the user’s perspective, usability is important because it can make the difference between performing a task accurately and 
completely or not, and enjoying the process or being frustrated. From the developer’s perspective, usability i
Usability Cont…. 
From the user’s perspective, usability is important because it can make the difference between performing a task accurately and 
completely or not, and enjoying the process or being frustrated. From the developer’s perspective, usability is important because it 
can mean the difference between the success or failure of a system. From a management point of view, software with poor usability 
can reduce the productivity of the workforce to a 
level of performance worse than without the system. In all cases, lack of usability can cost time and effort and can greatly determine 
the success or failure of a system. Given a choice, people tend to buy systems that are more user-friendly. Giving with ADA is goes 
hand and hand. The ADA law it's self help businesses be required to have certain elements in order for the it to be accessible which 
shows usability. Certain things like ramp walk ways, elevators, censored doors, text to speech on computers even electronic devices 
, touch screen capability. The ADA law made it a requirement for systems, business, design plan and many more technical things 
have where any one can use. I choose these examples because I feel these are main ones you see mostly everyday no matter 
where you go.
Fonts 
● A font is a specific type of lettering and numbering design that you use in composing a written 
document. The words you are reading in this article are set in a particular font style used 
extensively by Monster.ca. 
● Fonts come in distinct families. They differ in terms of their look and other qualities, such as size, 
weight and spacing. 
Font Readability 
When you submit your resume in response to a job posting, your document will either be read directly by people, or will 
get scanned first into an electronic applicant tracking system. In either case it’s vital that the fonts you use make your 
words easy to interpret. 
Simple, clean fonts like Arial or Verdana guarantee the readability of your text. More ornate fonts, such as those named 
Informal, Roman, or Chiller, may give your document more personality. They will certainly stand out from ordinary 
typefaces. However they may also make the reader strain their eyes, or the letters may not be correctly interpreted by 
scanners. This can drop your resume to the bottom of the pile.
Fonts Cont... 
There are two main categories of typefaces. One is called Serif, the other is Sans Serif. 
Serif fonts tend to be more stylized. They all have little markings, curves or hooks as part of their design. Here are some examples of 
Serif font families: 
Times New Roman Ex : This is what Times New Roman font ooks like. 
Bookman Old Style 
Century 
Because Serif fonts are not as sleek as Sans Serif typefaces, you should consider avoiding their use in job applications. They can 
cause scanning software to make errors and reject your resume. 
As for Sans Serifs (which literally means “without serifs”), Arial is the most common family of fonts. It appears often in resumes. Arial 
is sleek and clean. It does not cause eye strain or scanning hiccups. The following type examples are from the Sans Serif category: 
Arial Ex: This is what arial font looks like. 
Segoe UI Semibold 
Verdana Ex: This is what Verdana font looks like.
● refers to the arrangement or presentation of elements in a way that implies importance.[1] In other words, visual hierarchy influences the 
order in which the human eye perceives what it sees. This order is created by the visual contrast between forms in a field of perception. 
Objects with highest contrast to their surroundings are recognized first by the human mind. The term visual hierarchy is used most 
frequently in the discourse of the visual arts fields, notably so within the field of graphic design. 
● Example of visual hierarchy is my title for the slide. Its stand out more to the readers and catches ones attention because of its size and 
clearance of the title itself. 
● is based in Gestalt psychological theory, an early 20th-century German theory that proposes that the human brain has innate 
organizing tendencies that “structure individual elements, shapes or forms into a coherent, organized whole.” [2] The German 
word Gestalt translates into “form,” “pattern,” or “shape” in English.[3] When an element in a visual field disconnects from the 
‘whole’ created by the brain’s perceptual organization, it “stands out” to the viewer. The shapes that disconnect most severely 
from their surroundings stand out the most.
Example of Visual Hierarchy ...

More Related Content

Similar to Aj slideshow for CS 443

20מאת יוסי אמרם Steps To Better Wireframin מצגת
20מאת יוסי אמרם Steps To Better Wireframin מצגת20מאת יוסי אמרם Steps To Better Wireframin מצגת
20מאת יוסי אמרם Steps To Better Wireframin מצגת
AMRAMy
 
Role of an Architect in Software Usability Engineering
Role of an Architect in Software Usability EngineeringRole of an Architect in Software Usability Engineering
Role of an Architect in Software Usability Engineering
thinakes
 

Similar to Aj slideshow for CS 443 (20)

User Experience Distilled
User Experience DistilledUser Experience Distilled
User Experience Distilled
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for Developers
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014
 
Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014
 
How to become a great developer
How to become a great developerHow to become a great developer
How to become a great developer
 
World Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for DevelopersWorld Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for Developers
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for Developers
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basics
 
Designing With User In Mind
Designing With User In MindDesigning With User In Mind
Designing With User In Mind
 
User interface for website
User interface for websiteUser interface for website
User interface for website
 
The User Experience Brief
The User Experience BriefThe User Experience Brief
The User Experience Brief
 
Design Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: WireframeDesign Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: Wireframe
 
20מאת יוסי אמרם Steps To Better Wireframin מצגת
20מאת יוסי אמרם Steps To Better Wireframin מצגת20מאת יוסי אמרם Steps To Better Wireframin מצגת
20מאת יוסי אמרם Steps To Better Wireframin מצגת
 
Usability
UsabilityUsability
Usability
 
Coursera | Alphonso Morris - What’s Product Design vs UX vs UI? What is Growt...
Coursera | Alphonso Morris - What’s Product Design vs UX vs UI? What is Growt...Coursera | Alphonso Morris - What’s Product Design vs UX vs UI? What is Growt...
Coursera | Alphonso Morris - What’s Product Design vs UX vs UI? What is Growt...
 
From Zero to Hero
From Zero to HeroFrom Zero to Hero
From Zero to Hero
 
Typography and Colors for GUI Designers
Typography and Colors for GUI DesignersTypography and Colors for GUI Designers
Typography and Colors for GUI Designers
 
Patton user modeling
Patton user modelingPatton user modeling
Patton user modeling
 
FLEXperience
FLEXperienceFLEXperience
FLEXperience
 
Role of an Architect in Software Usability Engineering
Role of an Architect in Software Usability EngineeringRole of an Architect in Software Usability Engineering
Role of an Architect in Software Usability Engineering
 

Recently uploaded

Industrial Training Report- AKTU Industrial Training Report
Industrial Training Report- AKTU Industrial Training ReportIndustrial Training Report- AKTU Industrial Training Report
Industrial Training Report- AKTU Industrial Training Report
Avinash Rai
 
Accounting and finance exit exam 2016 E.C.pdf
Accounting and finance exit exam 2016 E.C.pdfAccounting and finance exit exam 2016 E.C.pdf
Accounting and finance exit exam 2016 E.C.pdf
YibeltalNibretu
 

Recently uploaded (20)

Matatag-Curriculum and the 21st Century Skills Presentation.pptx
Matatag-Curriculum and the 21st Century Skills Presentation.pptxMatatag-Curriculum and the 21st Century Skills Presentation.pptx
Matatag-Curriculum and the 21st Century Skills Presentation.pptx
 
Fish and Chips - have they had their chips
Fish and Chips - have they had their chipsFish and Chips - have they had their chips
Fish and Chips - have they had their chips
 
Industrial Training Report- AKTU Industrial Training Report
Industrial Training Report- AKTU Industrial Training ReportIndustrial Training Report- AKTU Industrial Training Report
Industrial Training Report- AKTU Industrial Training Report
 
[GDSC YCCE] Build with AI Online Presentation
[GDSC YCCE] Build with AI Online Presentation[GDSC YCCE] Build with AI Online Presentation
[GDSC YCCE] Build with AI Online Presentation
 
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptxMARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
 
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptxStudents, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
 
PART A. Introduction to Costumer Service
PART A. Introduction to Costumer ServicePART A. Introduction to Costumer Service
PART A. Introduction to Costumer Service
 
Danh sách HSG Bộ môn cấp trường - Cấp THPT.pdf
Danh sách HSG Bộ môn cấp trường - Cấp THPT.pdfDanh sách HSG Bộ môn cấp trường - Cấp THPT.pdf
Danh sách HSG Bộ môn cấp trường - Cấp THPT.pdf
 
Basic Civil Engg Notes_Chapter-6_Environment Pollution & Engineering
Basic Civil Engg Notes_Chapter-6_Environment Pollution & EngineeringBasic Civil Engg Notes_Chapter-6_Environment Pollution & Engineering
Basic Civil Engg Notes_Chapter-6_Environment Pollution & Engineering
 
Sectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdfSectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdf
 
The Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve ThomasonThe Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve Thomason
 
Application of Matrices in real life. Presentation on application of matrices
Application of Matrices in real life. Presentation on application of matricesApplication of Matrices in real life. Presentation on application of matrices
Application of Matrices in real life. Presentation on application of matrices
 
How to Split Bills in the Odoo 17 POS Module
How to Split Bills in the Odoo 17 POS ModuleHow to Split Bills in the Odoo 17 POS Module
How to Split Bills in the Odoo 17 POS Module
 
Gyanartha SciBizTech Quiz slideshare.pptx
Gyanartha SciBizTech Quiz slideshare.pptxGyanartha SciBizTech Quiz slideshare.pptx
Gyanartha SciBizTech Quiz slideshare.pptx
 
Accounting and finance exit exam 2016 E.C.pdf
Accounting and finance exit exam 2016 E.C.pdfAccounting and finance exit exam 2016 E.C.pdf
Accounting and finance exit exam 2016 E.C.pdf
 
2024_Student Session 2_ Set Plan Preparation.pptx
2024_Student Session 2_ Set Plan Preparation.pptx2024_Student Session 2_ Set Plan Preparation.pptx
2024_Student Session 2_ Set Plan Preparation.pptx
 
Operations Management - Book1.p - Dr. Abdulfatah A. Salem
Operations Management - Book1.p  - Dr. Abdulfatah A. SalemOperations Management - Book1.p  - Dr. Abdulfatah A. Salem
Operations Management - Book1.p - Dr. Abdulfatah A. Salem
 
Jose-Rizal-and-Philippine-Nationalism-National-Symbol-2.pptx
Jose-Rizal-and-Philippine-Nationalism-National-Symbol-2.pptxJose-Rizal-and-Philippine-Nationalism-National-Symbol-2.pptx
Jose-Rizal-and-Philippine-Nationalism-National-Symbol-2.pptx
 
Advances in production technology of Grapes.pdf
Advances in production technology of Grapes.pdfAdvances in production technology of Grapes.pdf
Advances in production technology of Grapes.pdf
 
Forest and Wildlife Resources Class 10 Free Study Material PDF
Forest and Wildlife Resources Class 10 Free Study Material PDFForest and Wildlife Resources Class 10 Free Study Material PDF
Forest and Wildlife Resources Class 10 Free Study Material PDF
 

Aj slideshow for CS 443

  • 1. Alicia Johnson Cis Portfolio
  • 2. Usability Usability is a quality attribute that assesses how easy user interfaces are to use. The word "usability" also refers to methods for improving ease-of-use during the design process. Usability and utility are equally important and together determine whether something is useful: It matters little that something is easy if it's not what you want. It's also no good if the system can hypothetically do what you want, but you can't make it happen because the user interface is too difficult. To study a design's utility, you can use the same user research methods that improve usability.On the Web, usability is a necessary condition for survival. If a website is difficult to use, people leave. If the homepage fails to clearly state what a company offers and what users can do on the site, people leave. If users get lost on a website, they leave. If a website's information is hard to read or doesn't answer users' key questions, they leave. Note a pattern here? There's no such thing as a user reading a website manual or otherwise spending much time trying to figure out an interface. There are plenty of other websites available; leaving is the first line of defense when users encounter a difficulty.The first law of e-commerce is that if users cannot find the product, they cannot buy it either. For intranets, usability is a matter of employee productivity. Time users waste being lost on your intranet or pondering difficult instructions
  • 3. Usability Cont…. There are plenty of other websites available; leaving is the first line of defense when users encounter a difficulty.The first law of e-commerce is that if users cannot find the product, they cannot buy it either. For intranets, usability is a matter of employee productivity. Time users waste being lost on your intranet or pondering difficult instructions is money you waste by paying them to be at work without getting work done. Current best practices call for spending about 10% of a design project's budget on usability. On average, this will more than double a website's desired quality metrics and slightly less than double an intranet's quality metrics. For software and physical products, the improvements are typically smaller — but still substantial — when you emphasize usability in the design process. For internal design projects, think of doubling usability as cutting training budgets in half and doubling the number of transactions employees perform per hour. For external designs, think of doubling sales, doubling the number of registered users or customer leads, or doubling whatever other desired goal motivated your design project. From the user’s perspective, usability is important because it can make the difference between performing a task accurately and completely or not, and enjoying the process or being frustrated. From the developer’s perspective, usability i
  • 4. Usability Cont…. From the user’s perspective, usability is important because it can make the difference between performing a task accurately and completely or not, and enjoying the process or being frustrated. From the developer’s perspective, usability is important because it can mean the difference between the success or failure of a system. From a management point of view, software with poor usability can reduce the productivity of the workforce to a level of performance worse than without the system. In all cases, lack of usability can cost time and effort and can greatly determine the success or failure of a system. Given a choice, people tend to buy systems that are more user-friendly. Giving with ADA is goes hand and hand. The ADA law it's self help businesses be required to have certain elements in order for the it to be accessible which shows usability. Certain things like ramp walk ways, elevators, censored doors, text to speech on computers even electronic devices , touch screen capability. The ADA law made it a requirement for systems, business, design plan and many more technical things have where any one can use. I choose these examples because I feel these are main ones you see mostly everyday no matter where you go.
  • 5. Fonts ● A font is a specific type of lettering and numbering design that you use in composing a written document. The words you are reading in this article are set in a particular font style used extensively by Monster.ca. ● Fonts come in distinct families. They differ in terms of their look and other qualities, such as size, weight and spacing. Font Readability When you submit your resume in response to a job posting, your document will either be read directly by people, or will get scanned first into an electronic applicant tracking system. In either case it’s vital that the fonts you use make your words easy to interpret. Simple, clean fonts like Arial or Verdana guarantee the readability of your text. More ornate fonts, such as those named Informal, Roman, or Chiller, may give your document more personality. They will certainly stand out from ordinary typefaces. However they may also make the reader strain their eyes, or the letters may not be correctly interpreted by scanners. This can drop your resume to the bottom of the pile.
  • 6. Fonts Cont... There are two main categories of typefaces. One is called Serif, the other is Sans Serif. Serif fonts tend to be more stylized. They all have little markings, curves or hooks as part of their design. Here are some examples of Serif font families: Times New Roman Ex : This is what Times New Roman font ooks like. Bookman Old Style Century Because Serif fonts are not as sleek as Sans Serif typefaces, you should consider avoiding their use in job applications. They can cause scanning software to make errors and reject your resume. As for Sans Serifs (which literally means “without serifs”), Arial is the most common family of fonts. It appears often in resumes. Arial is sleek and clean. It does not cause eye strain or scanning hiccups. The following type examples are from the Sans Serif category: Arial Ex: This is what arial font looks like. Segoe UI Semibold Verdana Ex: This is what Verdana font looks like.
  • 7. ● refers to the arrangement or presentation of elements in a way that implies importance.[1] In other words, visual hierarchy influences the order in which the human eye perceives what it sees. This order is created by the visual contrast between forms in a field of perception. Objects with highest contrast to their surroundings are recognized first by the human mind. The term visual hierarchy is used most frequently in the discourse of the visual arts fields, notably so within the field of graphic design. ● Example of visual hierarchy is my title for the slide. Its stand out more to the readers and catches ones attention because of its size and clearance of the title itself. ● is based in Gestalt psychological theory, an early 20th-century German theory that proposes that the human brain has innate organizing tendencies that “structure individual elements, shapes or forms into a coherent, organized whole.” [2] The German word Gestalt translates into “form,” “pattern,” or “shape” in English.[3] When an element in a visual field disconnects from the ‘whole’ created by the brain’s perceptual organization, it “stands out” to the viewer. The shapes that disconnect most severely from their surroundings stand out the most.
  • 8. Example of Visual Hierarchy ...