UX and UI Design: What Are The Differences?

Explaining what makes user experience (UX) design different from user interface (UI) design can be a challenge for anybody, since most websites that offer this information tend to be technical (requiring pie charts or diagrams) or highly specialized. Worse, they may have their own misconceptions about the subject due to gaps in their knowledge, or refer to internal understanding as opposed to knowledge.

ux-ui-design

UI and UX designs are analogous to the relationship between a horse and its rider. While UI refers to the reigns, stirrups, and the saddle, UX is more about the feeling the rider will get from riding the horse. The former is psychomotor, while the latter is cognitive. They deal with different parts of the brain, but are nonetheless closely related.

UX Designers Demystified

These people utilize their skills in design and research to understand what the consumer wants. They generate designs, solutions, aesthetics and concepts for individuals to use. To achieve this, they have to fully concentrate on comprehending what leads people to do a certain action – their psychology and human behavior in general – that uses the creative side of the brain. The majority of these designers can explain why a particular action is performed, but they may be unable to create something that is operational.

The UI Developer

This team uses technical skills and design sensibilities to build the middle ground, a communicative environment for the user complete with tools and widgets to get things done. They can easily make an excellent functional component for an electronic device or Web browser. These are the people you know who can design in Adobe Photoshop and then transform these assets into HTML (Hypertext Markup Language) website code that is compatible with today’s latest browsers. You need to have intimate, comprehensive knowledge of how the browsers behave and work, how to perfectly line up your text, images, and other media to create an environment conducive for productivity.

Extra Roles of the Developers

UX developers concentrate on how the user will interact with the navigation, content, and the layout that they keep an eye on. They generate wireframes, prototypes, workflows, and sitemaps to build the skeleton of the software. UI developers focus on the functionality and the detail of the interface that users will interact with. This team generates the front-end code and visual composition to polish the finished product.

Find Great Images For Your Website

Almost all of the websites you have ever visited feature an image or two on any given page. Whether the image is used as a logo, a header, illustration, or some other purpose, you will notice that all of the sites (from the less popular to the most successful) apply digital photos.

Find Great Images

It Is All About the Logo

The logo marks the flagship image of your website, so you have to focus a majority of your design and development efforts on it. Regardless of where you will position this image on the site, make certain that you plan ahead carefully and prioritize its placement over any other picture you intend to add. This is because your logo will eventually represent your enterprise brand.

There are a number of websites that provide a library of free stock images. While the pictures may look appealing and unique, you along with countless other users who searched, found and applied the image are likely doing so for very different purposes. Keep things original and use stock images with care. Here is a list of sites from which you can source fonts, photos and other graphic elements:

Fonts that are Cheap or Free to Use

  • Highfonts.com (This is an online database with around 3000 fonts that can be used for free)
  • Indezine on fonts. (This site lists the top ten sites for fonts)
  • iFree. (Australian site with links to freeware and fonts)
  • 1001 Fonts.com (You can download 4000 fonts for $9.95)

Good and Free Fonts

  • Robin Good (A page that will help the user find great images)
  • The Photoshop Tutorial Blog (It lists sites with free images)
  • Freepixels. (It is a library of around 2000 images)
  • Everystockphoto. (It indexes more than 283,000 free images)
  • Stick.xchng (It is a library of around 200,000 images)
  • Image*After (A big online collection of free pictures)
  • Flickr’s Creative Commons pool (Browse the many pictures that people post using Flickr via CC license)
  • Morgue File (this offers free photos to be used as reference material)

Good and Cheap Images

  • Creative Express (This library has 75,000 Getty images. The user can download a maximum of 50 clear images a day for a yearly or monthly premium subscription)
  • ShutterMap.com (The user can download high-resolution images, ranging in price from $1 to $4.