upstream V3 development https://www.gnusocial.rocks/v3
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

design_language.md 1.7 KiB

12345678910111213141516171819202122232425262728293031
  1. # Why a design language?
  2. Humans have an innate understanding for common, predictable and repeatable concepts. Our brains are, in fact, hardwired
  3. to take advantage of such phenomena, which is sometimes taken to great effects in optical illusions for example.
  4. Patterns emerge when concepts and actions, interlinked, construct a predictable outcome. With a common design language,
  5. we hope to achieve such predictability, and supply an innate understanding of user interaction.
  6. The goal isn't to have one and only design language, but to encourage new themes/interfaces to take similar steps on their
  7. design processes.
  8. ## Predictability and user experience
  9. A good book implies meaning, perhaps through environmental storytelling, or any other thought exercise that assumes
  10. a conscious, and rational reader capable of processing information. Not just present it.
  11. The same is true for a good UI, it shouldn't be explained, there should be an innate understanding.
  12. ### User Interface Universal Language
  13. Web technologies as a whole contain a set of constraints for organizing web pages. This implies that all web pages have
  14. a common structural basis.
  15. Users accustomed to surfing the Web know which user interactions are acceptable and which aren't.
  16. The key puzzle is how users come to know these restrictions of their Web UI. This is the crux of any
  17. accessible Web page, an hierarchy needs to be followed as well as common standards.
  18. ### Canons of page construction
  19. The aforementioned comparison between books and Web pages isn't just a coincidence, given the resemblance between the
  20. two mediums. From their presentation to fundamental theory, it's only natural to apply core book design ideas to the Web.
  21. ### User customization