�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
�������������� �������������
�����������
������������������������������������������������������� ��������������������������������������
������ �����!������������"������
#�� �$%�������&"�$��"�'(($������$"�$��(��������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
�������������������
Valokuvat: CNN
3,000 or so people might have made the mistake of voting for Pat Buchanan when they meant to vote for Al Gore. But why would a much larger number of people--19,120 out of 461,988 who voted--invalidate their ballots by voting for two candidates for president?
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
���� � ����������Faulty visual cues: On the ballot, small black arrows point to the holes that should be punched for each candidate. However, the lines that separate the candidates also correspond to specific holes. For instance, the line separating the words "Dick Cheney" and (DEMOCRATIC) points to the hole for Pat Buchanan. It is conceivable that voters may have viewed the word (DEMOCRATIC) as a label for that line which points to the appropriate hole for casting a democratic vote.
A heavy line outlines the area that contains the label "ELECTORS FOR PRESIDENT AND VICE PRESIDENT" and the candidates on the left side of the page. This heavy line creates a box around the label and these candidates, but there is no continuation of the box outline on the right hand page. Given this configuration, a variety of universally accepted laws of human perception invite the incorrect interpretation that the box on the left page contains all of thecandidates for the stated office.
These Gestalt principles, first documented by Wertheimer (1923), include the following: The Law of Proximity- Elements that are closer together (e.g., on a single page) tend to be perceived as a groupThe Law of Closure-Stimuli tend to be grouped into complete figures (e.g., a box)The Law of Good Continuation- Stimuli tend to be grouped so as to minimize change or discontinuity (e.g., of the box outline or the page)The Law of Simplicity-Ambiguous stimuli tend to be resolved in favor of the simplest organization.
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
!������� ��"�� � ��
Additional discussionhttp://stc.org/pics/usability/topics/
http://www.modestsystems.com/florida_ballot.htm
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
����� ���!������� ��
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
Contents of the Presentation
�)!��!������"��������������������
�#�����"�����������������������
���������������������'�������������!����������"���
� ����������������������������������������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
������� � ��#�$ ���� �$�
� *���"�������"��+,-����"��������������������!�����!��������"���� �������������������������������"������������� ������������������$�.����������"�������/� ���"�������������0����������/� ���"��������"�����������/�����������"����%������������%����1++1�$��
� 23-��������������������������������������������������4��������5������63-���������������������������������������#���������#�.�����1++75����������1++6�
"�'(($�����$���(��!���(������������$"��
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
������� � ��#�$ ���� �$�%����&'
� 87-������������������9�����!������"�����������������������"�"�����:����������������������������������������������������;������ �����������1++6�
� �"���������������������������"�������!������"�����������"����������������!���"����������"�����!���������:<=83-����"���������!������"������������#������� ����$�1++3�
"�'(($�����$���(��!���(������������$"��
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
���� � ��
� ���������������������"��!�����������!�����������������������������/���������$�$��"�����������������"���"�����������������������"���������"�����4���������0�������������"��"�"�������"������������$�
� �"������������������������������������������������������������!�������/�������������"��������$
"�'(($�����$���(��!���(������������$"���*"������>$5�24-Oct-2001�
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
���� � ��%(")��*����'
User
Task
Tools
Environment
Goals
Effectiveness
Efficiency
SatisfactionContext of Use
Product Usabilitymetrics
Resultof
interaction
Intendedoutcome
Usability
�����������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
���� � ��%+ ��������,'
SystemAcceptability
SocialAcceptability
PracticalAcceptability
Price
Compatibility
Reliability
etc.
Utility
Functional and OrganisationalUtility
Usability Learnability
Effective to use
Easy to remember
Few Errors
Subjectivelypleasant
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
-�(. - ������� ���(������� ��
http://www.acm.org/sigchi/cdg/figure_1.gifACM SIGCHI Curricula for
Human-Computer Interaction
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
"�� �� ����(������� ��(Norman 1986)
Mental Models- Background
knowledge- Experience
Evaluation
Goals
Execution
Physicalsystem,state andenvironment
Perception
Interpretation
Evaluation
IntentionsAction specification
Execution ofactions
System Model- functionality
�����������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
���� � ��#�$ ���� �$�?�0���@�?������1++<�
�� �������������������������������������� ����������������������� ��������
�� �������������������������������������� ����������������������� ��������
�����������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
������ �� �$���� � ��
t
f,u100%
Usability G
ap
uf
u
Usabilityadvantage
�����������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
User / Environment profilesTask AnalysisCriteria for Goals
/�� ����� � ��#�$ ���� �$��������?�0���@�?������1++<�
1 A���������������������������������6 ���"��4������!����!�������������������������������"�������������������������=> usability specification, test plan
7 ����"������������������������������
: B�������"������������������=> problem descriptions and prioritisation
, B�������"�����������������������������������=> impact analysis
8 ��������������������!���������� �������� �����������������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
(")�,*�0Identify need for human-centred
design
System meets specified functional, user, and
organisational requirements
Understand and specify the
context of use
Specify the user and organizational
requirements
Produce design
solutions
Evaluate designs against
requirements
�����������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
���� � ��#�$ ���� �$.!�(���$��������������������
V1 V2 V3 V4 V5
User detection & segmentsUser characteristicsTask analysisContext / situation analysisUsability goals
Style guidesCheck-lists
Heuristic rulesCognitive walkthrough
Small usability testUsability goals
Usability testsComparison of results
to usability goals
Reviews
RequirementsDefinition
Design andImplementation
Testing Follow-up
Customer/user feedback
ALL THE WAY TO DEVELOPERS!
Gathering of user and usage information
ProductionDeliveryDeployment
���������"�'(($����������$���(��"���
�����������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
�������������1
�������� ������������ ��������������������������
� ?"�����������������"���������C� ?"�� ������������������"�("�C� ?"��������"�("�����������"��������C� ���"��������������"�("��������"��������C� ���������"�("�����������"��������C
������������������������������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
������ �$�����23��4�2��" � �� ���
� ?"������"��������������������"�����������������!�������C
� ������������"����������������C�� ?"������"������������������C� B���"��������������������C�B���"����������������������"��������C
� ?"���� ������������������"�����������(���������"��������C
� D������'�?"������������������"��������C�?"�����"�������"��"������������������"��������C
�����������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
������������� ��� ��%/������5�'
�"#6�!3!� ��������"�����������������
� ������������������������������
� B!����������(����������� .��������"������������������������$�
7)/�-!6!�3#6("3(�"� >������������������� #�������!����� #�������������������� *���������������� *������������� ��"������� �����(�4������ �����!������
�"#6/!�896)�+�� *���!������������(� ��������(��0��������
� *���!���� ����� *���!����������
�"!9#�)+"36!(+3"� E��������!�$�������������� #��!�����!�$���=���!����
�#6")+!:�6#;#6#+�#"!+�36!(3"
� ;������������� ����������������� B��"��������������� ���������������� �"�����������
�����������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
3��4!����� �%/������5�'
9)!:"� ����������������������
�������������������� �
��������� �����������
3!"8(+36(+"(�"� ��� ����������� ���������������� ������������������������ )���������������������@�
������� ��������������������������
�����������!���� ������������ �4������
3!"8�#�#+�#+�<!+��6(3(�!:(3<
� A��������������"����� ��@�������
� .���������������� .�������������� ������ �����
�����������
��66#+3�"#6�6)/:#="
�#6;)6=!+�#�6(3#6(!� �������B���������F�����
3!"8�6(3#6(!� ��4����������4������@�
�������������������� D�����������������"����
������������� B!���������������������� D��0������������������
�"#6�("�6#3()+� .���"�����������������
�����������������������@����������C
3!"8�#=!+�"� �"�������������������
.�����!�����!���������� ����"�����������
��4��������
�����������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
" � �� ����!����� �%���/������5�'
#>�(�=#+3�"���4�������� �������������������������������� ������������������������� �����
"�66)�+�(+9"� �"���������!�������� ���������!�������� ."���������������������
�):(�<� ."���������������������������������������
!?!(:!/(:(3<� ������������ ����������������� ������������������ ��������������
)?#6:)!�"� ��������������(���"�������������������
� ������"������������������������������$
(+3#66��3()+"� ������������ ���� "�����������(�������� ��������4�����
�����������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
> ��� ��" �����
� ?"�������"�������������C�� ?"�("�����"��"���������������������C����"����!����������"�������������������C�
� ?"������"�����������"��������C� ?"������"�������G ��������(����C�?"������"�������G �����C
� ?"���������������������������"��!�C�� ?"�����������"��������"�!�C�
� ���"�������������"�������������C�� ?"��"������������������������������C�������"������!��!�C����"�����������"���� ����"�������������������C�?"���"���������"���������"����������� �����������"�������������C�?"�����"��������������������C
� ?"������������������������"���������"��������C� �0��������C���������C�?"�����������������%)��������C
� ����"�����"������������!��"����������"�������������C
�����������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
���� � ��9���=��� @�����?"�������@���$�1+22�
Usabilityfactor
Measured through Measurementunit
Worstlevel
Planned (goal) level
Bestlevel
Currentsituation
Initial feelingsabout the system
Amount ofusers
50 %neg.
90 %pos.
100%pos.
Learnability Training time time 1 day+ trainer
1 h+ trainer
1 h(w/o trainer)
MemorabilityUser remembersthe elements in theuser interface w/o help
Amountof users
70 %remembers
4 / 7
90 %remembers
6 / 7
100 %remembers
7 / 7
User ErrorsTask: find a person’sphone number
Amount oferrors 4 0 0
Effectiveness
Task: answer to theinquiry about a person’sphone number
elapsed time 30 sec 7 sec 3 sec
Satisfaction
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
���� � ��#��� �� ��
� ����������!���������%�������@�#����"�1++3�� �"��������� �"�H���������"���H �� ��%������G��13�"�������������� ���������������������!������G���0��������
� .�����!���� "����"���������;����@�*������1++6�� �"��������� ��������������������������������� "����"5�"��������������!���"��"�����������"��������� �������
� ��� ����!���������"�����������������������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
-� � �� �6 ���%+ �����'
� E����������������������� #��"�����������������"�����������
� ������������������������ .����������������������� ���������!������ *������������"���"���������
� D��0����������������������������
� B��"������������������������
� ������������������I���������������������!��������������
� ��������������������
"�'(($����$���(������("�������("�������J���$"��
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
���� � ��> ��� ���� ���
� ��#��= ����������������#������������!������!"��������������������������������������#������������������������#��������������������$�������������!
"�'(($���$��("���(4������������(����(
� *����=�=����.����������������������F������������� �������'�;�����>$�*$��1++,�'�"�'(($���$���(K�������(4������$���C����L.��F
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
(�������A)����������� ���A���� � ��3��� �$
� �"������"������������� ����!��������������!��������"��������0��"���������"������ ����"��������������������������"������!����������������$�
� A����"����������"����������������!�����"��������������������������!����"��������������������� "�'(($����������$���(��"���(��4��������(����0�����4����$���
� �$�$�.���0������4������ "�'((9"��$���$!"$��(��������(����0$"�
� ���������������������!��������"��� ������������!������������"�������!�����!���������� ������� �����������"��������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
���� � ��3���
�� )����!����)����!����
�� *���*����� �� ��� �
�� ����������
�� ����������������
��������������������
��������������������������
������������������
������������������
�� �"�� ����������"�� ���������
�� E���������E���������
�� *�����'�*�����'��� ��������������������������
����������
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
9������/ � ����/���� �������� � ��
� ����������������������������(��!�������������������������������������� �
� ���������������������������4��������������������
� ���������������������������������"������������������
� �������������������������������������"���������!�����������������
� ��������������!�����������*����������!�����
"�'(($�����$���(��!���(������������$"��
�������������� ������������������������������
HELSINKI UNIVERSITY OF TECHNOLOGY
$������$"�$��
�� � �������� � ��#�$ ���� �$
� ���������������������"���������������������������"��������=��!������������������!���77=,3-�� ����1++1�
� A�������"����������������������� ���� #����������������!������������������+$8�������������� ���"����9���������������!�������� #����M8$2�#����������1++1��������N����1++3�
"�'(($�����$���(��!���(������������$"��