SlideShare uma empresa Scribd logo
1 de 26
BEYOND BASICS OF
UX
Presented by
Marlin Jayakody
Manager UI UX – ExcelSoft Global
.
#ui-uxworkflow
Even the Ninja Turtles
have them
8
10
11
13
“We are in the age of experience”
Jared Spool (2007)
#ux-beyondbasics
“That’s all great but,
how do you
actually do it?”
IT’S EASY AS 123
#ux-beyondbasics
5 STEPS TO ACHIEVE
GOOD UX
#ux-beyondbasics
1.STRATEGY
2.SCOPE
3.STRUCTURE
4.SKELETON
5.SURFACE
#ui-uxworkflow
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
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
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
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
 UI Wireframe design.
 Information Architecture.
 Alterations of the design.
#ux-beyondbasics
VISUAL DESIGN Skeleton
VISUAL DESIGN Surface
 Selecting icons and colors .
 Style Guides.
 Front end Development.
#ux-beyondbasics
EVALUATE & IMPROVE
 User Testing
 Track real world usage
 Continuous improvement
#ux-beyondbasics
#ux-beyondbasics
www. uxcolombo.org
meetup@uxcolombo.org
www.facebook.com/uxcolombo
@UXColombo
WE ARE HERE TO HELP
THANKS
FOR TOLERATING
For any questions tweet me on
@MarlinJayakody

Mais conteúdo relacionado

Semelhante a Beyond basics of_ux

How to build a kick-ass mobile experience
How to build a kick-ass mobile experienceHow to build a kick-ass mobile experience
How to build a kick-ass mobile experience
Michael Dick
 

Semelhante a Beyond basics of_ux (20)

Your Brain on Responsive Design
Your Brain on Responsive DesignYour Brain on Responsive Design
Your Brain on Responsive Design
 
Collaborating with UX
Collaborating with UXCollaborating with UX
Collaborating with UX
 
User Experience as a Strategic Advantage
User Experience as a Strategic AdvantageUser Experience as a Strategic Advantage
User Experience as a Strategic Advantage
 
Usability in ABAP Programs - SITSP2011
Usability in ABAP Programs - SITSP2011Usability in ABAP Programs - SITSP2011
Usability in ABAP Programs - SITSP2011
 
uxpablo.io
uxpablo.iouxpablo.io
uxpablo.io
 
Intro to UX Development Process
Intro to UX Development ProcessIntro to UX Development Process
Intro to UX Development Process
 
Building a UX Process at Salesforce that Promotes Focus and Creativity
Building a UX Process at Salesforce that Promotes Focus and CreativityBuilding a UX Process at Salesforce that Promotes Focus and Creativity
Building a UX Process at Salesforce that Promotes Focus and Creativity
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trends
 
ETUG Spring 2012 - Leveraging WordPress for Mobile Learning: A Case Study
ETUG Spring 2012 - Leveraging WordPress for Mobile Learning: A Case StudyETUG Spring 2012 - Leveraging WordPress for Mobile Learning: A Case Study
ETUG Spring 2012 - Leveraging WordPress for Mobile Learning: A Case Study
 
Incorporating UX into Your Projects
Incorporating UX into Your ProjectsIncorporating UX into Your Projects
Incorporating UX into Your Projects
 
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
 
How to build a kick-ass mobile experience
How to build a kick-ass mobile experienceHow to build a kick-ass mobile experience
How to build a kick-ass mobile experience
 
Portfolio of Wenzhu Zou
Portfolio of Wenzhu ZouPortfolio of Wenzhu Zou
Portfolio of Wenzhu Zou
 
What I've Learned about UX Design
What I've Learned about UX DesignWhat I've Learned about UX Design
What I've Learned about UX Design
 
What is user experience(ux) & ux designer
What is user experience(ux) & ux designerWhat is user experience(ux) & ux designer
What is user experience(ux) & ux designer
 
Importance of User eXperience
Importance of User eXperienceImportance of User eXperience
Importance of User eXperience
 
HTML5 Meetup | Back to Basics: Wireframing & Planning
HTML5 Meetup | Back to Basics: Wireframing & PlanningHTML5 Meetup | Back to Basics: Wireframing & Planning
HTML5 Meetup | Back to Basics: Wireframing & Planning
 
Hunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX ProfessionalHunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX Professional
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design Success
 
ui/ux training institutes in Hyderabad
ui/ux training institutes in Hyderabadui/ux training institutes in Hyderabad
ui/ux training institutes in Hyderabad
 

Último

VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
aroranaina404
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
soniya singh
 
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
anilsa9823
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
dollysharma2066
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
University of Wisconsin-Milwaukee
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
 

Último (20)

VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
 
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneCase Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
 
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
 
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 

Beyond basics of_ux

  • 1. BEYOND BASICS OF UX Presented by Marlin Jayakody Manager UI UX – ExcelSoft Global
  • 2.
  • 4.
  • 5. Even the Ninja Turtles have them
  • 6.
  • 7.
  • 8. 8
  • 9.
  • 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
  • 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
  • 24.
  • 26. THANKS FOR TOLERATING For any questions tweet me on @MarlinJayakody

Notas do Editor

  1. thanks for inviting Wont be interested to know more about me.
  2. Does Anyone recognize this device? SanDisk. came out in 2006.
  3. 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
  4. 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
  5. white color headphones know that you have an iPod became a fashion statement
  6. ipods wasn’t that cool few audio formats audio quality wasn’t the best No control over library – No Delete Have to use this
  7. In windows it sucks why we Love ipod how ipod gain big market share the overall user experience.
  8. understood the importance of UX consistency in branding Job Title of Genius business of moving boxes of enriching lives & good UX
  9. this site to advertise or buy goods?
  10. heard of this site? constantly improved to suite the user’s needs common design language Good performance Both  June 2012.
  11. 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
  12. 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.
  13. Jared Spool think about how true that is Virtual and Augmented realities no turning away
  14. So you guys want to know how it’s done? Let’s show Kanye West how it’s done.
  15. Like the Jackson 5 says. It’s easy as 123 and ABC.
  16. 2000 - Jesse James Garrett 5 easy steps to achieve better UX It’s up to you how you follow it.
  17. Always remember to stick everything on a wall
  18. the lightbulb stage All members, objectives business & user needs Speak with your users. Visit Users in work environment study your competitors
  19. Functional Tech specs with Architect or TechLead limitations and possibilities Content requirements content of the application
  20. Prioritize functionalities first iteration or the first release Cant do all in one implementation plan your UX features
  21. Navigation and the user flow diagrams Use Case Screens linked or interrelated technical informal language
  22. Stick to pen or pencil and paper first team members to participate ownership of the design best creative ideas ever
  23. Photoshop colors typography UI element styles Style guide quick HTML mockups.
  24. test your designs accept your mistakes improving your solutions constantly User Testing eye tracking, heat maps AB TESTING, Shadowing
  25. Birds eye view five easy steps of UX roughly 2 depends on the application
  26. this awesome community help the community to achieve better UX Conduct workshops and consultancy for better UX in SL