Practical tips for Digital Designers - Corporate Innovation Summit Bangkok March 28-29 Centara Grand at Central World.

1. UX Workshop
How to design a product with great user experience
Raj Lal, March 28, 2019. Centara Grand Convention Center, Bangkok

2. Raj Lal
● Founder, Pro UX Review
● Author - Digital Design .
● Stanford UX workshops
● 12+ yrs, Nokia, Sony, Cisco

3. What is User Experience?

4. User Experience
The Art and Science of bringing
User into Product Development

5. Art of User Experience
1. Understanding Business Objective
2. Understanding the User
3. Understanding the Context
ASSUMPTIONS

6. Science of User Experience
● Research
● Data Analysis
● Testing
VALIDATIONS

7. Bring the User In
Team understands the user
● User Personas
● Storyboard
● User Journey

8. Product Development
Team
● Product Management
● Design
● Engineering

9. Formula
Great UX happens when Business,
Design and Engineering have equal
stakes

10. Business
EngineeringDesign
Great
UX
Formula

11. Great User Experience Formula
Not Business Driven
Not Design Driven
Not Engineering Driven

12. User Experience Process

13. UX Process
Who What How

14. 1. Who (User Research)

15. 2. What (Interaction Design)

16. 3. How (Visual Design)

17. Workshop
Design a feature for a Cyber Security
Company

18. #1. Design Exercise - Security Company
We have constantly heard from our customers that they would like to have the
capability of managing their assets on their own. Management of assets would
require the following functionality -
1. Create asset
2. Link asset to a listing (Listing is a superset that may have one+ assets in it)
3. Edit asset
4. Deactivate asset
As a UX designer, you are being asked to come up with a design for use case -
Create Asset. The asset will be created by the customer on our platform on their
own.

20. 5 minutes
Write down/ Draw how the final product
you invision look like, use color pencils
if needed

21. UX Process
Who What How

22. Who (User Research)
Security Analyst

23. Security Analyst (15 minutes)
1. 5 different ways you will do user research
2. 10 questions you will ask about user and
context
3. Create a User Profile (Persona) with Traits,
Gender, Salary, Education, Age.

24. User Research
1. Quantitative
a. LinkedIn Profiles
b. Indeed Job Postings
c. Online Security Forums
d. User Surveys
2. Ask user to show his work desk, watch over the shoulder
3. Interview Users

25. Questions to Ask about Security Analyst
1. What is his day to day operations?
2. How often the user uses this feature, daily, weekly,
monthly?
3. How critical is this feature to the users day to day
operations?
4. How tech savvy the user is Low, Medium, High?
5. What are some other applications the user uses in their
daily work?

26. Questions to Ask about Security Analyst
1. What are the other tools he uses?
2. What devices he uses to interact with the application?
3. How critical is this feature to the users day to day
operations?
4. Is this application used in Tablet, Mobile phones?
5. Does the application need to be accessible /meant for
federal companies? Section 508 compliance?

27. Questions to Ask about Features
1. Can you give me an example data for the Assets and the
Listing?
2. What’s the purpose of creating these assets?
3. How critical is this feature to the application?
4. What is a listing? What are the different fields/ parameters
of a listing. Please give a real example.
5. What’s the goal and Objective of the User

28. Who is a Security Analyst?
Plan and carry out measures to protect an
organization’s computer networks and systems.
* Information Security analyst link

29. Who is a Security Analyst?
● Traits: Analytical, Detailed, Problem Solving
● Education: Information Systems & Technology
● Certification: CISO / CISA
● Gender: 80% Male
● Avg Salary: $95,510
● Avg Age: 41.4
* Information Security analyst link & link

30. Tag Cloud for 20 Security Analyst Job

31. Meet
Darren Kearl
Information Security
Analyst at eHealth,
Santa Clara
Age 46
17 years experience in
Compliance, Security
Masters in Info Security
BS in Comp. Science

32. Darren’s Role
Lot of Action
● Investigate a security breach
○ Discover Attack surface
○ Identify Risk
○ Mitigate the risk or fix issues to
eliminate risk
● Simulate attacks
● Prepare reports for security
breaches and the damage

33. ● Monitor 24/7 an organization’s
network for security breaches
● Be familiar with the latest IT
security trends
● Recommend security
improvements
Darren’s Role
Stay on Top

34. Darren’s Tools
of the Trade
Each Security analyst uses a
range of tools
● nMap
● Burp Suit and Zap
● Wireshark
● Snort
● WPScan
● sqlmap
● Cain&Abel
● MetaSploit
● tcpdump
● OpenSSH
Top 10 tools for cyber security expert link
Top tools for security analyst link

35. Darren’s
Tools
1. Command Line Tools
2. Desktop Applications
3. Advance User
4. Keyboard friendly
5. Lot of configurations

36. UX Process
Who What How
(User Res.) (IxD) (Design)

37. What (Interaction Design)

38. Interaction
Design
Create quick wireframes to
mockup what we are going to do
This is an iterative step, you expand your option
and then narrow down to one
1. Creating Assets
Need Form, List, Edit

39. Wireframes (15 minutes)
● Design Two different types of Wireframes for
the feature
● Write down pros and cons of each approach
Use White Paper / Pen/ Pencils (minimal colors)

40. #1. Creating Assets
We have constantly heard from our customers that they would like to have the
capability of managing their assets on their own. Management of assets would
require the following functionality -
1. Create asset
2. Link asset to a listing (Listing is a superset that may have one+ assets in it)
3. Edit asset
4. Deactivate asset
As a UX designer, you are being asked to come up with a design for use case -
Create Asset. The asset will be created by the customer on our platform on their
own.

41. Option 1 - Wizard
Pros
- Simple
- Scalable
Cons
- Extra steps
- Keyboard friendly

42. Option 2 - Rolling Form
Pros
- Fast
- Keyboard friendly
Cons
- Large number of fields?

43. Asset List

44. Asset

45. Wireframes
https://projects.invisionapp.com/freehand/document/ATiI7tdFG

46. UX Process
Who What How
(User Res.) (IxD) (Design)

47. How (Visual Design)

48. Visual Design
● Inspirations
● Color
● Font
● Iconography

49. Visual Design (15 minutes)
● Find Inspirations
● Create a Color Palette
○ Colors for Active Buttons
○ Colors for Threat Levels
○ Color for Background
● What Font you will use? What Icons
● Design the Visual (Use Colors)

54. #1. Creating Assets
We have constantly heard from our customers that they would like to have the
capability of managing their assets on their own. Management of assets would
require the following functionality -
1. Create asset
2. Link asset to a listing (Listing is a superset that may have one+ assets in it)
3. Edit asset
4. Deactivate asset
As a UX designer, you are being asked to come up with a design for use case #1 -
Create Asset. The asset will be created by the customer on our platform on their
own.

58. 5 minutes
Go back to your initial Design
Write down what changed!

59. Thank You
UX Workshop - Design a product with great user experience
Raj Lal, rajlal@live.com March 28, 2019. Centara Grand Convention Center, Bangkok