User Experience

User Onboarding

A fantastic resource showing the on boarding process for several apps and services, including commentary on what worked, and where the reviewer found pain points.

Four Design Lessons from Material Design Documentation

A succinct peek at motion, typography, color, and accessibility as found in Google’s Material Design docs.

Web Design Trends To Look Out For In 2015

Kudos to the Elegant Themes team for recognizing some very positive trends – some of which I would argue are actually becoming standards (responsive, scrolling over clicking, and personalized UX for apps and services).

Dieter Rams’s Ten Principles of “Good Design”

How to successfully design high-conversion forms

Includes examples of various tactics.

Optimized Design

Designing a Banner Ad With No Images

A full tutorial with a demo and all code for a quite impressive design animated with CSS and a tiny bit of jQuery.

Introducing AM – Attribute Modules for CSS

The basic argument here is that classes alone are doing too much work, and that defining your own attributes to base styling on can be more readable and functional.

Process

Prototyping For Better Products, Stronger Teams And Happier Clients

“Rapid prototyping’s primary purpose is to focus your already limited time. You’re cutting out fluff, tangents, and feature-creep to bring to life a very specific use case or workflow.”

Internal Developer Training: Doing It Right

Discusses benefits, provides tips for a training plan and making the sessions go well.

Maturity and the Weight of Learning

“Understanding this helps us navigate the choppy seas of that glut of information found out there on the web and to sharply define our course through it. The great designers have found a way to continue to learn, yet focus on what they love.”

Tools & Services

Tokenfield for Bootstrap

Create “taggable” input fields to improve a multi-select experience.

readme.io

A subscription service for easily hosting your website or app’s docs, including versioning via GitHub and support forums for users.

Readonomy

Stop emailing and chatting links to your team, and instead compile them with this new tool. Add links easily with a Chrome extension, and even tag them. Then your team can access them on their own time.

Stylify Me

Quickly produce a style guide from an existing website.

CSS Gradient Inspector

A chrome extension to more easily use the inspector to discover the answer to the question, “How’d they do that?!”

An Introduction to Google Webmaster Tools

One aspect of the web that I need to gain more knowledge about is how to improve my website in regards to SEO. This article tells a few simple ways Google Webmaster Tools can help.

Resources

designbeats

“This service saves its readers many hours of browsing and searching for design-related content of interest available on the web.”

Addons & Plugins for Extending Bootstrap

If Bootstrap is your front-end framework of choice, you may find some useful additions here to make your build process even faster.

Centering in CSS: A Complete Guide

“Choose your own adventure” style!

WordPress Plugins & Themes

Hammy

“Hammy speeds up your website by generating and serving resized images for your content area depending on content width.”

50 Themes for Inspiration

The title makes a bold claim, but the reason I’ve actually included this link is because many of these are fairly well designed. Of course, a sleek design is only part of the process for improving the user experience.

The Current State of WordPress Blogging Themes

An overview with examples of the types of themes commonly seen, including single and two column, “journal”, and grid.

Accessibility

Accessibility in WordPress

A great quick overview by the Flywheel team with some quick tips of improving your WordPress theme’s accessibility.

Official WordPress Accessibility Guidelines

A deeper dive into how the accessibility of your theme is judged.

Misc. Fun

Junior Designers vs. Senior Designers

Fabulously accurate.

flixfindr

“flixfindr aggregates all of the movies on hbo go, hulu, netflix, amazon prime and xfinity, allowing you to filter and search to find the perfect flick.”

“So Much for Consistency”

A light-hearted comparison of Apple’s inconsistency between the typography of Apply Pay, WATCH, tv, and other marketing lettering.

Monster/Robot Building Blocks

Because we all need more interactive desk toys.

Related Topics

Accessibility | Analytics | Bootstrap | CSS | Plugin | Responsive Design | User Experience | WordPress