User Interface Design

50 %
50 %
Information about User Interface Design

Published on September 10, 2007

Author: jhando

Source: slideshare.net

User Interface Design

What is it? Interface design is the process of creating an interaction between the computer and humans. It is a way of allowing humans to communicate with computers and computers to communicate with humans.

Interface design is the process of creating an interaction between the computer and humans.

It is a way of allowing humans to communicate with computers and computers to communicate with humans.

What is it? Interface design is achieved through the screen, mouse, keyboard, touchpads etc.

Interface design is achieved through the screen, mouse, keyboard, touchpads etc.

Why is it Important? Makes software easier to use. The better the interface, the less help people will need. More users will want to use the software. An application that is difficult to use won’t be used.

Makes software easier to use.

The better the interface, the less help people will need.

More users will want to use the software.

An application that is difficult to use won’t be used.

Interface Design History Initially computers communicated through flashing lights and mechanical switches. Then it was through printing devices such as punched cards. Then came video screens - but they were limited to text only. Now there is a Graphical User Interface (GUI) such as Windows

Initially computers communicated through flashing lights and mechanical switches.

Then it was through printing devices such as punched cards.

Then came video screens - but they were limited to text only.

Now there is a Graphical User Interface (GUI) such as Windows

Usability Problems To whom the interface is targeted? Which tasks the application should support? What are the requirements of the user and the surroundings? How fast the user can learn to use the interface?

To whom the interface is targeted?

Which tasks the application should support?

What are the requirements of the user and the surroundings?

How fast the user can learn to use the interface?

Usability Problems What kinds of mistakes occur and how the user corrects them? How tiring is the use of the interface to the user? What are the requirements of hardware?

What kinds of mistakes occur and how the user corrects them?

How tiring is the use of the interface to the user?

What are the requirements of hardware?

Good User Interface Design 1. Be consistent Put buttons in consistent places Use a consistent colour scheme Use the same wording in messages 2. Set a Standard To maintain consistency a standards sheet or template should be used. This should contain information on fonts, backgrounds and graphic formats

1. Be consistent

Put buttons in consistent places

Use a consistent colour scheme

Use the same wording in messages

2. Set a Standard

To maintain consistency a standards sheet or template should be used.

This should contain information on fonts, backgrounds and graphic formats

Good User Interface Design 3. Help Provide help screens and/or menus to assist both novice and expert users. 4. How To .. A precise and clear explanation on how the program works should be available.

3. Help

Provide help screens and/or menus to assist both novice and expert users.

4. How To ..

A precise and clear explanation on how the program works should be available.

Good User Interface Design 5. Clear Navigation Put buttons in consistent places Use a consistent colour scheme Use the same wording in messages 6. Navigation within the Screen People read left to right and top to bottom - so information should be organised in a similar manner.

5. Clear Navigation

Put buttons in consistent places

Use a consistent colour scheme

Use the same wording in messages

6. Navigation within the Screen

People read left to right and top to bottom - so information should be organised in a similar manner.

Good User Interface Design 7. Use Colour Be careful not to overuse colour. Don’t use bright colours in the background - so that everyhting else is lost. 8. White Space is OK Try and avoid overcrowding on the screen by leaving plenty of ‘white space’ between objects and controls.

7. Use Colour

Be careful not to overuse colour.

Don’t use bright colours in the background - so that everyhting else is lost.

8. White Space is OK

Try and avoid overcrowding on the screen by leaving plenty of ‘white space’ between objects and controls.

Good User Interface Design 9. Interface Objects Objects used on screen should look and behave exactly like the ‘real’ objects they represent. 10. Consider the User Cater to a particular group Readers - read text Viewers - entertainment Users - functionality

9. Interface Objects

Objects used on screen should look and behave exactly like the ‘real’ objects they represent.

10. Consider the User

Cater to a particular group

Readers - read text

Viewers - entertainment

Users - functionality

Good User Interface Design DON’T Squeeze in too much text on one screen USE ALL CAPITAL LETTERS Use fonts that aren’t generally available Assume the user knows what to do . Place important information at the top or bottom of the screen

DON’T

Squeeze in too much text on one screen

USE ALL CAPITAL LETTERS

Use fonts that aren’t generally available

Assume the user knows what to do .

Place important information at the top or bottom of the screen

UI Questions Does the design simplify the user’s task Is it clear what actions are currently possible Is there clear, understandable and relevant feedback Is the information arranged into logical chunks ?

Does the design simplify the user’s task

Is it clear what actions are currently possible

Is there clear, understandable and relevant feedback

Is the information arranged into logical chunks

Colour Be consistent! Don’t change the meaning of a colour in the middle of the document. The use of color should relate to normal expectations: hot - red , cold - blue . The result should be aesthetically pleasant.

Be consistent!

Don’t change the meaning of a colour in the middle of the document.

The use of color should relate to normal expectations: hot - red , cold - blue .

The result should be aesthetically pleasant.

What makes a Good Interface? It’s invisible! It’s predictable It’s easy to learn It’s flexible It’s easy to recover from errors People like it!

It’s invisible!

It’s predictable

It’s easy to learn

It’s flexible

It’s easy to recover from errors

People like it!

Add a comment

Related presentations

Related pages

Interfacedesign – Wikipedia

Das Interaction Design kann beim User neue Erfahrungen ermöglichen und neue abrufen.“ ... Designing the User Interface, Addison-Wesley Longman ...
Read more

User interface design - Wikipedia, the free encyclopedia

User interface design (UI) or user interface engineering is the design of user interfaces for machines and software, such as computers, home appliances ...
Read more

User Centered Design und Web Usability - mad4media user ...

User Interface Design. In der zweiten Phase des UCD werden die aus der Analyse gewonnen Informationen zuerst konzeptionell zu einem User Interface Modell ...
Read more

UX Design & UI Entwicklung | UID User Interface Design

Als Marktführer für User Experience bietet Ihnen UID einen Full-Service rund um UI Design: Usability, UX Design und Software aus einer Hand.
Read more

Design-Zentrum Sachsen-Anhalt

UCD+ ist eine Consulting- und Dienst­­leistung­s­­agentur für User Centered Design, Web- und Applikations­­entwicklung mit Standorten in Berlin ...
Read more

User Interface Design Basics | Usability.gov

User Interface (UI) Design focuses on anticipating what users might need to do and ensuring that the interface has elements that are easy to access ...
Read more

Kontakt | UID User Interface Design

(mit * gekennzeichnete Felder müssen ausgefüllt werden. Ihre Daten werden vertraulich behandelt und nicht an Dritte weitergegeben. Um die Bearbeitung ...
Read more

User Interface Design Erfahrungen: 17 Erfahrungsberichte ...

Erfahre aus erster Hand, ob User Interface Design als Arbeitgeber zu Dir passt. 17 Erfahrungsberichte von Mitarbeitern liefern Dir die Antwort.
Read more

User Interface Design als Arbeitgeber: 19 Bewertungen | kununu

Ist User Interface Design der richtige Arbeitgeber für Dich? Alle Firmen-Infos und Erfahrungsberichte von Mitarbeitern und Bewerbern findest Du hier.
Read more

Interaktionsdesign – Wikipedia

Verbindung zu User Interface Design. Interaction Design wird häufig mit Interfacedesign (auch Screendesign) oder dem User-Experience-Design in Verbindung ...
Read more