Fraser Deans

5 Form Components for Awesome Forms

I’ve previously written a simple article about the traditional form elements available to web designers but that’s not a comprehensive list of everything you should include on your web forms. There are a number of key components which will truly engage your users, improve accessibility and conversion resulting in happier users. 1. Client side validation/errors […]

A Guide to Form Elements

Whether your website has a simple contact form or your web app has many forms scattered around your application, form design is crucial to usability. A form is a set of input fields which allow the user to interact with the website usually to store information somewhere. This “somewhere” is often in an email or […]

5 Tips for Creating Great Icons

Icons are created to aid usability, reduce visual complexity and create strong visual connections between functionality and user interface components. But despite their importance they are so often left by the wayside. Here are five tips for creating great icons: 1) Be recognisable The fundamental goal of icon design is to create an icon which […]

Designing Hyperlink States

Let’s face it, the web is big place and it’s all too easy to get lost and distracted from the task at hand (we’ve all ended up watching videos of cats on YouTube). Navigation through your website or app is fundamental for a couple reasons: Direct your customers to the end goal e.g. buying your […]

Javascript: A Very Brief Introduction

Every man, woman and child has their own website or blog these days. Most have flashy things that fly around and other annoying things that pop out when you least expect it. But dynamic websites, i.e. websites that change the content without you having to reload the page, can be incredibly immersive, usable and  professional […]

Website Design: The Browser Problem (Part 2)

In part one of this two part article we looked at one of the major difficulties in designing and developing for the web, cross browser compatibility: ensuring your website looks the same in all browsers. In this part we will take a closer look at some of the tools and procedures we should be putting […]

Website Design: The Browser Problem (Part 1)

We’ve previously looked at the mobile problem (how we deal with people looking at your website through a range of devices) but a longer running problem is the browser problem: how do we deal with people using different browsers to access your website? Did you know that your website may look different if you use […]

Wireframes: What Are They and How Do I Use Them?

Wireframes are a commonly used tool in the web design trade. They are simple diagrams/skeletons that outline the sections on a webpage so that designers can easily communicate their ideas for the layout of the web design. They should only be used for shaping the layout. Think of them as the blueprint of a website. […]

Designing Your Business Website’s Landing Page

A landing page is a marketing web page intended to persuade the visitor to fulfil a task: like signing up for a web application or an email list, or buying a product. Landing pages are often accessed by someone clicking an online advertisement. An important metric for measuring the success of your landing page are […]

Website Design: The Mobile Problem

With the surge in smart phones, tablet devices and netbooks and better mobile internet, more people than ever are accessing the web on the move. Traditionally people would be accessing the web via a desktop computer which was a fairly standard web experience. However the huge range of devices people are now accessing the web […]

11 - 20 of 26 results