UX Workshop: How to design a product with great user experience
Download as PPTX, PDF3 likes653 views
The workshop, led by Raj Lal, focuses on designing products with great user experience (UX) by integrating business objectives, user understanding, and engineering. Key processes include user research, interaction design, and visual design, with practical exercises centered on creating an asset management feature for a cybersecurity company. Participants engage in hands-on activities to develop user personas, wireframes, and visual elements while considering user needs and contexts.
UX Workshop: How to design a product with great user experience
- 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
- 11. Great User Experience Formula Not Business Driven Not Design Driven Not Engineering Driven
- 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)
- 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
- 46. UX Process Who What How (User Res.) (IxD) (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
Editor's Notes
- #9: User Persona is a fictional character created to represent a user type that might use your product.
- #10: To make it Succesful
- #11: To make it Succesful
- #12: To make it Succesful
- #24: User Persona is a fictional character created to represent a user type that might use your product.
- #33: https://salarieswiki.com/information-security-analyst/
- #34: https://salarieswiki.com/information-security-analyst/
- #40: User Persona is a fictional character created to represent a user type that might use your product.
- #50: User Persona is a fictional character created to represent a user type that might use your product.