CRM + COD: Apps Merge! UX Proposal! SAP UX May 2013
d.king@sap.com!
IA!
Information!
Structures!
Connections!
(Contents)!
(UX Patterns)!
(Nav / Task Flows)!
Neptune: New Content, Patterns, & Task Flows! Home Page, News, Analytics!
Thing Inspector, Jam, Content Aggregation!
Navigation, Notification!
Neptune: New Content, Patterns, & Task Flows! Customer Connections, 3rd Party Data! Master Detail View!
Shelf!
IA!
Information!
Structures!
Connections!
(Contents)!
(UX Patterns)!
(Nav / Task Flows)!
COD Contents Today!
Native Objects!
Standalone Things!
Sub Level Objects!
Accounts, People!
Attachments, Tags!
3rd Party Data!
URL Mash-up!
News!
Data Mash-up!
HTML Mash-up
SAVO!
Inside View!
Analytics!
Analytic Tiles! Home Page!
Dashboards!
Reports!
Messages!
JAM / Feed!
Notifications!
Utilities!
Search!
& More‌!
The Utilities – Trigger Points!
Global
|
Local
Static!
Accessible anywhere without leaving context!
|
Contextual!
Based on the current screen and content !
Switch Datasets/ WorkCenter
Open No6fica6on
Share
Help
Post JAM Feed
Enterprise Search
Find in Dataset
Submit
Quick Create
Voice Command
Flag / Favorite
Subscribe
…!
COD Contents on iPad Today!
Native Objects!
Standalone Things!
Sub Level Objects!
Accounts, People!
Attachments, Tags!
3rd Party Data!
URL Mash-up!
News!
Data Mash-up!
HTML Mash-up !
SAVO!
Inside View!
Analytics!
Analytic Tiles! CI Home!
Dashboards!
Reports!
Messages!
JAM / Feed!
Notifications!
Search!
Share!
Utilities!
& More‌!
New iPad Contents in the Near Future!
Native Objects!
Standalone Things!
Sub Level Objects!
Accounts, People!
Attachments, Tags!
3rd Party Data!
URL Mash-up!
News!
Analytics!
Analytic Tiles! CI Home!
Dashboards!
Messages!
JAM / Feed!
Utilities!
Search!
Data Mash-up!
HTML Mash-up !
LinkedIn, Twitter‌!
Inside View!
Reports!
Aggregations! Statistics everywhere!
Notifications! Improved workflow!
Share!
Voice! Inbound + Outbound!
?!
?!
?!
Contents Drive, Forms Follow!
Data Mash-up! LinkedIn, Twitter‌!
Notifications! Improved workflow!
Aggregations! Statistics everywhere!
Voice! Inbound + Outbound!
?!
?!
?!
Productization Requirements + Designs Needed!
IA!
Information!
Structures!
Connections!
(Contents)!
(UX Patterns)!
(Nav / Task Flows)!
Full-screen Floor Plans Today!
CI Home Page!
CI Interactive Dashboard!
CI News Reader!
Thing Inspector (Overview)!
Dataset (Card and Map View)!
Thing Inspector (Facet)!
New Proposal!
high 1311 priority!
85
97 15 Home Page! Use Neptune! !
Aggregated Reader! Keep News + Incorporate Feed! 893
Interactive Dashboard! Keep Current + Polish Visuals!
59
63%
186M
Thing Inspector (360 View)! Use Neptune!
%
Dataset (Alternative Views)! Statistics + New Views!
Thing Inspector (Facets)! Remove Tabs + New Interactions!
Secondary Surfaces Today! Title Bar!
Half-collapsible Menu Pane!
>
Enterprise Search!
Quick Create!
< JAM / Feed in CI!
Object QV!
Notification (Neptune)!
Too many small moving pieces!
New Proposal! A Mighty Pane to cover them all – Datasets, Search, Voice, QC, Notification/Inbox (see next slide)!
Search!
3!
Voice Command!
New Customer!
What can I help you with?!
Views! 21 results found! Customers!
"Tell me more about the meeting"!
You are going to meet with Dave Johnson and Peter Smith. The meeting is at 9 am at Kixo office building 4. !
Sales Leads! Activities!
"What's going on at Kixo"!
Opportunities!
There are 5 opportunities you are pursuing at Kixo…! Save!
Cancel!
Tools! Voice!
Today!
New!
Search!
Voice!
Improved Title Bar – incorporate notification and more actions!
Create!
Improved Object QV!
3!
3!
Notifications! Option 1! As part of the Mighty Pane ! ! Like: LinkedIn, Flipboard!
3!
3!
Notifications! 3 unread!
Views! Customers! Sales Leads! Activities! Opportunities!
Tools! New Item!
Option 2! Standalone tool on the Title Bar ! ! Like: Facebook, ! Google+!
3!
Right position!
Shelf! 3!
Left position! 3 unread!
Feed / JAM!
JAM Feed 3!
Show All JAM Feed
Views!
News Customers!
Sales Leads! Activities! Opportunities! JAM
!
News!
JAM as a dataset! Use the Reader floor plan to open! In Reader, allow in-place switch to other sources! Expose the "Post" action on both global and local level!
In-place Personalization!
X!
WYSIWYG editing built into floor plans! (Remove + Rearrange) Full personalization mode with improved visuals! (Add + Remove)
85
X!
97 15
63%
186M
IA!
Information!
Structures!
Connections!
(Contents)!
(UX Patterns)!
(Nav / Task Flows)!
Flows Between Floor Plans!
85
85
open dataset!
open analytics!
open entity!
GLANCE!
open news!
open analytics!
-ckets
59% open entity!
open entity!
15
63%
186M
INSPECT!
97
BROWSE!
893
Thing Inspector!
OVERVIEW!
More
97 trigger detail views!
15
63%
186M
TRANSITION!
Less
Leads!
People!
Oppty! open a facet!
Opportunities!
FACET!
More
Utility Action Flow! Search!
Global Actions! search!
Local Actions!
Canvas Level!
3!
21 results found! Views!
Control Level!
Customers!
Notifications! 3 unread!
Sales Leads! notification!
Activities! Opportunities! JAM
create!
Canvas!
!
News!
New Opportunity!
Tools! dataset sort!
Voice!
Post Something!
post!
share!
action menu!
start voice command!
Refresh Exportâ&#x20AC;Ś
Voice Command! What can I help you with?! "Tell me more about the meeting"!
One More Thing!
IA!
Information!
Structures!
Connections!
(Contents)!
(UX Patterns)!
(Nav / Task Flows)!
Visual Design!
Thank You! d.king@sap.com!