UI Hall of Fame/Shame

1
UI Hall of Fame/Shame

• Puja Das
• Human Computer Interaction
• 11th October 2006

2
Hall of Fame
3
Macromedia Dreamweaver MX 2004

• Dreamweaver MX 2004 is a professional HTML editor
  for designing, coding, and developing wesites,
  web pages and web applications.
• It is suitable for people who prefer to deal with
  code directly and also those who prefer to work
  in a visual editing environment.
• It provides facility for users to build database
  backed webpages using server languages like ASP,
  ASP.NET, JSP, PHP etc.

4
(No Transcript)
5

• Allows users to create static as well as dynamic
  pages. Based on the user preference templates of
  pages are provided. Thus no need of writing
  elementary code for expert users. Automatic
  addition of tags and scriptlets.
• Simple and intuitive menu provided for web
  designing. Items can be dragged and dropped while
  their code gets generated in the back end. No
  need to deal with complex code. Gives better
  readability.
• Unlike FrontPage, when the designed webpage is
  displayed in the browser it appears exactly as it
  was designed.
• The page space has been efficiently and
  effectively utilized. The menu and the toolbar
  are very intuitive. They have resemblance to word
  processors like MS Word make it easy to use.
• Creation of frames, tables which require
  memorizing of code can be done very easily with
  the design view.
• There is a property inspector where property of
  every selected item can be edited and modified.
  The right portion consists of the panel groups
  which can be expanded according to requirements
  of users. The Files panel enables you to manage
  your files and folders, whether they are part of
  a Dreamweaver site or on a remote server.

6
(No Transcript)
7
(No Transcript)
8

• The view menu allows different views- design,
  code and split. The moment you select an object
  in the design view , if you switch to the code
  view, its code also gets selected. So no hassle
  looking all over for code.
• A file tab allows the user to open multiple files
  at the same time and navigate between them.
• On selecting an element in the Design view, its
  editable properties get displayed that is the
  ones which are not are grayed out.
• There is a lot of inbuilt help for expert users.
  The line numbers help in debugging. Automatic
  ending of tags and selection of codes facilitate
  coding.
• Incorporation of colors in the keywords and
  snippets of code facilitate error handling.
• Even in complex coding like JSP, values of hidden
  variables can be passed using the design view
  only.

9
(No Transcript)
10
(No Transcript)
11
Hall of Shame
12
Ad-Aware SE Personal

• Free spyware detection software from Lavasoft,
  has the ability to scan RAM, Registry, hard
  drives, and external storage devices for known
  data-mining, advertising, and tracking
  components.
• It aims at giving higher degree of privacy while
  surfing the net.

13

• Evaluation based on Usability Goals
• Effectiveness
• In some cases it has been found that it has been
  unable to stop installation of tool bars and
  other hijacking software.
• Oddly there are large buttons on the top but have
  to scroll over them to find out what they do.
• There are ambiguous terms like Objects
  recognized and Crtitical objects. The
  difference in their meaning is not clear. Another
  example- negligible risk entries and low risk
  threats.
• When the cursor is moved over the Cancel button
  to stop the scan process, it takes time for the
  button to turn onto clickable form.
• No way to come back to the scan screen, once you
  navigate using the Next button. User might not
  be able to complete tasks.
• No intuitive way of adding Add-ons until you
  discover the method accidentally.

14
(No Transcript)
15
(No Transcript)
16
(No Transcript)
17
(No Transcript)
18

• Efficiency
• No remove all or check all button.
• The space on the screen is not being used while
  the entries are too small.
• There are multiple options for performing the
  same function. This confuses the user.
• Safety
• The Delete Archives and Delete All Archives are
  close together.
• Usability principles
• Poor visibility.
• The font for important actions are painfully
  small.

19
(No Transcript)
20

• There are instructions regarding options which
  are not visible to users.
• The buttons look enabled even if they are
  disabled.
• Consistency
• Entries appear as hyperlinks.
• Different sort of check buttons, not at all
  intuitive.
• Usually on selecting an entry, if you click
  outside it gets deselected, here you have to
  double click outside.
• The configuration button and customizing scan
  options lead to the same set of settings.
• Affordances
• In the Quarantine list, the table headings appear
  clickable, but why?

21
(No Transcript)
22
(No Transcript)
23
(No Transcript)
24
(No Transcript)
25
(No Transcript)