Beyond basics of_ux
Download as PPTX, PDF20 likes2,183 views
The document outlines five key steps to achieve good user experience (UX): strategy, scope, structure, skeleton, and surface. It emphasizes the importance of understanding user needs, defining functionalities, and prioritizing features through various methods. Additionally, it discusses the role of design elements and the necessity for continuous evaluation and improvement in UX processes.
Beyond basics of_ux
- 1. BEYOND BASICS OF UX Presented by Marlin Jayakody Manager UI UX – ExcelSoft Global
- 5. Even the Ninja Turtles have them
- 8. 8
- 10. 10
- 11. 11
- 12. 13 “We are in the age of experience” Jared Spool (2007) #ux-beyondbasics
- 13. “That’s all great but, how do you actually do it?”
- 14. IT’S EASY AS 123 #ux-beyondbasics
- 15. 5 STEPS TO ACHIEVE GOOD UX #ux-beyondbasics 1.STRATEGY 2.SCOPE 3.STRUCTURE 4.SKELETON 5.SURFACE
- 16. #ui-uxworkflow
- 17. STRATEGY Find out the objectives of the application and what will be the business needs of the target user. Discuss about the branding of the product and how it will reach to our clients, Creating personas after basic interviews with the users and identify user needs and how they are used to work in their environment. Look at the industry standards and what are the levels and the standard of your competitors. #ux-beyondbasics
- 18. SCOPE Functional Specifications: Discussing the Functionalities of the product. Technical requirements: The technology which is used to achieve the proposed functionality, Limitations and Possibilities. Content requirements: The content elements of the system. What the user needs exactly and how we are going to include the content which will speak to the user. #ux-beyondbasics
- 19. SCOPE Using the MUSCW method Prioritize functionalities and features of the product. Must – Things must be done in the current version. Should – do it if the time allows it. Could – what could we do to make it better. Won’t – won’t do it at the moment. #ux-beyondbasics
- 20. STRUCTURE Creating user flow diagrams of the project. Scenarios of the use of the software: in some cases we can speak about the different scenarios which the software might be used by explaining through story boards. Literature - what language we are using in the application. #ux-beyondbasics
- 21. UI Wireframe design. Information Architecture. Alterations of the design. #ux-beyondbasics VISUAL DESIGN Skeleton
- 22. VISUAL DESIGN Surface Selecting icons and colors . Style Guides. Front end Development. #ux-beyondbasics
- 23. EVALUATE & IMPROVE User Testing Track real world usage Continuous improvement #ux-beyondbasics
- 25. #ux-beyondbasics www. uxcolombo.org meetup@uxcolombo.org www.facebook.com/uxcolombo @UXColombo WE ARE HERE TO HELP
- 26. THANKS FOR TOLERATING For any questions tweet me on @MarlinJayakody
Editor's Notes
- #2: thanks for inviting Wont be interested to know more about me.
- #3: Does Anyone recognize this device? SanDisk. came out in 2006.
- #4: Do you know this device? Do you know any one who owns this? a Zune HD by Microsoft wi-fi, with many A/v formats and good audio quality 7 Years before this came up
- #5: 2001 changed everything weren’t in the consumer electronics only CD Walkman’s and small flash drive music players was so popular that even these guys started using it
- #6: white color headphones know that you have an iPod became a fashion statement
- #7: ipods wasn’t that cool few audio formats audio quality wasn’t the best No control over library – No Delete Have to use this
- #8: In windows it sucks why we Love ipod how ipod gain big market share the overall user experience.
- #9: understood the importance of UX consistency in branding Job Title of Genius business of moving boxes of enriching lives & good UX
- #10: this site to advertise or buy goods?
- #11: heard of this site? constantly improved to suite the user’s needs common design language Good performance Both June 2012.
- #12: the hit add or the lahipita looking to buy a new car understood me better clear hierarchy of information Desscribe Smart market Both June 2012. UX made ikman.lk the winner
- #13: best ideas has already been taken Before Facebook Hi5 and Myspace Zuckerberg knew what his users needed. NO fancy UI but the UX well done.
- #14: Jared Spool think about how true that is Virtual and Augmented realities no turning away
- #15: So you guys want to know how it’s done? Let’s show Kanye West how it’s done.
- #16: Like the Jackson 5 says. It’s easy as 123 and ABC.
- #17: 2000 - Jesse James Garrett 5 easy steps to achieve better UX It’s up to you how you follow it.
- #18: Always remember to stick everything on a wall
- #19: the lightbulb stage All members, objectives business & user needs Speak with your users. Visit Users in work environment study your competitors
- #20: Functional Tech specs with Architect or TechLead limitations and possibilities Content requirements content of the application
- #21: Prioritize functionalities first iteration or the first release Cant do all in one implementation plan your UX features
- #22: Navigation and the user flow diagrams Use Case Screens linked or interrelated technical informal language
- #23: Stick to pen or pencil and paper first team members to participate ownership of the design best creative ideas ever
- #24: Photoshop colors typography UI element styles Style guide quick HTML mockups.
- #25: test your designs accept your mistakes improving your solutions constantly User Testing eye tracking, heat maps AB TESTING, Shadowing
- #26: Birds eye view five easy steps of UX roughly 2 depends on the application
- #27: this awesome community help the community to achieve better UX Conduct workshops and consultancy for better UX in SL