![]() ![]() What are we looking at? This may seem like an obvious question, but it can be hard to answer if you work with any large-scale application. Along with in-context search messaging, we added in some of the key alert-focused colors from the design system to make it easier to identify when a search is active in the UI. One area where this revision can be seen is in searching your work item list. Utilizing color to help identify some of these states has made it easier to see that there is a change in the system and that your view has been altered. It turned out that for most of these cases, certain selections and filters were applied without the user being able to clearly see that this was the case. This reinforces the fact that these two panels contain UI elements that control the display of the Main Panel.Īdditionally, many people often found themselves confused about why certain work items were not in view. ![]() On the right (V17), the Header and Organize Panel are recolored to provide a visual connection between those panels. On the left (before), all 3 regions are of similar color and tone, suggesting equal relation. Comparison of the color and tone of the UI before and after V17. The mind wants to group things together that make sense, and in this case, the Organize panel’s behavior and functionally made it a candidate to visually separate it from the list of items in the main view of Axosoft. Principles like this are nothing new, and in fact, they correlate to a well-known theory in cognitive physiology: Gestalt. One of the ways we applied color to enhance the experience was through making more visual distinctions between larger segments of the application to allow people to see groups of content more clearly and to make sense of a system with less thinking. ![]() The design and marketing team had developed the brand and provided general direction, using our internal style guide to help us apply things to Axosoft. The most noticeable change in Axosoft is the color palette that was applied across the system. Here is a rundown of what went into just a few of the many changes we made, and why we made them. But we came through it, and the process helped us set the stage for the next version of Axosoft. There were moments when discussions about hex values produced faces in pure #ff0000. With a laptop and a dream, the Axosoft team embarked on what would end up being a 4-month journey through a forest of UI and UX micro-improvements. This was the perfect starting point for our designer to create a visual exploration of how a reimagined Axosoft UI might look. We knew that the time was right for UI improvements, but the opportunity really presented itself recently, when Axosoft’s marketing team finished a rebrand with a new look and visual aesthetic. We appreciate all criticism, and we take it seriously (especially because we don’t want to be responsible for thousands of designer deaths per day). Here’s a good example:Įvery time a developer opens up axosoft, a UI designer dies. Until recently, some of our customers have been, shall we say, forthcoming in their feedback on our UI and their frustrations with it. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |