Posts Tagged: ui

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 ...

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.

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 ...

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 ...

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 ...

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 ...

Last year, Hungarian designer Csongor Bartus published a thought-provoking article I've only recently come across. Quantum mechanics and design are two words you don't often see juxtaposed and probably rightfully so. No, I've not gone crazy and I'm not going to go down some weird esoteric "Quantum Design" rabbit hole here. However, Csongor borrows the term superposition from quantum mechanics as a metaphor for an interesting new angle on design for the web: To cut in, let's equip all content with all states ...

UX Myths is website on common UX misconceptions like "The homepage is your most important page", "You are like your users" or "Icons enhance usability". The authors shed light on where those myths come from, why they're wrong and what can be done to improve your design process in each case.

UI Movement is a website that showcases user interface designs on a daily basis as an inspiration for your own designs. The designs itself are mostly sourced from Dribbble - the show and tell site for designers. Originally just a newsletter in the vein of an MVP, UI Movement has developed into a fully-fledged website with designs organised in categories such as commerce, dashboard or menu.

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or if you click "Accept" below then you are consenting to this.