O slideshow foi denunciado.
Seu SlideShare está sendo baixado. ×

Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz de Rivera

Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio

Confira estes a seguir

1 de 72 Anúncio

Mais Conteúdo rRelacionado

Diapositivos para si (20)

Quem viu também gostou (20)

Anúncio

Semelhante a Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz de Rivera (20)

Mais de DEVCON (15)

Anúncio

Mais recentes (20)

Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz de Rivera

  1. 1. Software Engineer to UX Engineer. Open minded? Ask me how.
  2. 2. 6 Mica Diaz de Rivera @Micael Fb.com/Micael linkedin.com/in/madiazderivera JS Camp Asia(Singapore) 2012 UX Hong Kong 2013, 2014, 2015, 2016 UX Malaysia2013 UX Singapore 2013 Service Design HK 2016 Post graduate coursework with the University of the Philippines Statistical Center Research Foundation Tutor at UPOpen University (Computer Science and Management Information Systems) Co-Founderof UXPH Has done 40+ talks and workshopson development and UX across the country and abroad including DevCon Summits (2), Philippine Web Designer Organization’s Form Function and Class, and the Philippine Software Industry Association’sSoftCon. (2010 – 2012)– Software Engineer (2012 – 2016) - UX Engineer 6 Years at Sulit.com.ph | OLX.ph 6 Months at NuWorks Interactive Labs
  3. 3. is a full service interactive business solutions agency that builds innovative digital technologies, properties, solutions and platforms for online and mobile advertising.
  4. 4. 14 Industry Awards including… Agency of the Year Awards | Digital Excellence Award – Best in Production for two straight years 105 kick-ass employees
  5. 5. That thing about me working inside a playground? That was literal, my friends. Spot.ph’s Coolest Offices in Manila – NuWorks Interactive Labs
  6. 6. You look familiar… Are you that ex Pokémon Professor guy from DevCon Summit 2015?
  7. 7. Recap DevCon Summit 2015
  8. 8. Expectation Setting This is a soft topic talk. Unfortunately no nosebleeds to be expected this afternoon
  9. 9. Agenda Quick Definition and Review of this thing called UX (2 Minutes) Job Description of a UX Engineer (6 Minutes) Open minded ako! Bridging the gap from Software Engineer to UX Engineer (20 Minutes)
  10. 10. Field research, Face to faceinterviewing, Creation of usertests, Gathering and organizing statistics, Creating personas, Product design, Feature writing, Requirement writing, Graphic arts, Interaction design, Informationarchitecture, Usability, Prototyping, Interfacelayout, Interface design, Visual design, Taxonomy creation, Terminologycreation, Copywriting, Presenting andspeaking, Working tightly with programmers,Brainstormcoordination, Designculture evangelism HOW UX IS TYPICALLYSEEN
  11. 11. HOW UX WANTS TO BE SEEN • Fieldresearch, • Face to face interviewing, • Creationof usertests, • Gathering andorganizing statistics, • Creatingpersonas, • Product design, • Featurewriting, • Requirement writing, • Graphicarts, • Interactiondesign, • Information architecture, • Usability, • Prototyping, • Interface layout, • Interfacedesign, • Visualdesign, • Taxonomycreation,Terminology creation, Copywriting, • Presentingandspeaking, Working tightly with programmers, • Brainstormcoordination, • Design culture evangelism
  12. 12. By Dan Saffer and Thomas Gläser
  13. 13. Most of us in this room are probably some kind of software engineer. (DevCon Summit eh…)
  14. 14. “User Experience (UX) Engineers are the synthesis of design and development.” “You’ll need both design aesthetic and technical know-how to develop the next generation of products.” You'll partner with Researchers and Designers to define and deliver new features, test new concepts and assist with final implementation.
  15. 15. •BS degree in Computer Science or related technical field or equivalent practical experience. •4 years of developing websites and applications. •HTML5, CSS3, and JavaScript development experience. •Experience with development on mobile platforms. Google’s Minimum Requirements for a UX Engineer
  16. 16. • 7 years of developing clean, valid, and compatible websites and applications. • Experience with Object Oriented JavaScript and modern JavaScript libraries (e.g., Closure, jQuery, Node.) • Experience with vector and motion graphics, including SVG, HTML5 Canvas, and Animation via JavaScript and CSS. • Fluency in one or more of: Python/PHP/Ruby, Flash/ActionScript, Objective-C or Java. • Excellent leadership, communication, project management, and organizational skills. Google’s Preferred Requirements for a UX Engineer
  17. 17. Short Version of Talk: You’re already halfway there.
  18. 18. Short Version of Talk: You’re already halfway there. Software Engineer – 2 Combined Words UX Engineer – 1 out of 2 from Software Engineer = HALFWAY THERE!?
  19. 19. “User Experience (UX) Engineers are the synthesis of design and development.” “You’ll need both design aesthetic and technical know-how to develop the next generation of products.” Let’s explore how we could fill these gaps in the next 20 minutes.
  20. 20. Open minded ako! Bridging the gap from Software Engineer to UX Engineer Lesson 1: Design Critique
  21. 21. Last Year
  22. 22. Today
  23. 23. Today
  24. 24. Open minded ako! Bridging the gap from Software Engineer to UX Engineer Lesson 2: Understanding Patterns
  25. 25. Lesson 2.1: How to stand up
  26. 26. Lesson 2: Understanding Patterns Find a partner 1-2
  27. 27. Open minded ako! Bridging the gap from Software Engineer to UX Engineer • Consistency is a pattern • Redundancy is a pattern • Grouping related things together is a pattern
  28. 28. Lesson 2: Understanding Patterns Stay with your partner 1-2-3
  29. 29. Open minded ako! Bridging the gap from Software Engineer to UX Engineer Breaking patters (consistency, redundancy, and grouping) makes things difficult for human beings.
  30. 30. Lesson 2: Understanding Patterns Stay with your partner 1-2-3-4
  31. 31. Lesson 2: Understanding Patterns Stay with your partner 1-CLAP-3
  32. 32. Lesson 2: Understanding Patterns Stay with your partner JUMP-CLAP-3
  33. 33. Lesson 2: Understanding Patterns Stay with your partner JUMP-CLAP-RAISE THE ROOF
  34. 34. Open minded ako! Bridging the gap from Software Engineer to UX Engineer Lesson Review 1: Design Critique
  35. 35. Open minded ako! Bridging the gap from Software Engineer to UX Engineer Lesson 3: Understanding The Concept of Cognitive Load
  36. 36. Review Lesson 2.1: How to stand up
  37. 37. Lesson 2: Understanding The Concept of Cognitive Load Find a partner Hold Hands
  38. 38. Lesson 2: Understanding The Concept of Cognitive Load Find a partner Hold Hands Thumb Wars Style Best of 3
  39. 39. Lesson 2: Understanding The Concept of Cognitive Load Find a partner Hold Hands Thumb Wars Style (with EVERYONE) Best of 1
  40. 40. Open minded ako! Bridging the gap from Software Engineer to UX Engineer Lesson 4: Practicing Empathy in Design
  41. 41. Open minded ako! Bridging the gap from Software Engineer to UX Engineer Lesson 5: Usability Testing
  42. 42. Open minded ako! Bridging the gap from Software Engineer to UX Engineer Lesson 5: Develop a love for Measuring… anything
  43. 43. Open minded ako! Bridging the gap from Software Engineer to UX Engineer - Design Critique - Understanding Patterns - Dive into some Cognitive Psychology - Practice Empathy - Learn Usability Testing - Analytics
  44. 44. • 7 years of developing clean, valid, and compatible websites and applications. • Experience with Object Oriented JavaScript and modern JavaScript libraries (e.g., Closure, jQuery, Node.) • Experience with vector and motion graphics, including SVG, HTML5 Canvas, and Animation via JavaScript and CSS. • Fluency in one or more of: Python/PHP/Ruby, Flash/ActionScript, Objective-C or Java. • Excellent leadership, communication, project management, and organizational skills. Google’s Preferred Requirements for a UX Engineer
  45. 45. UX UX is a process wherein we continuously break thinga and make them better
  46. 46. We havea Strategy Team
  47. 47. We have a development and QA team
  48. 48. We havean Analytics Team
  49. 49. We havea UX Team UX
  50. 50. “User Experience (UX) Engineers are the synthesis of design and development.” “You’ll need both design aesthetic and technical know-how to develop the next generation of products.” You'll partner with Researchers and Designers to define and deliver new features, test new concepts and assist with final implementation.
  51. 51. Short Version of Talk: You’re already halfway there. Software Engineer – 2 Combined Words UX Engineer – 1 out of 2 from Software Engineer = HALFWAY THERE!?
  52. 52. Open minded ako! Bridging the gap from Software Engineer to UX Engineer - There are so many free tools to make you look awesome. - Adobe XD is still for free - POP Prototyping on Paper is for free - Google Analytics is for free etc.
  53. 53. 152 Awesome UX Talks: https://vimeo.com/channels/uxweek 40 Cool Service Design Talks: https://vimeo.com/channels/sxconference 102 Managing Experience Design Talks: https://vimeo.com/channels/mxconf Facebook: fb.com/micael Twitter: @micael Email: mica.diazderivera@nuworks.ph LinkedIn: madiazderivera
  54. 54. Interested in joining our playground at NuWorks? Email: mica.diazderivera@nuworks.ph

Notas do Editor

  • Why are you here? Maybe this is you? But first…. UX definition
  • Most of us in this room are probably some kind of software engineer. DevCon Summit eh.

    Some of us are borderline OPEN MINDED. Curious to jumping to UX but not abandoning the craft of development.

    What is a UX Engineer?
  • According to Google who’s actively looking for UX Engineers…
  • You already have the Engineer part of UX Engineer so you’re technically halfway there?
  • Going back to the description of a UX Engineer…

    We’re already adept and well versed with development and we already posses technical know-how to develop the next generation of products.
  • Correct flows, functions, and excess navigation instead of aesthetic value
  • “What did you learn from DevCon Summit 2016? The speaker taught us the step by step procedure on how to stand up.”
  • Consistency is a pattern
    Redundancy is a pattern
    Grouping related things together is a pattern
  • Consistency is a pattern
    Redundancy is a pattern
    Grouping related things together is a pattern

    Buttons and interaction behave similarly. You have that sense that you’re in the same app and you expect things to work the way they should
  • Breaking patters (consistency, redundancy, and grouping) makes things difficult for human beings
    But as you notice… it get’s easier and easier to do a “broken pattern” as you get used to it. This is normal as we humans learn. This is the same as users learning your “breaking pattern.” Very possible but as you can see takes time and effort.
  • More numbers doesn’t mean more difficult. Patterns help keep your focus in tact despite volume.

    Oks lang na super hard core yung tables mo as long as my pattern. Carry yan.
  • Breaking patters (consistency, redundancy, and grouping) makes things difficult for human beings
    But as you notice… it get’s easier and easier to do a “broken pattern” as you get used to it. This is normal as we humans learn. This is the same as users learning your “breaking pattern.” Very possible but as you can see takes time and effort.
  • Breaking patters (consistency, redundancy, and grouping) makes things difficult for human beings
    But as you notice… it get’s easier and easier to do a “broken pattern” as you get used to it. This is normal as we humans learn. This is the same as users learning your “breaking pattern.” Very possible but as you can see takes time and effort.

    WHAT’S NEXT?
  • Breaking patters (consistency, redundancy, and grouping) makes things difficult for human beings
    But as you notice… it get’s easier and easier to do a “broken pattern” as you get used to it. This is normal as we humans learn. This is the same as users learning your “breaking pattern.” Very possible but as you can see takes time and effort.
  • “What did you learn from DevCon Summit 2016? The speaker taught us the step by step procedure on how to stand up.”
  • Everything we do has some use of one’s cognitive load.
  • Everything we do has some use of one’s cognitive load.
  • Everything we do has some use of one’s cognitive load.
    The more things we do at the same time the harder it is to focus on one thing.
  • From Samantha Chan

    Technical UX Stuff
  • Reduction of excess cognitive load helps drive more conversion making any site or app better and thus giving value to UX
  • You’ve seen this image so many times before.

    If you can put yourself in this story, this scenario, and feel the awkwardness. You’re capable of being a good UX person.
    When we’re building our software, put ourselves in the shoes of others and in the predicament of others.

    No background. No context.

    Imagine myself watching my parents use an app or a website.
  • Google Analytics is Free

    It allows you to do event tracking. Basic A/B Testing. Tells you the screen resolution of your visitors. Heck, even their gender, their likes, their demography. For free. In the advertising industry… what use is it to have a UX Engineer?
  • Things we’ve tackled so far
    Design Critique, Understanding Patters, Dive into some cognitive psychology, practicing empathy, learn some usability testing

    That’s the “design” part of UX Engineering. Where does my engineering or development background come into play? Let’s go back to the prefered requirements for a Google UX Engineer…
  • To be an effective UX Specialist or a UX Engineer you have to be able to understand how systems work, it’s limitations, and it’s potential.

    UX people were not meant to be super stars. They’re supposed to be the 6th man of the team. Always there but almost invisible.

    YOU know how systems work, heck you build it. When thinking of solutions as a UX Engineer you’re not bound technical stuff thus allowing you to make better solutions.
  • To be an effective UX Specialist or a UX Engineer you have to be able to understand how systems work, it’s limitations, and it’s potential.

    UX people were not meant to be super stars. They’re supposed to be the 6th man of the team. Always there but almost invisible.

    YOU know how systems work, heck you build it. When thinking of solutions as a UX Engineer you’re not bound technical stuff thus allowing you to make better solutions.
  • To be an effective UX Specialist or a UX Engineer you have to be able to understand how systems work, it’s limitations, and it’s potential.

    UX people were not meant to be super stars. They’re supposed to be the 6th man of the team. Always there but almost invisible.

    YOU know how systems work, heck you build it. When thinking of solutions as a UX Engineer you’re not bound technical stuff thus allowing you to make better solutions.
  • To be an effective UX Specialist or a UX Engineer you have to be able to understand how systems work, it’s limitations, and it’s potential.

    UX people were not meant to be super stars. They’re supposed to be the 6th man of the team. Always there but almost invisible.

    YOU know how systems work, heck you build it. When thinking of solutions as a UX Engineer you’re not bound technical stuff thus allowing you to make better solutions.
  • The UX Engineer doesn’t do everything. FAR from it. They enable the teams to be better at their work because he/she is an effective bridge that an see everything from a wholistic perspective.
  • I was once asked from which among the teams would it be most easiest to develop a UX Engineer.

    Answer: The one with some sort of engineering background
  • Things we’ve tackled so far
    Design Critique, Understanding Patters, Dive into some cognitive psychology, practicing empathy, learn some usability testing

    That’s the “design” part of UX Engineering. Where does my engineering or development background come into play? Let’s go back to the prefered requirements for a Google UX Engineer…
  • The presentation is an oversimplistification of the work of a UX Engineer and Designer but I hope it sparked your interest or it has atleast inspired you that you can be whatever you want to be as long as you put the hours in it.
  • I was once asked from which among the teams would it be most easiest to develop a UX Engineer.

    Answer: The one with some sort of engineering background

×