Mobile is now everywhere and it is forcing its way into the enterprise. The future is in creating great experiences which multi-channel. Building a great experience is very challenging, particularly in the mobile medium. A solid understanding of usability and the implementation of a pragmatic UX design process is key for a successful application.

1. The Role of UX in Mobile First
www.outsystems.com

2. Gonçalo Veiga
Mobile & UX Services
goncalo.veiga@outsystems.com

4. Going Mobile First

5. Mobile First
1. Growth = Opportunity
2. Constraints = Focus
3. Capabilities = Innovation
Luke Wroblewski

6. The World is going Mobile

7. 378,000 iPhones
sold each day
360,000 babies
born each day
2012

8. 378,000 iPhones
sold each day
360,000 babies
born each day
2014

9. 3,000,000 iPhone 6
sold each day
371,000 babies
born each day
2014

10. What’s the first thing you do
when you wake up?

11. 25%
go to
bathroom
75%
check
smartphone

12. 1. Mobile is now part of
everyone’s lives

13. Does Mobile First
apply to Enterprise Applications?

14. Enterprise Users are confortable with complexity

15. The rise of bring your own device (BYOD) programs is the
single most radical shift in the economics of client
computing for business since PCs invaded the workplace.
Gartner 2014
http://vbridges.com/2013/12/20/byod-skyrockets-popularity-2013-stats-prove/

16. 49% of U.S. IT managers
“Strongly Agree that BYOD Improves Worker Productivity”
Intel and ReadWrite
http://vbridges.com/2013/12/20/byod-skyrockets-popularity-2013-stats-prove/

17. Will the desktop die?

18. Mobile will be everywhere and everyone will have a device.

19. Desktops will still be here, but only for heavy-duty work.

20. 70% of mobile professionals will conduct their work on
personal smart devices by 2018
Gartner
https://www.sailpoint.com/blog/2013/05/byod/

21. 2. The Enterprise will need
to cater to both desktops
and devices

22. What are the opportunities for Mobile
inside the Enterprise?

23. Going Mobile
1
Access relevant information where it is most
valuable
Collect information as it appears, taking advantage
2 of new sensors
3 Put it wherever customers are involved

24. Runway tarmac inspection

25. Information decays through the nurse shift
Hospital ward backoffice

26. How to put Enterprise Applications
in Mobile?

29. Mobile Challenge
By going smaller,
things must get bigger
Text must remain readable
Fat fingers need big targets
Zoom kills productivity

30. Responsive Design

31. Choose the right use cases!

32. Go to Mobile Version
Go to Normal Website

33. Too simplistic!!

34. Positive
results
No
results
Negative
results
33%
Based on experiments at Microsoft, both intuition and expert opinion
are extremely poor gauges of the value our ideas deliver to users.
Lean Enterprise (2014)

35. Law of Unintended Consequences

36. 3. Creating a good mobile
experience is challenging

37. How to create a
winning mobile approach?

38. Is it enough to create a pretty interface?

39. What is usability?

40. usability layers
Ubiquitous
Pro-active use of various mediums
Task-Focus
Fit to user and its specific tasks
Cognitive
Leverage conventions and learning
Physiological
Respond to how the brain works

41. usability layers
Ubiquitous
Pro-active use of various mediums
Task-Focus
Fit to user and its specific tasks
Cognitive
Leverage of conventions and learning
Physiological
Respond to how the brain works

45. Constrast
Repetition
Alignment
Proximity

46. usability layers
Ubiquitous
Pro-active use of various mediums
Task-Focus
Fit to user and its specific tasks
Cognitive
Leverage conventions and learning
Physiological
Respond to how the brain works

49. www.outsystems.com/goto/londontheme

51. usability layers
highly dependent on
business and user context
business and user context
independent

52. usability layers
Ubiquitous
Pro-active use of various mediums
Task-Focus
Fit to user and its specific tasks
Cognitive
Leverage of conventions and learning
Physiological
Respond to how the brain works

54. Usability means different things
for different users

55. Informal Usability Tests

57. usability layers
Ubiquitous
Pro-active use of various mediums
Task-Focus
Fit to user and its specific tasks
Cognitive
Leverage of conventions and learning
Physiological
Respond to how the brain works

58. Learning Applications
Pro-active
Context-aware

61. usability layers
highly dependent on
business and user context
UX design

62. 4. Great experiences depend on
both platform and process

63. UX design

64. Business Analysis
User Research
Wireframes
Visual Design
Live Styleguide
Go Live

65. Define clear goals
Understand the business
Interview main stakeholders
Review current application(s)
Get application analytics
Figure out the different user profiles
Identify what to ask the users
Business Analysis

66. Let’s meet the users
Business Analysis
User Research

67. Technology User
without a great fit with its driver User Research
The car alone will not win any competitions

68. Go to where your users are
User Research

69. User Research
Planning
Identify the different user profiles
Talk, at least, to 2 users for each profile
Dress apropriately – blend in
Don’t take a comitee – 2 people, max 3
Bring someone they already trust
Go analog – digital is scary

70. User Research
What To Do
Create rapport
Compliments and Complaints
Where do they spend their time
Known Unknowns vs. Unknown Unknowns
3 things we must fix
3 things we cannot break
Gather, organize, prioritize

71. Fail fast or fail loudly
Business Analysis
User Research
Wireframes

72. Don’t let ideas escape
Rich context makes it a ton easier
Information organization is key
Keep sketching
IA comes hand-in-hand with mockups
Challenge designs continuously
Wireframes

73. Wireframes

74. Wireframes

75. Wireframes

76. Business Analysis
User Research
Wireframes
Visual Design

77. Visual Design

78. Visual Design

79. Visual Design

80. Visual Design

81. Business Analysis
User Research
Wireframes
Visual Design
Live Styleguide

82. Why a Live Styleguide?
Styleguides are key for consistency and quality perception
… but also easily forgotten.
Live Styleguides support development, by providing
snippets of code.
Living Styleguides contain ready-to-use components by
development, abstracting implementation details.
Live Styleguide

83. OutSystems Living Styleguide
Web blocks ready to use by developers
not copy-paste, just drag-and-drop …
Live Styleguide

84. Business Analysis
User Research
Wireframes
Visual Design
Live Styleguide
Go Live

85. Keep it real
Keep testing with real users
Identify user difficulties
Prepare users for what’s coming
Understand rampup needed for users
Teasers and Presentation Videos
Controlled rollout with a BETA version
Go Live

86. www.outsystems.com/ux-for-it/

87. 5. Implementation of a UX
design process is key for a
successful application

88. 1. Mobile is now part of everyone’s lives
2. The Enterprise will need to cater to both desktops
and devices
3. Creating a good mobile experience is challenging
4. Great experiences depend on both platform and
process
5. Implementation of a UX design process is key for a
successful application

89. Gonçalo Veiga
Mobile & UX Services
goncalo.veiga@outsystems.com
Thanks

90. EMPTY