The document discusses concepts for designing user interfaces. It emphasizes keeping interfaces simple, consistent and intuitive for users. Key points discussed include using logical grouping and ordering of elements, defining unique meanings and relationships between elements, and providing multiple access points and levels of complexity tailored to user needs and tasks. An example use case on touch functionality highlights considerations for consistency across devices and usability of drag-and-drop interactions. The overall message is that the design should be driven by the user experience and making essential information and functions easy to access and understand.

1. space-x 20101026
diana frank
you see what you know
you see what you know by diana frank

2. space-x 20101026
you see what you know
challenging situations
providing information, some aspects
how to decode information
follow the line
or enjoy to get lost
the more i see the less i know...
you see what you know by diana frank

3. space-x 20101026
you see what you know
and what you want to see…
what you need to see…
what you expect to see…
or what ever is loud enough to get you attention.
you see what you know by diana frank

4. space-x 20101026
design driven process
– discover needs
– develop suitable services and products
– create value-added services and functions
you see what you know by diana frank

5. space-x 20101026
basic demands for services
– need
– ease of use
– joy of use
you see what you know by diana frank

6. space-x 20101026
so do you know what you see?
– it depends on your expericence
– if it compatible to your learned systems
– if it within the range of you expectations
you see what you know by diana frank

7. sign09 20091210
challenging situations
– easier to handle with proper communication
– need support by a clear hierarchy of information
– seeking for logical systems and a big picture
orientation by context, not by text by diana frank

8. space-x 20101026
you see what you know by diana frank

9. space-x 20101026
should i stay
or should i go?
you see what you know by diana frank

10. space-x 20101026
should i stay
or shoud i go?
you see what you know by diana frank

11. space-x 20101026
you see what you know by diana frank

12. space-x 20101026
should i stay
or shoud i go?
you see what you know by diana frank

13. space-x 20101026
you see what you know by diana frank

14. space-x 20101026
official signage
for gates?
you see what you know by diana frank

15. space-x 20101026
should i stay
or shoud i go?
you see what you know by diana frank

16. space-x 20101026
assisting signs
you see what you know by diana frank

17. space-x 20101026
providing infomation
to address different demands
– think about enjoyable options of using something
– offer at least two options next to the basic function
– ease of use should remain the overall demand
you see what you know by diana frank

18. space-x 20101026
Aspects to consider to provide a consistent user interface and keep things simple and easy
theory and general demands
never forget
fundamental aspects
elements complexity grouping of content semantics users point of view
B D
think about similar principle of Take care about B need
every element B Time and date for
proximity, interest
needs to have an metaphors sense and refer- demand
sending
and meaning E ence desire
unique meaning in use case and and
handling of elements take care about
schedule for SMS, send What will be the key
elements on their
messages anddemand feature for the user?
relations
elements shouldC D
reduce complexity no group should Relationship of clear story C
appear always inD have more than
elements and user
interaction:
make it as simple as Can the user follow the
a logical order possible, but take care 5-7 elements plotline to manage all
(from the users point take care about the
about relations and ratio of what happens important features he
of view not from a explain what to do if it (optimize for groups of needs?
technical point of view) 3 to 5 elements) and where it happens.
is not obvious.
providlist of last C
Place elements and options of use
show e orientation
distinguish between
offer options but functions always on
do not confuse. the most useful place Provide the user
numbers used
to make sure what’s function groups E
regarding the task they different levels of
next (for the user) options should only be and needs to fulfill. complexity (if useful)
(history list) offered if the user will and different access
benefit from.
process steps points to key features.
CONDESK-16
you see what you know by diana frank

19. space-x 20101026
Use case sample: touch functionality
theory and general demands
never forget
fundamental aspects
general aspects multipurpose touch functionality widgets for mobile drag’n’drop
think about similar Definition of frames
clear definition metaphors in use
keep touch and white space and implementation
functionality in mind content areas for
of what the task cases to create even if you do not mobile.
of drag’n’drop
will be more fun and
invest time into it Concept for less or functionality
yet. other information for
excitement in UX mobile need.
consistency of han- dragable elements should keep in mind to make
keep in mind to make be defined to work for all: “element-dimensions”
dling and design “element-dimensions” - touch functionality big enough to access
big enough to access (smartpad, smartphone)
easy touch and easy
only use new elements easy touch and easy - mobile use
catch with the mouse
for other functionality or catch with the mouse and
(for drag’n’drop)
(for drag’n’drop) -drag’n’drop (often used
to make a difference (in slippy and therefore
the look and feel). imprecise)
speaking text and
speaking icons
language (both text
and graphic) should
not appear technical
but tell strories...
you see what you know by diana frank

20. space-x 20101026
how to decode information
– you know the code
– remember similar situations
– knowledge transfer
– happy guessing
you see what you know by diana frank

21. space-x 20101026
you see what you know by diana frank

22. space-x 20101026
you see what you know by diana frank

23. space-x 20101026
you see what you know by diana frank

24. space-x 20101026
you see what you know by diana frank

25. space-x 20101026
any guess?
you see what you know by diana frank

26. space-x 20101026
you see what you know by diana frank

27. space-x 20101026
you see what you know by diana frank

28. space-x 20101026
where are we?
you see what you know by diana frank

29. space-x 20101026
you see what you know by diana frank

30. space-x 20101026
you see what you know by diana frank

31. space-x 20101026
you see what you know by diana frank

32. space-x 20101026
follow the line
– is not always easy
– even confusing
– could lead you to an unexpected place
– and sometimes ends on the beginning
you see what you know by diana frank

33. space-x 20101026
tower bridge
you see what you know by diana frank

34. space-x 20101026
you see what you know by diana frank

35. space-x 20101026
you see what you know by diana frank

36. space-x 20101026
you see what you know by diana frank

37. space-x 20101026
you see what you know by diana frank

38. space-x 20101026
you see what you know by diana frank

39. space-x 20101026
you see what you know by diana frank

40. space-x 20101026
you see what you know by diana frank

41. space-x 20101026
you see what you know by diana frank

42. space-x 20101026
you see what you know by diana frank

43. space-x 20101026
enjoy to get lost
– foreign context, other systems
– look from a different point of view
– see familiar and unfamilar things
– remember
you see what you know by diana frank

44. space-x 20101026
you see what you know by diana frank

45. space-x 20101026
you see what you know by diana frank

46. space-x 20101026
you see what you know by diana frank

47. space-x 20101026
you see what you know by diana frank

48. space-x 20101026
you see what you know by diana frank

49. space-x 20101026
you see what you know by diana frank

50. space-x 20101026
you see what you know by diana frank

51. space-x 20101026
you see what you know by diana frank

52. space-x 20101026
you see what you know by diana frank

53. space-x 20101026
you see what you know by diana frank

54. space-x 20101026
remember, you see what you
know
– and sometimes you see not
you see what you know by diana frank

55. space-x 20101026
you see what you know by diana frank

56. space-x 20101026
you see what you know by diana frank

57. space-x 20101026
you see what you know by diana frank

58. space-x 20101026
you see what you know by diana frank

59. space-x 20101026
you see what you know by diana frank

60. space-x 20101026
the more i see the less i know...
you see what you know by diana frank

61. space-x 20101026
questions?
you see what you know by diana frank

62. space-x 20101026
thanks!
info@dianafrank.de
you see what you know by diana frank

63. space-x 20101026
perfection excludes improvement
you see what you know by diana frank