background preloader

Human Interface Guidelines - Design

Related:  ToolsUX

Land-book - website design inspiration gallery Color - Visual Design - macOS - Human Interface Guidelines Color is a great way to provide status information, give feedback in response to user actions, and help people visualize data. Use color judiciously for communication. In general, color should be used sparingly, like when you need to call attention to important information. For example, a red triangle that warns people of a critical problem becomes less effective when you use red elsewhere in an app for noncritical reasons. Consider how your use of color might be perceived in other countries and cultures. In some cultures, for example, red communicates danger. Avoid using colors that make it hard for people to perceive content in your app. Consider how nearby artwork and translucency affect colors. Test your app’s color scheme under a variety of lighting conditions. Use the standard color panel for user color changes. For developer guidance on color, see Color Programming Topics. Color Management Apply color profiles to your images. System Colors For developer guidance, see NSColor.

Writing for user interfaces Glassmorphism in user interfaces. Another year, another UI trend is… | by Michal Malewicz | Nov, 2020 The base for this entire effect comes from a combination of shadow, transparency and background blur. This style can only use one transparent layer, or multiple, but it’s most prominent and visible when at least two levels of translucency appear on a rather busy, colorful background. How to set the right transparency It’s important to remember, however, that you don’t make the entire shape transparent — only its fill. Most design tools when having the fill at 100% and the object transparency lower will simply disable the background blur. In the example above we have the exact same background blur value of 8, yet the images look completely different. How to pick the right background Backgrounds play an essential role in making this effect shine (quite literally). This may be the reason why Apple chose a colorful background as the default wallpaper for Mac OS Big Sur. When picking the background make sure it has enough tonal difference for the glass effect to actually be visible.

Open Doodles - Free sketchy illustrations Colormind - the AI powered color palette generator Crafting the Shopify admin - Shopify Polaris Take some time to explore the problem space. Consider research, technical limitations, merchant workflows, stress cases, existing patterns, and content. Don’t start by focusing on the details of the user interface (UI). Talk to merchants. If you have researchers on your team, use their expertise. Hone in on the real-world tasks merchants need to complete. Conduct an audit of the current Shopify admin and of similar products. Create ordered lists and groupings of the content merchants need to see for each task in the flow. See if plain language terms can be used in place of industry jargon. Sketch your ideas in low fidelity, using real content.

UXmatters :: Insights and inspiration for the user experience community LisaDziuba/Awesome-Design-Tools: The best design tools for everything □ Playbook - Achieve your career goals Tout le monde peut être UX designer ? Et autres réflexions. | Le bloc-notes, UX & Design d'expérience utilisateur Cette note répond à un e-mail qui m’a été envoyé par un collègue. Sans doute un peu pris au dépourvu lors d’un entretien avec un client, ce qui arrive même au meilleur, vu que nous ne sommes pas des commerciaux ! « Bonjour Raphaël, J’avais une petite question suite à un entretien, un client m’a posé quelques questions qui m’ont amené à m’interroger. En gros, ce potentiel client me demandait la différence entre une démarche UX et la simple réalisation de tests utilisateurs. Le but avoué du client était de me montrer que n’importe qui peut faire de l’UX :-/ J’avoue que j’ai manqué d’argument et ça me gêne. Si je me réfère à ton article “L’UX sans utilisateur n’est que pornographie.” qui est un peu ma bible ce mois-ci (beaucoup d’entretien et une tendance de fond à dire que l’UX c’est de design + tests utilisateurs). Là où l’UX devrait aller plus loin qu’un quidam qui fait un test utilisateur c’est dans le déchiffrement de ce qui se passe dans la tête de l’utilisateur.

UX/UI Suggested Users / Twitter Design Thinking timer Il y a quelques années, Jan Rogers remarquait que sa fille Lauren avait du mal à saisir la notion de temps qui passe. Horloges analogiques, montres, compte à rebours du micro-onde, tous les objets donnant l'heure de la maison ou du magasin restaient une énigme pour cette jeune fille de 4 ans. Jan a donc retroussé ses manche et a construit un prototype avec du papier et du carton. Aujourd'hui, le Time Timer a fait sa place dans les classes du monde entier, des écoles maternelles aux universités. Utilisé et recommandé par Jake Knapp dans les Design Sprint, ce timer sert à délimiter des petites périodes de temps, de quelques minutes à une heure. Concept du Time timer par Jan Rogers.

Related: