![]() The positioning of information in the visible area should also be deliberately structured, based on the reading direction of the target audience. The filled icon style should be used as the default for status because it attracts maximum attention. There are three different icon styles: Regular, bold and filled. It does not carry any other meaning or concept. The info-i indicates available information. It is most often seen in the context of correct use (right use or input) and the concept of “acceptance”Ĭorrect, Success, Yes (do), Availability, Confirm, Create, Accept The checkmark represents a positive confirmation. Wrong, Error, Failure, No (don’t do), Unavailability, Cancel, Close It is most often seen in the context of misuse (wrong use or input) and the concept of “don’t” (cancel, close) Warning, danger, alert, order (“must do”) The exclamation mark emphasizes something as important, that demands immediate attention. Status is indicated by commonly used symbols which should make them recognizeable through different use cases and apps. Non-important states: similar forms Importance This makes recognition easier, especially for visually impaired users.Ĭircular shapes are general and flexible to use, square / diamond shapes indicate a warning, whereas triangular shapes are used to indicate danger and a critical state.ġ. The different states shall be distinguishable, the more reasonable it is to mark them with very different forms. States can additionally be represented by easily distinguishable shapes. Positive Color assignment example Color mapping The used range can vary depending on the use case, therefore the highest value / escalation level is always assigned to red.ġ. Use signal colors only where important information takes place. Status indicators use different elements (colors, symbols, shapes and labels) and combine them to help users identify the states they represent. They are an important visual tool to help users identify the condition of events, assets or processes and decide on their course of action. Status indicators highlight page elements and communicate severity. Common status are for example warnings, errors or form validation. General constructionĪ status describes the condition of an item at a particular time. It is important to convey the state of an application, component or asset to the user in a consistent and clear manner. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |