Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

CE^3 - Liam Spradlin, Francisco Franco - The Living Interface: Mutative Design

140 views

Published on

Mutative design is a theoretical design methodology that would allow interfaces and experiences to be born, live, and evolve according to a user’s realities.

With mutative design, things like physical ability, lighting, and vision are accounted for automatically, allowing interfaces to be engaging and accessible to every user, without compromise.

In this session we’ll give a brief overview of the rationale and process behind mutative design and take a look at the first mutative sample app - Selene. We’ll walk through Selene’s first mutations from design and development perspectives, and explore what’s next for mutative design.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

CE^3 - Liam Spradlin, Francisco Franco - The Living Interface: Mutative Design

  1. 1. The living interface: mutative design building & experiencing mutation with Selene
  2. 2. Liam Spradlin touchlab @liamspradlin Francisco Franco @franciscof_1990 +FranciscoFranco1990
  3. 3. The living interface: mutative design Building & experiencing mutation with Selene Intro Mutative Design Methodology Doubts Selene Until then
  4. 4. Wait, what? Mutative design & Project Phoebe Intro Mutative Design Methodology Doubts Selene Until then
  5. 5. Project Phoebe A first (open-source) step toward mutative design Intro Mutative Design Methodology Doubts Selene Until then
  6. 6. Mutative design Mutative design: a theoretical design methodology for interfaces and experiences that are born, live, and evolve according to a user’s reality. Intro Mutative Design Methodology Doubts Selene Until then
  7. 7. Mutative design Why mutate? Does this make any sense? Intro Mutative Design Methodology Doubts Selene Until then
  8. 8. Methodology Characteristics vs Extracharacteristic states Mother design Starter states & continued mutation Intro Mutative Design Methodology Doubts Selene Until then
  9. 9. Intro Mutative Design Methodology Doubts Selene Until then
  10. 10. Intro Mutative Design Methodology Doubts Selene Until then
  11. 11. Intro Mutative Design Methodology Doubts Selene Until then
  12. 12. Intro Mutative Design Methodology Doubts Selene Until then
  13. 13. Intro Mutative Design Methodology Doubts Selene Until then
  14. 14. Intro Mutative Design Methodology Doubts Selene Until then
  15. 15. Fundamental doubts User confidence Accounting for everything Tough decisions (deciding to mutate) Technical limitations Intro Mutative Design Methodology Doubts Selene Until then
  16. 16. Back to Selene Building & experiencing mutation Intro Mutative Design Methodology Doubts Selene Until then
  17. 17. Building mutations Challenges No APIs No examples (until now!) No best practices Choosing what to implement Intro Mutative Design Methodology Doubts Selene Until then
  18. 18. Ephemeral changes The contrast mutation Intro Mutative Design Methodology Doubts Selene Until then
  19. 19. Intro Mutative Design Methodology Doubts Selene Until then
  20. 20. Contrast mutation Developing the contrast mutation How it works Challenges Approach Developing for different Android devices Intro Mutative Design Methodology Doubts Selene Until then
  21. 21. Intro Mutative Design Methodology Doubts Selene Until then Long-term changes Transitioning over time Don’t pull the rug out Striking a balance with mother design
  22. 22. Intro Mutative Design Methodology Doubts Selene Until then Gaia: Mutation as a platform Mutation must happen automatically The bright and magical future How Gaia works in Selene
  23. 23. Intro Mutative Design Methodology Doubts Selene Until then Gaia in Selene How it works
  24. 24. Intro Mutative Design Methodology Doubts Selene Until then Designing for Gaia Mother palette Text/background contrast rules Keeping colors distinct
  25. 25. Intro Mutative Design Methodology Doubts Selene Until then
  26. 26. Intro Mutative Design Methodology Doubts Selene Until then
  27. 27. Intro Mutative Design Methodology Doubts Selene Until then
  28. 28. Intro Mutative Design Methodology Doubts Selene Until then
  29. 29. Intro Mutative Design Methodology Doubts Selene Until then
  30. 30. Intro Mutative Design Methodology Doubts Selene Until then
  31. 31. Intro Mutative Design Methodology Doubts Selene Until then
  32. 32. Intro Mutative Design Methodology Doubts Selene Until then Mutation as onboarding Onboaring in Selene Dark patterns Best practices
  33. 33. Intro Mutative Design Methodology Doubts Selene Until then
  34. 34. Intro Mutative Design Methodology Doubts Selene Until then Mutation as onboarding Onboaring in Selene Dark patterns Best practices
  35. 35. Intro Mutative Design Methodology Doubts Selene Until then Until then... selene.phoebe.xyz source.phoebe.xyz community.phoebe.xyz hello.phoebe.xyz

×