בתוך אוקיינוס של דאטה – כמה עמוק תרצו לצלול? דאטה הוא לא באמת "עשיר" אם הלקוחות לא הבינו שהוא כזה. אז איך מציגים משהו טכנולוגי בצורה ויזואלית שמתאימה לטווח לקוחות שונים עם צרכים שונים? איך לגשר על פער בין הלקוחות השונים ולייצר כלי שמשרת את כולם ומשקף ויזואלית את עושר הדאטה? ואיך עושים את זה ממש, אבל ממש מהר? בהרצאה נעבור על האתגרים שעמדו בפני הצוות שלנו כאשר היינו צריכים לשדרג מוצר ישן מאד כדי לשקף את איכות הטכנולוגיה שהמוצר משתמש בה. תוך שמונה שבועות הצלחנו במשימה ואנחנו נשתף אתכם בשלושת השלבים: במחקר האג'ילי, בדירוג המשימות ובגישת הפיתוח של עיצוב מבוסס מחקר. לבסוף ניתן טיפים שיעזרו לכם לטפל בצורה נכונה בשכבות רבות של מידע, ואיך להציג מידע מורכב בצורה שתהיה נוחה לשימוש עבור האנשים שאמורים להשתמש במידע הזה.

1. In an Ocean of Data
How Deep do You Want to Dive?
Sagit Siegal
UX Team Lead
#ATD2017

2. I have a Confession

3. …I hate the beach
I have a Confession

5. 5

6. Hey, it could be different!
6#ATD2017

7. 7
Data …
#ATD2017

8. looks different if settings are changed
8
Data …
#ATD2017

9. Sagit Siegal
UX Team Leader
Thomson Reuters
sagit.siegal@TR.com

11. Thomson Reuters - Israel
• Natural Language Processing
• Machine Learning
• Big Data

12. Thomson Reuters - Israel
• Natural Language Processing
• Machine Learning
• Big Data
Understanding
unstructured text

13. This is the story of Calais Viewer…
13#ATD2017

14. Calais Viewer
14
Pastes
Texts
User

15. Calais Viewer
15
Pastes
Texts
User

16. Calais Viewer
Calais Viewer
Pastes
Texts
User
16

17. The technology is great!
17#ATD2017

18. The technology is great…
But the product….
18#ATD2017

20. Houston, we have a problem.
20#ATD2017

21. Challenges
Large user range
21#ATD2017

22. Challenges
Limited resources
22#ATD2017

23. Challenges
The visual
experience
23#ATD2017

24. So what did we do?
24#ATD2017

25. Blitz it!
3 Phases approaching
the challenge
25#ATD2017

26. Know The
Users
Know
Yourself
Base Design
On Research
26
1 2 3
#ATD2017

27. Know The
Users
Know
Yourself
Base Design
On Research
27
1 2 3
#ATD2017

28. Know the users = Research
28#ATD2017

29. Interview them!
29
Know the users | How?
#ATD2017

30. Know the users | Goals
MAP USER
TYPES
and user stories
30#ATD2017

31. MAP USAGE
and user journeys
31
Know the users | Goals
#ATD2017

32. CHECK VIABILITY
for new ideas
32
Know the users | Goals
#ATD2017

33. QA and
Content Analyst
Promotion
Oriented
Decision
Maker
33
Know the users | Calais Viewer User
Types
#ATD2017

34. DONE
34
Know the users | Map Usage with Journey
Maps
#ATD2017
•Pain Points
•Needs

35. 35
Know the users | Map Pain Points
#ATD2017

36. Difficult Journey Inside the Tool
36
Know the users | Pain Points
#ATD2017

38. Scan manually.
Find company
Hover over
company
Hand moved.
Pop up
disappeared
Try to find what
you need in the
pop up
Pop up appears
Repeat
38#ATD2017

39. Journey Leads Outside the Tool
39
Know the users | Pain Points
#ATD2017

40. Calais Viewer
40#ATD2017

41. Pen & Paper
Calais Viewer
Copy PermID
Number
Leave
Calais
Viewer
41#ATD2017

42. Pen & Paper
Calais Viewer
Copy PermID
Number
Type
Copied
Number
Leave
Calais
Viewer
www.PermID.orgView in Knowledge Graph
#ATD2017

43. Know the users | Identify Needs
43#ATD2017

44. AdvancedBasic
44
Know the users | Needs
#ATD2017

45. Complex DataSimple Data
45
Know the users | Data Needs
#ATD2017

46. Different Needs, Different Data
46
Know the users | Data Needs
#ATD2017
Complex DataSimple Data

47. QA and
Content Analyst
Promotion
Oriented
Decision
Maker
47
Know the users | User Types
#ATD2017

48. Complex
Data
Simple
Data
48
Know the users | User Data Needs
#ATD2017

49. Know the users | Prioritize User Needs
49#ATD2017

50. 50
Know the users | Common Needs First
#ATD2017

51. 51
Know the users | Prioritize the Rest
#ATD2017

52. Complex
Data
Simple
Data
52
Know the users | User Focus
#ATD2017

53. Complex
Data
Simple
Data
53
Know the users | User Focus
#ATD2017

54. 2
1
1
Copy to Clipboard
Clear Highlights
Popup Readability
1 = Low | 2 = Medium | 3 = High
54
Know the users | Prioritize the Rest
Original idea: Yaniv Sarig

55. 2
1
1
Copy to Clipboard
Clear Highlights
1
1
3Popup Readability
1 = Low | 2 = Medium | 3 = High
55
Know the users | Prioritize the Rest
Original idea: Yaniv Sarig

56. 2
1
1
Copy to Clipboard
Clear Highlights
1
1
3
X
X
XPopup Readability
1 = Low | 2 = Medium | 3 = High
56
Know the users | Prioritize the Rest
Original idea: Yaniv Sarig

57. 2
1
1
Copy to Clipboard
Clear Highlights
1
1
3
2
1
3
X
X
XPopup Readability
=
=
=
1 = Low | 2 = Medium | 3 = High
57
Know the users | Prioritize the Rest
Original idea: Yaniv Sarig
Priority

58. Know The
Users
Know
Yourself
Base Design
On Research
58
1 2 3
#ATD2017

59. Know yourself | Prioritize Abilities
Prioritize your ability for
solution handling
59#ATD2017

60. 1
2
60
Know yourself |Prioritize Users
#ATD2017

61. 2
1
3
Copy to Clipboard
Clear Highlights
2
3
3
4
9
3
X
X
XPopup Readability
1 = Low | 2 = Medium | 3 = High
Know yourself | Prioritize Tasks
=
=
=
Priority

62. 2
1
3
Priority
Copy to Clipboard
Clear Highlights
2
3
3
4
9
3
X
X
XPopup Readability
=
=
=
1 = Low | 2 = Medium | 3 = High
X
X
1
8
6
1 2222
Know yourself | Prioritize Tasks

63. Know The
Users
Know
Yourself
Base Design
On Research
63
1 2 3
#ATD2017

64. Hover pop up improvement

65. Designing Layers of Data
DELIGH
T
EXPAND
ENHANC
E
COMMON
GROUND
65#ATD2017

66. Designing Layers of Data
DELIGH
T
EXPAND
ENHANC
E
COMMON
GROUND
66#ATD2017

67. Find the common ground
and build up
Common Ground
67#ATD2017

68. Common ground as the
foundation of the design
68
COMMON
GROUND
#ATD2017

69. What are
you looking
for in the
hover text?
69
COMMON
GROUND
#ATD2017

70. What are you looking for in the hover text?
Users #1 #2 #3 #4 #5 #6 #7 #8
PermID
Confidence
level
Count
Relevance
Company name
Parent company
Ticker
Nationality
Primary ric
70
COMMON
GROUND
#ATD2017

71. Reorganizing
the text order
COMMON
GROUND

72. Most common
move to top
COMMON
GROUND

73. Clear category
divisions
COMMON
GROUND

74. Gradually
expose
complexity
74
COMMON
GROUND
#ATD2017

75. Designing Layers of Data
DELIGH
T
EXPANDCOMMON
GROUND
ENHANC
E
75#ATD2017

76. Enhance ability to browse
within the given data
Enhance
76#ATD2017

77. Add anchors
ENHANCE
77#ATD2017

78. Designing Layers of Data
DELIGH
T
EXPAND
ENHANC
E
COMMON
GROUND
78#ATD2017

79. Expose users to your
own depth of data
Expand
79#ATD2017

80. Connection to other capabilities
EXPAND
80#ATD2017

82. Designing Layers of Data
DELIGH
T
EXPAND
ENHANC
E
COMMON
GROUND
82#ATD2017

83. Clean & minimal allows
complexity to show
Delight
83#ATD2017

84. 84
DELIGHT
#ATD2017

85. 85
DELIGHT
#ATD2017

86. Minimal Color Palette
DELIGHT
86#ATD2017

87. Images added with care
87
DELIGHT
#ATD2017

88. DELIGHT
Embracing space

89. Improving Data Visualization
89#ATD2017

90. 7 Suggestions for a
Better Data Based Tool
90#ATD2017

91. Know Your Users
Research needs and pain points
1
91#ATD2017

92. Prioritize
Users Needs * Ability to Deliver * Marketing Needs
2
92#ATD2017

93. Design Based on Research
Test While Designing
3
93#ATD2017

94. Start Design with Common Ground
And Build Up
4
94#ATD2017

95. Expose Data Gradually
To Reduce Noise
5
95#ATD2017

96. Offer a Universe of Solutions
Expose More Capabilities
6
96#ATD2017

97. Clean Data Presentation Delight
Less is More
7
97#ATD2017

100. We are now expanding
100#ATD2017

102. Same Data looks different when
settings are changed
102#ATD2017

104. Help Your Users
Explore the Data
Ocean

105. Sagit Siegal
UX Team Leader
Thomson Reuters
sagit.siegal@TR.com