All posts
Last edited: Mar 29, 2023

AFFiNE Downhills Recap - Product Design Principle of AFFiNE

AFFiNE

Introduction

In the world of technology, user experience plays a vital role in the success of any product. At AFFiNE, we believe that aesthetics and design are crucial in delivering functionality and creating an immersive environment for users. We follow the modesty principle of design, which focuses on creating a comfortable medium for users to work on, allowing them to write down anything freely and undisturbed. We strive to bridge the gap between visual design and technical implementation to provide a better user experience.

The Modesty Principle of Design

The Modesty Principle of Design is the cornerstone of our product architecture plan at AFFiNE. We focus on creating a natural environment of creation, where users can work without interruptions. Our design philosophy revolves around creating a comfortable medium for users to work on, which is why we've reduced the usage of modal components such as popovers and light-boxes to the bare minimum. We believe that the design of an application should be simple, modest, and not distracting to the user.

Block Handle/Drag Handle

The Block Handle or Drag Handle is an example of how we've implemented the Modesty Principle of Design in our application. It's designed to be a modest element with a simplistic shape that doesn't attract the user's attention while typing. However, the color of the handle changes and becomes more visible as the cursor approaches it, and its shape changes while hovering over it. These changes in UI and interaction are designed to be subtle and not interrupt the user's workflow.

Conclusion

In conclusion, at AFFiNE, we believe that the design of an application plays a crucial role in the user experience. Our Modesty Principle of Design focuses on creating a natural environment of creation where users can work without interruptions. We believe that the design of an application should be simple, modest, and not distracting to the user. The Block Handle or Drag Handle is an example of how we've implemented this principle in our application. We will continue to follow our design philosophy of creating an immersive environment for users to work in while maintaining simplicity and modesty.

Get more things done, your creativity isn't monotone

Explore on Desktop
Stars on GitHub