32
HELSINKI UNIVERSITY OF TECHNOLOGY !" #$% &"$ "’(($$"$(

Introduction to usability · 2016. 1. 28. · HELSINKIhUNIVERSITY OF TECHNOLOGY $ $" $ ˘ ˇˆ ˙ ˝ ˛ Valokuvat: CNN 3,000 or so people might have made the mistake of voting for

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

  • ��������������������������������������������

    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�

    � �"���������������������������"�������!������"�����������"����������������!���"���������

    �"�����!���������:

  • ��������������������������������������������

    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++ 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�

    "�'((

    $�����$���(��!���(������������$"��