Skip to main content

Design for Screen - Research

User Interface
Definition - The means by which the user and a computer system interact, in particular the use of input devices and software.

Visual part of computer application or operating system through which a user interacts with a computer or a software. It determines how commands are given to the computer or the program and how information is displayed on the screen. Three main types of user interfaces are: Command language: the user must know the machine and program-specific instructions or codes, Menus: user chooses the commands from lists displayed on the screen, Graphical user interface (GUI): user gives commands by selecting and clicking on icons displayed on the screen.

What is its function?
A User Interface (aka industrial design field of human–machine interaction) is the space where interactions between humans and machines occur. The goal of this interaction is to allow effective operation and control of the machine from the human end, whilst the machine simultaneously feeds back information that aids the operators' decision-making process.

Quality

All great interfaces share eight qualities or characteristics:


1. Clarity - The interface avoids ambiguity by making everything clear through language, flow, hierarchy and metaphors for visual elements.

2. Concision It's easy to make the interface clear by over-clarifying and labeling everything, but this leads to interface bloat, where there is just too much stuff on the screen at the same time. If too many things are on the screen, finding what you're looking for is difficult, and so the interface becomes tedious to use. The real challenge in making a great interface is to make it concise and clear at the same time.

3. Familiarity -  Even if someone uses an interface for the first time, certain elements can still be familiar. Real-life metaphors can be used to communicate meaning.

4. Responsiveness - A good interface should not feel sluggish. This means that the interface should provide good feedback to the user about what's happening and whether the user's input is being successfully processed.

5. Consistency -  Keeping your interface consistent across your application is important because it allows users to recognize usage patterns.

6. 
Aesthetics - While you don't need to make an interface attractive for it to do its job, making something look good will make the time your users spend using your application more enjoyable; and happier users can only be a good thing.

7. Efficiency Time is money, and a great interface should make the user more productive through shortcuts and good design.

8. Forgiveness - A good interface should not punish users for their mistakes but should instead provide the means to remedy them.

User Interface Design
Definition - User interface design (UI) or user interface engineering is the design of user interfaces for machines and software, such as computers, home appliances, mobile devices, and other electronic devices, with the focus on maximising usability and the user experience.

The goal of user interface design is to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals (user-centered design).

An appropriate user interface design facilitates is to finish a task at hand without drawing unnecessary attention to itself. Graphic design and typography are utilised to support its usability. By influencing how the user performs certain interactions and improving the aesthetic appeal of the design: design aesthetics may enhance or detract from the ability of users to use the functions of the interface. The design process must balance technical functionality and visual elements (e.g. mental model) to create a system that is not only operational but also usable and adaptable to changing user needs.

Procedure of Using an User Interface Design
An user interface design requires a good understanding of user needs. There are several phases and processes in the user interface design, some of which are more demanded upon than others, depending on the project. Functionally is important when it comes to user interface, for example: 

1. User & task analysis - the analysis contains how would the potential user be able to perform the task on the system they are using, and is it possible that the design is supporting this kind of function. These questions will need to be consider when creating a user interface design: 
- What would the user want the system to do? 
- How would they system fit in with the user's normal workflow or daily activities? 
- How technically intelligent is the user and what similar systems does the user already use? 
- What interface look and feel styles appeal to the user? 

2. Information architecture - the development of the process and/or information flow of the system (i.e. for phone tree systems, this would be an option tree flowchart and for websites this would be a site flow that shows the hierarchy of the pages). 

3. Prototyping - development of wire-frames, either in the form of paper prototypes or simple interactive screens. These prototypes are stripped of all look and feel elements and most content in order to concentrate on the interface. 

4. Usability testing - this is when testing of number of prototypes on an actual user. The user interface design testing allows the designer to understand the reception of the design from the viewer's standpoint, thus facilitates creating successful applications. 

5. Graphical user interface design - the actual look and feel of the design and the final graphical user interface (GUI). 


Comments

Popular posts from this blog

'Every Book Starts with an Idea: Notes for Designers' - by Armand Mevis (Notes/Analysis)

During this session, we look into and analysis an essay called 'Every Book Starts with an Idea: Notes for Designers' by Armand Mevis.  The whole class did a group discussion, we shared some significant quotes within the essay that relates to our brief Type in Context: ' All these books have to be designed. Someone needs to decide which paper, typography, cover, to use'.  'It may be a jungle; you may find it hard to get the nice job, and you might get lost, but that is part of the adventure'.  Mistakes are inherent to the job of making books through trial and error'.  Over the years we have learned to limit the number of mistake; we are now much more in control'.  'Ideally, all books start with a question. The clearer the question, the more precise the answer'.  'As designers we are as responsible for content as anyone else'. 'Some books arrived in plastic bags like garbage, stac...

Studio Brief 01 - Logotype, Krispy Kreme Doughnuts

In todays session, Simon Harrison gave the class a brief about redesigning a logo for brand that we have chosen. But this time we were told to do this individually. The logo we were allowed to choose could be any type of brand to redesign. However, it either had to be an international or nation brand. So for the start of this brief I went into the shopping district Trinity in Leeds, to find a logo of brand and re-create it to make it more updated or fresh. There are some images of the shops within Trinity that I considered to redesign: Once I have chosen a shop logo which I want to redesign, need to focus on by using only type. I have to experiment with stroke, scale, spacing, contrast and alignment to interpret my chosen company. I need to consider the following: Who is the company? What do they do? Who is the target audience? Where will the logo appear? Chosen Shop logo to redesign - Krispy Kreme, Doughnuts   The shop that I wanted to r...

Ideas for Type in Context Publication

IDEAS In this blog post, I have found some examples on how I would like to layout my Type in Context Publication. As my target audience is aimed at people who like hikers and historians. This type of publication will inform the readers how our way finding signages have stayed the same rural design. For the amount of text I want within my publication, the direction of where this publication is going will only be a minimum amount of text. This maybe only just an introduction page and possibly a content page.  The publication will either be a rural guide book or a coffee book for cafe where tourist/hikers/cyclist and so on, stop to have a break for some refreshments. The target audience of this specific type of publication will be at a demographic (geographical).  To create this type of publication, I will use Indesign to help me arrange and layout my pictures. This will then be easier for me to print it out professionally.  The siz...