Designing an object to be simple and clear takes at least twice as long as the usual way. It requires concentration at the outset on how a clear and simple system would work, followed by the steps required to make it come out that way - steps which are

1
????? ???? ?????? ?????????????? ???? ?? ?????
???-????
???? ????? ????? ??????? ????? ???????? ????
???? ???? ???? ????? ????? ?????
?????? ??????????? ?????? ????????
2
Designing an object to be simple and clear takes
at least twice as long as the usual way. It
requires concentration at the outset on how a
clear and simple system would work, followed by
the steps required to make it come out that way -
steps which are often much harder and more
complex than the ordinary ones. It also requires
relentless pursuit of that simplicity even when
obstacles apper which would seem to stand in the
way of the simplicity. T. H. Nelson, The home
computer Revolution, 1977

3
????? ????? ???-???? - ???????????

• CHI - Computer Human Interface
• GUI - Graphical User Interface
• CMI - Computer Machine Interface
• Graphical Design
• Screen Design
• Design for Computer-Based Environments
• UID - User Interface Design

4
????? ????? ???-????

• ??????????
• ?????? ??????
• ?????? ?????? (html)
• ?????? ?????
• ?????? ?????????? (????? ????)

5
????? ??????

• ????? ?????? ?????? ????
• ????? ???? ???????????
• ?????
• ?????????
• ????? ???????
• ????? ??? ????? ??????????? ?????? ?????

6
????? ?????? ?????? ????

• ????? ???? / ????
• ??? ????
• ??? ??????
• ????? ??? ?????? (?????????, ??????????)
• ????? ???????
• ???????? ?????? / ??????? ??????
• ????? ???? ?????
• ?????? ?????? / ?????? ?????

7
????? ?????? ?????? ???? - ?????

• ??? ??? ???? ????? ?? ?????? ?????
• ??? ?????? ?????? (?????? ??????? ???????)
• ??? ?????? ????? ???????? ???? ??????
• ??????? ?????????? ?? ????????
• ????? ???? ????? ???

8
??? ????? ???? ??????????

• ????? ????? ????? ?? ???? ?????
• ????? ????? ???????? ??????? ?????? ??????????
  ?? ??????
• ??? ???? ?????? ?????? ??????? ????
• ??????? ?????????? ?? ???????? ????? ?????
• ?? ???? (????) ???? ?? ????

9
??? ????? ???? ??????????

???? ???? ??????? - ??? ???? ?????
???? ????
10
??? ????? ???? ??????????

???????? ????? ????? ??????
???? ???? ????
11
??? ????? ???? ??????????

????? ?? ???? ???? ?????? ????????
???? ????? ?? ?????
12
??? ????? ???? ??????????

13
??? ??????

• ????? ???? ??????
• ????? ????? ?? ????? ?? ?????
• ????? ??????? ??????
• ????? ?????? ????? ?? ????? ??????
• ????? ??????? ????????? ?? ????? ??????
• ????? ???? ????? ????? ??????? ?????

14
??? ??????
????? ??? ?? ?????? ??? ????????

15
??? ?????? - ??????

16
??? ??????????

• ????? ?? ???????? ????? ?????? ??? ?????
• ?????? ????? ??????
• ????? ???? ?? ???????? ??????? ????

17
??? ?????? ????? ????????

• ?????? ??? ?????
• ????? ?? ??? ?????? ????????
• ????? ???? ??? ?? ????

18
?????? - ????? ???? ???
19
?????? ?????? ?????

• ??????? ??????? ?? ????? ???? ???? (??? ????
  ????)
• ?????? (????????) ?????? ????? ?????? ?????
• ???? ????? ???? ???? ???? ???? ????? ????????
  ?????
• ?? ?????? ????? ???? ?? ??? ????? ????? ????
  ????
• ???????? ????? ??? ???? ?? ?????? ????
• ???????? ??????? ????? ????? ?????
• ???? ???? ???? ??????

20
???????
21
???????
22
???????
23
???????
24
???????????

• Designing the User Interface , third edition,
  Ben Shneiderman (ISBN 0-201-69497-2) published
  by Addison Wesley Longman, Inc.
  http//www.aw.com/DTUI
• HCIL Lab - http//www.cs.umd.edu/projects/hcil
• ????? ???? ?????? ????? / ???? ????)
• User Interface Design for WWW-Based Courses
• Design Methodology for A Web-Based Learning
  Environment
• Yale C-AIM Web Style Guide

25
There is a great satisfaction in building good
tools for other people to use. Freeman Dyson,
Disturbing the Universe, 1979 Through even the
smallest window the eye can reach the most
distant horizon. A. Bergman, Visual Realities,
1992