Posts Tagged: ui

Home » ui

Miriam Suzanne – Don’t Use My Grid System (Or Any Others) @ beyond tellerrand Düsseldorf 2018

Read more

Keep it simple, stupid

As something of a follow-up on my article on using boring solutions from two weeks ago I'd like to point you to a blog post by Justin Etheredge, cofounder of software development company Simple Thread: Software Complexity Is Killing Us In this post Justin outlines in which ways software development has become easier in the past few decades and also points out the ways in which it hasn't. Most of the complexity of software applications accumulates in the layer that deals with business processes. ... Read more

Fitts’ Law

One of the quintessential laws of human-computer interaction (HCI) and by extension software user experience is Fitt's Law, which states that the time required to rapidly move to a target area is a function of the ratio between the distance to the target and the width of the target. The most common application of this law these days can be paraphrased as "The wider an object is on the screen and the closer it is to the mouse pointer the easier it is ... Read more

The Magical Number Seven

This article by designer Jeff Davidson is an informative reminder of the well-known observation that human working memory has a capacity of 7 items (give or take 1 or 2). This observation, originally posited by cognitive psychologist George A. Miller in his paper The Magical Number Seven, Plus or Minus Two is a crucial guideline for designing user interfaces. If a user interface contains more than that number of different chunks of information it'll appear cluttered and overloaded to the user, who will ... Read more

Designer Lynx: Curated Links About Design

Designer Lynx is a curated collection of articles and other relevant resources such as design systems, icons, prototyping tools and software for designing user interfaces. Further categories include UI design inspiration and design topics such as colour and typography. Read more

Iconic and Feather: 2 Icon Sets Designed for the Web

With icon fonts such as Font Awesome, Material Design Icons and Glyphicons there's certainly no shortage of icons for use in web applications. Iconic and Feather are 2 alternatives to these widely-used icon collections. The latter is available for free under the MIT licence (a donation will be very much appreciated, though) while the former can be purchased for $129 ($39 for just the Webfont without SVGs) for a single app licence. Both are framework-agnostic and Iconic in particular has been designed from ... Read more

Flex Box Explained with Animations

Flex Box is a fairly new CSS3 layout standard that allows you to have layout elements automatically fit the available space according to layout rules defined in a website's stylesheet. While as of today still a W3C Candidate Recommendation Flex Box is already well-supported by all major browsers. In contrast to tried and true block- or grid-based layouts with Flex Box the onus of defining the exact placement of an element isn't on the designer but the browser. Flex Box therefore is ... Read more

The Noun Project – Building the World’s Visual Language

Today there's certainly no shortage of icon sets and icon search engines (see the list below for a selection of those). These come in different flavours, mostly as icon fonts or SVG files, and can be easily integrated in a website or web application using standard HTML and CSS techniques. A particularly ambitious offering though is the Noun Project. The Noun Project provides a huge collection of curated icons (or rather huge amount of icon collections) created by a large community. Their ... Read more

Jina Anne @ beyond tellerrand 2017 – Design Systems: Real Talk

Jina Anne @ beyond tellerrand 2017: Design Systems: Real Talk from beyond tellerrand on Vimeo. Read more

Codrops – Web design inspiration

Codrops is a blog that shares web design inspiration, trends and techniques. These days when thinking about your next web application's design it can be quite tempting to think "Ah, I'll just use Bootstrap and be done with that.". Although frameworks such a Bootstrap certainly aren't a bad start as they provide web apps with a common ground and predictable UI components - a minimum design standard if you will - they are just that: A start. In order to really help ... Read more
Next Page »