information design applied in windows 8 style applications
TRANSCRIPT
Information Design applied in
Windows 8 applications
a TILE
a grid of TILES
METRO WINDOWS 8 STYLE IS A TIMELESS
DESIGN STYLE PROPOSITION BASED ON
ESTABLISHED PRINCIPLES. ITS HEART AND
SOUL IS FOUNDED ON WORLD CLASS
INFORMATION DESIGN.
METRO WINDOWS 8 STYLE IS A TIMELESS
DESIGN STYLE PROPOSITION BASED ON
ESTABLISHED PRINCIPLES. ITS HEART AND
SOUL IS FOUNDED ON WORLD CLASS
INFORMATION DESIGN.
http://en.wikipedia.org/wiki/Information_design
Information design is the skill and practice of preparing
information so people can use it with efficiency and effectiveness.
Where the data is complex or unstructured, a visual
representation can express its meaning more clearly to the viewer.
Signs
Decisions
Demo
Requirements:
1) Fast & Fluid –
Data always fresh –
no refresh please!
Data
Refresh?!
Requirements:
1) Fast & Fluid –
Data always fresh –
no refresh please!
2) Simplify search –
context search from
one place
5 fields to
search
Requirements:
1) Fast & Fluid –
Data always fresh –
no refresh please!
2) Simplify search –
context search from
one place
Wymagania:
1) Fast & Fluid –
Data always fresh –
no refresh please!
2) Simplify search –
context search from
one place
3) Outlook integration
– temporarily cut,
focus on core CRM
redesign
integration will be
considered as wave
2 (Mail, Calendar &
Tasks)
Outlook integration
{Heavy}
Requirements:
1) Fast & Fluid –
Data always fresh –
no refresh please!
2) Simplify search –
context search from
one place
3) Outlook integration
– temporarily cut,
focus on core CRM
redesign
integration will be
considered as wave
2 (Mail, Calendar &
Tasks)
4) IM Integration –
also Wave 2
Instant Messenger
Integration
Wymagania:
1) Fast & Fluid –
Data always fresh –
no refresh please!
2) Simplify search –
context search from
one place
3) Outlook integration
– temporarily cut,
focus on core CRM
redesign
integration will be
considered as wave
2 (Mail, Calendar &
Tasks)
4) IM Integration –
also Wave 2
5) Vcard Export –
important feature,
will come back to it
Vcard export of
contact data
Offline Mode?
Wymagania: 1) Fast & Fluid –
Data always fresh – no
refresh please!
A) OFFLINE IN SCOPE
OF PROJECT
2) Simplify search –
context search from
one place
3) Outlook integration –
temporarily cut, focus
on core CRM redesign
integration will be
considered as wave 2
(Mail, Calendar &
Tasks)
4) IM Integration – also
Wave 2
5) Vcard Export –
important feature, will
come back to it
6) Menu/Modules
redesigned in more
touchable way
Wymagania: 1) Fast & Fluid –
Data always fresh – no
refresh please!
A) OFFLINE IN SCOPE
OF PROJECT
2) Simplify search –
context search from
one place
3) Outlook integration –
temporarily cut, focus
on core CRM redesign
integration will be
considered as wave 2
(Mail, Calendar &
Tasks)
4) IM Integration – also
Wave 2
5) Vcard Export –
important feature, will
come back to it
6) Menu/Modules
redesigned in more
touchable way
7) Notifications added
(time sensitive errors
and events)
Error: Can’t connect to the server
Notification: John Doe (CEO of Fabricam Inc) is
online (MS Lync)
Notification: Laura Johnson (Sales Director of
Adventure Works) is online (Facebook)
Notification: Liu Phong just twitted a message -
Read it
Error messages,
Notifications
Wymagania: 1) Fast & Fluid –
Data always fresh – no
refresh please!
A) OFFLINE IN SCOPE
OF PROJECT
2) Simplify search –
context search from
one place
3) Outlook integration –
temporarily cut, focus
on core CRM redesign
integration will be
considered as wave 2
(Mail, Calendar &
Tasks)
4) IM Integration – also
Wave 2
5) Vcard Export –
important feature, will
come back to it
6) Menu/Modules
redesigned in more
touchable way
7) Notifications added
(time sensitive errors
and events)
Error messages,
Notifications
Wymagania: 1) Fast & Fluid –
Data always fresh – no
refresh please!
A) OFFLINE IN SCOPE OF
PROJECT
2) Simplify search – context
search from one place
3) Outlook integration –
temporarily cut, focus on
core CRM redesign
integration will be
considered as wave 2
(Mail, Calendar & Tasks)
4) IM Integration – also
Wave 2
5) Vcard Export – important
feature, will come back to
it
6) Menu/Modules
redesigned in more
touchable way
7) Notifications added (time
sensitive errors and
events)
8) Application Bar
instead of toolbar
☺
Wymagania: 1) Fast & Fluid –
Data always fresh – no
refresh please!
A) OFFLINE IN SCOPE OF
PROJECT
2) Simplify search – context
search from one place
3) Outlook integration –
temporarily cut, focus on
core CRM redesign
integration will be
considered as wave 2
(Mail, Calendar & Tasks)
4) IM Integration – also
Wave 2
5) Vcard Export – important
feature, will come back to
it
6) Menu/Modules
redesigned in more
touchable way
7) Notifications added (time
sensitive errors and
events)
8) Application Bar
instead of toolbar
9) Semantic filters
☺
Daniel Biesiada
Master Blaster
Mega Corp. 14 4
0
5
Adam Kosinsky
Sales Director
Fabricam Inc. 0 2 0
5
☺
John Doe
Presales Consultant
Fabricam Inc. 8 2
0
5
☺
Wymagania: 1) Fast & Fluid –
Data always fresh – no
refresh please!
A) OFFLINE IN SCOPE OF
PROJECT
2) Simplify search – context
search from one place
3) Outlook integration –
temporarily cut, focus on
core CRM redesign
integration will be
considered as wave 2
(Mail, Calendar & Tasks)
4) IM Integration – also
Wave 2
5) Vcard Export – important
feature, will come back to
it
6) Menu/Modules
redesigned in more
touchable way
7) Notifications added (time
sensitive errors and
events)
8) Application Bar
instead of toolbar
9) Semantic filters
10) Replace classic grid
with widgets
