UX and Design: Top Tips for Salesforce Apps on Mobile and Wearables

Download UX and Design: Top Tips for Salesforce Apps on Mobile and Wearables

Post on 14-Jan-2017




5 download

Embed Size (px)


<ul><li><p>UX and Design: Top Tips for Salesforce Apps on Mobile and Wearables Mitch Kreaden Director of Product Management </p></li><li><p> 2015 Ap)us Corpora0on 2015 / Confiden0al </p><p>Presenters </p><p>Dominic Steil Sales Engineer Ap.us </p><p>Mitch Kreaden Director of Product Management Ap.us </p><p>Dan Reid Senior Director of Product Marke:ng DocuSign </p></li><li><p> Safe harbor statement under the Private Securi0es Li0ga0on Reform Act of 1995: This presenta0on may contain forward-looking statements that involve risks, uncertain0es, and assump0ons. If any such uncertain0es materialize </p><p>or if any of the assump0ons proves incorrect, the results of salesforce.com, inc. could differ materially from the results expressed or implied by the forward-looking statements we make. All statements other than statements of historical fact could be deemed forward-looking, including any projec0ons of product or service availability, subscriber growth, earnings, revenues, or other financial items and any statements regarding strategies or plans of management for future opera0ons, statements of belief, any statements concerning new, planned, or upgraded services or technology developments and customer contracts or use of our services. </p><p> The risks and uncertain0es referred to above include but are not limited to risks associated with developing and delivering new func0onality for our service, new products and services, our new business model, our past opera0ng losses, possible fluctua0ons in our opera0ng results and rate of growth, interrup0ons or delays in our Web hos0ng, breach of our security measures, the outcome of any li0ga0on, risks associated with completed and any possible mergers and acquisi0ons, the immature market in which we operate, our rela0vely limited opera0ng history, our ability to expand, retain, and mo0vate our employees and manage our growth, new releases of our service and successful customer deployment, our limited history reselling non-salesforce.com products, and u0liza0on and selling to larger enterprise customers. Further informa0on on poten0al factors that could affect the financial results of salesforce.com, inc. is included in our annual report on Form 10-K for the most recent fiscal year and in our quarterly report on Form 10-Q for the most recent fiscal quarter. These documents and others containing important disclosures are available on the SEC Filings sec0on of the Investor Informa0on sec0on of our Web site. </p><p> Any unreleased services or features referenced in this or other presenta0ons, press releases or public statements are not currently available and may not be delivered on 0me or at all. Customers who purchase our services should make the purchase decisions based upon features that are currently available. Salesforce.com, inc. assumes no obliga0on and does not intend to update these forward-looking statements. </p><p>Safe Harbor </p></li><li><p> About ApAus </p><p>Ap)us, the category-defining Quote-to-Cash soZware company, drives the vital business process between the buyers interest in a purchase and the realiza0on of revenue. Ap)us is delivered on the Salesforce1 pla\orm. Our applica0ons include Configure Price Quote (CPQ), Renewals, Contract Management and Revenue Management. </p><p>Ap)us serves over 70 Fortune 500 customers and hundreds of mid-size companies. </p><p>Learn more: ap.us.com </p></li><li><p> How should you approach UX and design </p><p> Choosing use cases that make the most sense </p><p> Mobile and Wearable App Demos </p><p> Grouping informa0on &amp; the Impact of glance-ability </p><p> Lightning Demo </p><p> Lessons learned designing Salesforce apps </p><p>Focus Points </p></li><li><p> Smartphone sales surpass PC sales since 2012 </p><p> People touch their phone up to 150 0mes a day </p><p> Mobile internet now exceeds desktop internet usage 1.2 m apps were developed for iPhone and Android Up to 87% of mobile apps are deleted within six months </p><p> Wearables will grow from 19.6 m in 2014 to 126.1 m by 2019 </p><p>Why Mobile and Wearables </p></li><li><p>Mobile Madness </p></li><li><p>1. Know Your Audience Designed for specific use cases in mind </p><p>2. Make it Easy to Access/Use Simplified UI </p><p>3. Make it Cool &amp; Familiar Converge Mobile, Web &amp; SFDC UX </p><p>4. Enable Users Designed to increase produc0vity </p><p>5. Make it Reliable and Secure Built on Salesforce1 Pla\orm </p><p>How to Approach Mobile Design </p></li><li><p>InnovaSon &amp; SimplificaSon </p><p>Usability </p><p>User Adoption </p><p>User Adoption </p></li><li><p>Choosing Your Use Case ApAus Quote-to-Cash Footprint </p><p>BIG vs SMALL </p><p>WIDE vs TALL </p><p>CPQ Approval </p></li><li><p>ApAus CPQ Mobile Demo </p></li><li><p>Are You Ready For Wearables? </p><p> Grow from 19.6 m in 2014 to 126.1 m by 2019 </p><p> Adop0on rate parallels to tablets </p><p> Most successful wearables are smart watches and health/fitness trackers (i.e. 9 in 10 wearables) </p><p> Study: Increased employee produc0vity by 8.5% and job sa0sfac0on by 3.5% </p><p>Source: IDC Worldwide Quarterly Wearable Device Tracker, March 30, 2015 </p><p>Source: PWC </p></li><li><p>Differences between Mobile &amp; Wearables Extension of phone not replacement Leverage WK and iOS posted standards Keep goal simple &amp; focused Wearables is a revisit of early mobile days Set realis0c expecta0ons Time factors &amp; space limits iOS &amp; SF Dev resources needed Leverage Glances </p></li><li><p>ApAus Wearable Demo ApAus Approval Intelligence </p></li><li><p> Design Tips &amp; Lessons Learned </p><p>DOS DONTS Set top 3 goals Proper loca0on and size </p><p>for tap targets Focus on func0on first, </p><p>then form Speed &amp; caching Post customiza0on and </p><p>usability tes0ng Allow for mistake </p><p>recovery </p><p> Complicate feature set Forget that you are not the user Forget state Overcrowd views Keep user wai0ng Overuse push no0fica0ons Go big in phase 1 </p><p>Early mobile prototype </p></li><li><p> h)ps://github.com/developerforce/SalesforceWear-DevPack-For-AppleWatch </p><p> h)ps://developer.apple.com/watch/human-interface-guidelines/specifica0ons/ </p><p> h)p://www.slideshare.net/search/slideshow?searchfrom=header&amp;q=salesforce+mobile+2015&amp;ud=any&amp;Z=all&amp;lang=**&amp;sort= </p><p> h)ps://developer.salesforce.com/mobile/services/mobile-templates h)p://www.slideshare.net/developerforce/visualforce-in-salesforce1-op0mizing-your-user-interface-for-mobile </p><p>Wearable Examples &amp; Resources </p></li><li><p>DocuSign: Dan Reid, Sr. Director of Product Marke0ng </p></li><li><p>DocuSign Mobile Strategy </p><p> Free-to-Sign Growth Strategy (Mobile) Need to serve a consumer and enterprise audience both </p><p> Na0ve Apps Premium experience. Freemium with upsell Tablet Apps </p><p> Mobile Web Breadth coverage. Any device SDK and Partners Your partners sell for you Salesforce Partnership Key strategic alliances </p><p> SF1 </p><p>Full FuncSonality </p><p>NaSve Apps </p><p>Consumer Features </p><p>Enterprise CapabiliSes </p><p>iOS </p><p>Windows Phone </p><p>Android </p><p>HTML5 </p><p>Salesforce1 </p></li><li><p>Across Mobile Platforms </p><p>20% 26% </p><p>iPad iPhone Android Win Phone/8 </p><p>29% 5% </p><p>DocuSign Consumer Accounts (by OriginaSon Channel) </p></li><li><p>Great Customer Experience Comes First Native Apps </p><p> Sign and Send Documents Customizable Workflow Sign In-Person or Remote Work in Offline Mode </p><p> Push No0fica0ons Navigate Direct to </p><p>Document for Signature </p><p> Manage and Filter All Documents in your Queue </p><p> Access Documents Directly from Salesforce </p></li><li><p>Salesforce1 </p><p> Integrated with Salesforce 1 Specify Documents, Signers, and Workflow Post Updates to Cha)er Automa0cally </p></li><li><p>Lightning </p></li><li><p> Lightning framework New UI layer for Salesforce Consist of App builder, Components, exchange &amp; </p><p>design system Lightning Design System (SLDS) </p><p> Collec0on of design pa)erns, components, and guidelines for crea0ng unified UI in the Salesforce ecosystem </p><p> Pure CSS framework to use with VF, lightning </p><p>What Is App Builder &amp; Lightning Components </p></li><li><p> New tools to help Admins Build apps (via App Builder) Automate business processes (via App Builder) Integrate data (via components) Apps are comprised of components Components can be created or consumed Lightning uses an event driven framework/ Arch </p><p>What Is App Builder &amp; Lightning Components </p></li><li><p>Why Lightning MaAers </p><p> Trend towards component frameworks (Google=Polymer) </p><p> Help unify UX across ISV Apps Provide design system &amp; resources to leverage New easy design tool for Dev teams AND Admins Leverage components across large product footprints Lightning is device aware (responsive design) Minimize loading 0me for faster UX </p></li><li><p>ApAus Lightning Demo </p></li><li><p>Final Things To Think About Style &amp; Nav Consistency </p><p> App context (Russian Doll) </p><p> Needed (Wearable) &amp; doable </p><p> Right delivery : S1, VF vs Angular, Lightning , na0ve App </p><p> Prototypes (www.invisionapp.com, )p://www.axure.com/) </p><p> Test using real data </p><p> Leverage exis0ng pieces (Wave, Lightning exchange, Lightning) </p></li><li><p>Q &amp; A </p></li><li><p>Later today </p><p> 3 - 3:20pm Build Apps Fast with Lightning Components from ApAus San Francisco Marrio. Marquis Hotel, Foothill E </p></li><li><p>Thank You &amp; .. </p></li><li><p>Share Your Feedback, and Win a GoPro! </p><p>3 Earn a GoPro prize entry for each completed survey Tap the bell to take a survey 2 Enroll in a session 1 </p></li><li><p>Message &amp; data rates apply. Visit h)p://bit.ly/TextAPT for T&amp;C. </p><p> GET THE UlSmate Guide to Quote-to-Cash </p><p>Plus a chance for prizes including a GoPro or a Ricoh Theta 360 Camera. </p><p> Text CASH to 95577 </p></li><li><p>Presentation Title Goes Here Presenter Name / Date </p><p>Built on the Salesforce1 Plaform </p><p>Quote Contract Revenue Opportunity ERP </p><p>CONTRACT LIFECYCLE </p><p>MANAGEMENT </p><p>ORDER MANAGEMENT CONFIGURE </p><p>PRICE QUOTE BILLING </p><p>REBATE MANAGEMENT DEAL MANAGEMENT </p><p>E-COMMERCE </p><p>QUOTE-TO-CASH INTELLIGENCE </p><p> X-AUTHOR </p><p>ApAus Quote-to-Cash Footprint </p></li><li><p> Mobile First - Numerous devices Casual users vs power users Complex vs simple use cases OTB vs configurable SFDC UI vs new App UI Micro moments &amp; deep info access </p><p>Approaching UX As A Salesforce Partner </p></li><li><p> 2015 Ap)us Corpora0on 2015 / Confiden0al </p><p>ApAus CPQ Mobile </p></li><li><p> 2015 Ap)us Corpora0on 2015 / Confiden0al </p><p>ApAus Approvals Intelligence </p></li><li><p> 2015 Ap)us Corpora0on 2015 / Confiden0al </p><p>ApAus Approvals Intelligence </p></li><li><p> 2015 Ap)us Corpora0on 2015 / Confiden0al </p><p>Lightning </p></li><li><p> 2015 Ap)us Corpora0on 2015 / Confiden0al </p><p>Lightning </p></li><li><p> 2015 Ap)us Corpora0on 2015 / Confiden0al </p><p>Lightning </p></li><li><p> 2015 Ap)us Corpora0on 2015 / Confiden0al </p><p>Lightning </p></li><li><p> 2015 Ap)us Corpora0on 2015 / Confiden0al </p><p>Lightning </p></li><li><p> 2015 Ap)us Corpora0on 2015 / Confiden0al </p><p>Lightning Component Exchange </p></li><li><p> 2015 Ap)us Corpora0on 2015 / Confiden0al </p><p>Lightning Design System </p></li><li><p> 2015 Ap)us Corpora0on 2015 / Confiden0al </p><p>ApAus QTC Mobile </p></li></ul>