11/11/2022 0 Comments Drag and drop circles angular
Setting up any kind of UX standard will help drag and drop become a familiar interaction rather than feeling like a disjointed experience. These standards will help set up a basic foundation for connecting drag and drop instances within an interface, but there are many other ways to standardize drag and drop across components. There are many different icons used to represent drag handles, but choose only one and stick with it. However, we did present handles for cards because not all cards are draggable. But in cases where drag and drop is always an expected behavior, it isn’t necessary.įor example, we didn’t present handles in a tree view because it’s expected to be able to move around nodes in a tree view. For components that don’t typically involve drag and drop, a drag handle helps users discover drag and drop as an available action. The presence of drag handles largely depends on context. Avoid colors that already have significance in your interface (ex: red for destructive actions). Use a distinct color choice that isn’t used often in your design system to identify drag and drop interactions. The color purple (not the book, or the movie) #Drag and drop circles angular how to#If you work on a design system team, these might help you start thinking about how to address drag and drop patterns for your own design system. That way, the affordances can still be applied to new use cases that aren’t one of the ones listed above. I started by establishing a small library of simple, yet effective design affordances that represent drag and drop and tie separate instances of drag and drop together.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |