The document discusses various aspects of usability and web design. It defines usability as ensuring a website is easy to use by its intended audience. It highlights the importance of usability, giving examples of problems that occur when usability is not considered. It provides tips for improving usability, such as using clear titles and writing simply for web readers. It also warns against design elements that can hurt usability, such as flashing content, auto-playing music, and browser incompatibility.
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
SFDV2001 Lecture 9 Usability Identifying Good Bad Ugly
1. Lecture 9: Usability Identifying the Good, the Bad and the Ugly. SFDV2001 Web Development
2. But first: Clickers You should all now have a clicker - a bright orange remote control. You are going to use these remote controls to answer questions in lectures. This means you can test your knowledge and we know when to spend more time on a concept. When I present a question, you aim your clicker at a receiver and press the button on the remote which corresponds to the answer you think is correct. Easy! Let’s try it.
3. What is usability? Usability is a quality used to refer to an interface’s ease of use. Usability is about ensuring that something you create is usable. Usable not by you, but by the intended audience. Why should we care about usability? Because if you don’t people won’t want to use your site. Remember there are millions of other web sites to use and they are all just a few clicks away.
4. The San Jose Police Force installed a new dispatch system in its patrol cars. Officers claim the system is too complex and difficult to use. A non-web example: Many of these “usability problems” are just old people not coping with technology. Younger people have no problems coping. Right? Wrong! Studies shows that teenagers are less web-savvy than their parents.
5. Accessibility is about measures you can take to make your pages easier to use for people with disabilities. Usability is about enhancing the experience for all users. Design is used rather openly with regard to web pages and people often really mean development (your textbook is a classic case). Usability, accessibility, design… what’s the difference? Usability Accessibility Design Development
6.
7. When we click on a result from our query we normally don’t know what we will be confronted with. One of the first questions we may ask ourselves upon arrival is: What is this about? First Impressions: Often when we want to find information on the web, we use a search engine to find a list of sites that possibly contain the information we are looking for. You should be able to look at the home page of any site and figure out what the site is about within four seconds. If you can't, your site has failed. - Vincent Flanders ( Web Pages that Suck )
8.
9. A (very) few companies can get away with not being explicit: http://www.cocacola.com/ http://www.mcdonalds.com/ But it wouldn’t hurt for them to say who they are and what they do. A product or company may be familiar in one particular culture, but the potential audience for web pages is world wide.
10.
11.
12.
13.
14.
15. Backgrounds Flashing things Entrance pages Flash Intros Be careful with: Avoid: Music that starts up without warning Pop-up windows Required plug-ins
16. Anyone who slaps a 'this page is best viewed with Browser X' label on a Web page appears to be yearning for the bad old days, before the Web, when you had very little chance of reading a document written on another computer, another word processor, or another network. -Tim Berners-Lee in Technology Review, July 1996 “ The site is best viewed in Internet Explorer because I am too lazy to test it in anything else.” “ We can not be bothered to validate our HTML or look at the page in another browser.” Browser requirements
17. Your pages will not look the same in every browser. But they can be usable in every browser. [Change images as needed] The web isn’t like print
18.
19.
20. It's easy to make things difficult, but it's difficult to make things easy. Learn the rules so you know how to break them properly. - Dali Lama
21. Recommended sites: Dey Alexander (user experience design specialist) http://www.deyalexander.com/ Jakob Nielsen’s website http://www.useit.com/ Vincent Flanders’ Web Pages That Suck http://www.webpagesthatsuck.com/ Further reading: Don’t Make Me Think by Steve Krug Web Bloopers by Jeff Johnson
22.
Notas del editor
Project 1 (and project 2) application of these concepts is very Important.
From The New York Times: One officer commented on the new process of calling for backup: “ Do you think that if you’re hunkered down and someone’s shooting at you in your car, you’re going to be able to sit there and look for Control or Alt or Function?” The users of the new system say they weren’t consulted about it’s design. Two studies by the Nielsen Norman Group. One with adults, one with teens (13-17). Participants of both studies were assigned tasks to complete at 23 web sites of well-known companies. Teens completed these tasks 55% of the time. Adults completed 66% of the time. Teens didn’t cope as well because their reading and research skills are poorer and lack perseverance by comparison to the adult participants.
Development - Coding, technical construction. In many respects the “easy bit”. You can be completely devoid of usability, accessibility and design skills amd still be a competent developer. Design - considering aesthetic , functional and many other aspects of an object.
Rules for personal sites are generally laxer but if you are working on something purely for your use, why publish it on the web? The act of placing something on the web invites an audience. Personal web sites can be read by potential employers. Commercial sites need to care about usability most - their viability relies on their ability to attract customers. Clubs and societies may have a reasonably limited audience and may wish to tailor their content to members.
Tip: Hold your breath while you page loads.
Coca-cola - The Gods Must Be Crazy (1980): A Sho in the Kalahari desert encounters technology for the first time--in the shape of a Coke bottle. He takes it back to his people, and they use it for many tasks. The people start to fight over it, so he decides to return it to the God--where he thinks it came from.
What’s the point of putting content on the web? To inform To advertise something To sell something To display your artistic ability To mislead
Not including a title/leaving the default title, is a very common bad habit. Do a search for allintitle: untitled document in Google. Titles used as default bookmark text by many browsers.
Do parts of a site contradict each other? Dunedin SPCA hides it’s open hours. The Art Gallery maybe doesn’t really make it obvious enough. The Public Library gives what we’d expect.