Interface design Access/IPS Walsall College of Arts & Technology.

Slides:

Advertisements

Similar presentations

Basic Computer Skills Windows & the Internet.

Advertisements

Introduction to Computers Section 6A. home The Operating System (OS) The operating system (OS) is software that controls the interaction between hardware.

Windows Test Review.

Windows Basics An Introduction to the Windows Operating System.

How to use Power Point Its really not that hard, In fact, Power Point can be fun! By: Gardner Reynolds.

Mouse Tutorial for Win XP In this tutorial you will learn to: Move the mouse Click and double click Make selections Manage windows Use menus Click the.

User Interface. What is a User Interface  A user interface is a link between the user and the computer. It allows the user and the computer to communicate.

Garfield Graphics included with kind permission from PAWS Inc. All Rights Reserved. Making a PowerPoint Presentation 01 ‘Simple text and pictures’

Chapter 10—Creating Presentations

XP Exploring the Basics of Microsoft Windows XP1 Exploring the Basics of Windows XP.

Automating Tasks With Macros

Exploring the Basics of Windows XP. Objectives Start Windows XP and tour the desktop Explore the Start menu Run software programs, switch between them,

Chapter 14: Event-Driven Programming with Graphical User Interfaces

MCT260-Operating Systems I Operating Systems I Interfaces to Operating Systems.

The Power of PowerPoint A guide to expectations for Stage 2 Information Processing and Publishing.

 When you receive a new you will be shown a highlighted in yellow box where your can be found  To open your new just double click.

Creating a PowerPoint With Sound PowerPoint 2003 Version.

Exploring the Basics of Windows XP

This is Google Drive. It stores all the documents you have made here.

1 PowerPoint Presentation Design Wednesday, September 02, 2015Ms. Wear Info Tech 9/10.

How do people communicate with computers?

Ch 26 & 27 User Interfaces.

Software Quality Assurance 2/20 WELCOME Graphic User Interface Testing.

Basic Navigation in SAP For the Windows Graphical User Interface (GUI) Click your mouse anywhere or select “Page Down” to scroll through the pages.

Microsoft Wang Li, Wang Yini, Li YIcheng.  This is a presentation about Microsoft Windows7 guidelines  Wang Li K8wali00  Li Yicheng K8liyi00  Wang.

Unit 1 – Improving Productivity Instructions ~ 100 words per box.

Hello! Keep watching … I’ll show you how to use a mouse.

1 Direct Manipulation Proposal 17 Direct Manipulation is when physical actions are used instead of commands. E.g. In a word document when the user inputs.

©RavichandranUser interface Slide 1 User interface design.

1.1Why did you use a computer? What other systems / resources could you have used? I used a computer because my handwriting isn’t that neat it also looks.

Microsoft ® Office SharePoint ® Server 2007 Training SharePoint document libraries II: All about checkout Bellwood-Antis School District presents:

Introduction To Microsoft Word C Apply intermediate skills in utilizing word processing software Word processing programs make the writing process.

MarkNotes Question 1 The Human Computer Interface (HCI) is an important part of an ICT system. Describe four factors which should be taken.

Add sound effects to a presentation Play a sound file In this lesson, you’ll learn how to insert a sound file of your own or a sound effect from the clip.

Productivity Programs Common Features and Commands.

Usability Testing October 17, Overview Heuristic Evaluation and Usability Testing (25 min) Client Relationships – Lisa Lowthers (30 min) Review.

Output Design. Output design  Output can be: Displayed on a screen/VDU/monitor. Printed on paper as hard copy. Sound.

Introduction to PowerPoint Curriculum Implementation Day Friday, November 3, 2006 K.J. Benoy.

Introducing… Microsoft Windows VISTA Introducing… Microsoft Windows VISTA.

Intermediate 2 Software Development Process. Software You should already know that any computer system is made up of hardware and software. The term hardware.

 When you receive a new you will be shown a highlighted in yellow box where your can be found  To open your new just double click.

Making Python Pretty!. How to Use This Presentation… Download a copy of this presentation to your ‘Computing’ folder. Follow the code examples, and put.

Microsoft Visual Basic 2005 BASICS Lesson 1 A First Look at Microsoft Visual Basic.

11/25/2015Slide 1 Scripts are short programs that repeat sequences of SPSS commands. SPSS includes a computer language called Sax Basic for the creation.

GUI development with Matlab: GUI Front Panel Components GUI development with Matlab: Other GUI Components 1 Other GUI components In this section, we will.

line.net/ okpop.com/bar elythereflashin dex.html.

Define and describe operating systems which contain a Command Line Interface (CLI) Define and describe operating systems which contain a Graphical User.

 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.

Catholic University College of Ghana Fiapre-Sunyani INFORMATION TECHNOLOGY I Audrey Asante, Faculty of ICST Graphic User Interface Tutorials and Documentation.

Styles of User Interface. Learning Objectives: By the end of this topic you should be able to: describe the characteristics of different styles of user.

GCSE ICT By the end of this session, you will be able to:  Understand concept of a Windows operating system and have a basic understanding of GUI.

Operating Systems. An operating system (os) is a software program that enables the computer hardware to communicate and operate with the computer software.

CHAPTER 7 Exploring Microsoft Windows 7. Learning Objectives Identify the parts of the Windows 7 desktop Use common Windows elements Navigate Windows.

Programming Logic and Design Fourth Edition, Comprehensive Chapter 14 Event-Driven Programming with Graphical User Interfaces.

Software Interfaces. Learning Objectives Describe the characteristics of different types of user interfaces. Discuss the types of user interfaces which.

 In this presentation, I am going to discuss the functions and features of two different apps.  I will also talk about the user requirements and friendliness.

Systems and User Interface Software. Types of Operating System  Single User  Multi User  Multi-tasking  Batch Processing  Interactive  Real Time.

OST Intro in to Macs. History of Macintosh On January 24, 1984 Apple Computer introduced the Apple Macintosh personal computer, with the Macintosh.

Creating a PowerPoint With Sound PowerPoint 2007 Version.

Operating Systems. Define OS Operating System is a type of system software. Operating system software includes instructions that allow a computer to run.

XP New Perspectives on Microsoft Windows XP Tutorial 1 1 Microsoft Windows XP Creating a Web Site Tutorial 1.

A user interface, like the one created by the DOS operating system, that makes use of typed commands.

MarkNotes Question 1 The Human Computer Interface (HCI) is an important part of an ICT system. Describe four factors which should be taken.

Basic Computer Skills Windows & the Internet vfu.bg/en/e-Learning/

Human Computer Interaction Lecture 07 The Interaction.

Basic Animation What you need to try is in the yellow boxes! Save this presentation in your BTA30A.

Web Programming– UFCFB Lecture 3

Star Early Literacy PreTest Instructions

GRAPHICAL USER INTERFACE

Presentation transcript:

Interface design Access/IPS Walsall College of Arts & Technology

December 2002Walsall College of Arts & Technology 2 What we are going to cover What is an interface Why we use them How to design an interface How to test an interface Anything else that I may have missed out…

December 2002Walsall College of Arts & Technology 3 What is an interface? An interface is the screen that we look at when using a program An interface stops us seeing what goes on ‘behind-the-scenes’ It can also put a pretty face on some ‘ugly’ programming!

December 2002Walsall College of Arts & Technology 4 Why do we use them? Interfaces are designed to make programs easier to use They often stop people having to see the ‘guts’ of the computer Can you think of any other reasons, because I can’t

December 2002Walsall College of Arts & Technology 5 A nice pair There are two kinds of interfaces: –GUI –CLI So what are they?

December 2002Walsall College of Arts & Technology 6 GUI Graphical User Interface An example of a GUI is Microsoft Windows You use the computer by clicking on icons or menus We have another technical phrase coming up…

December 2002Walsall College of Arts & Technology 7 Who are you calling a WIMP? Windows Icons Menus and Pointers Window – a box with at least a title bar and a menu bar Icon – a picture you click on to activate a computer process Menu – a list of options each to activate a process Pointer – Commonly a mouse; what is used to activate menu items or icons

December 2002Walsall College of Arts & Technology 8 CLI Command Line Interface An example of a CLI is the DOS prompt The user types in set commands to operate the computer What are the pros and cons of these two?

December 2002Walsall College of Arts & Technology 9 Battle of the interfaces GUI Easier to use Don’t have to learn complex commands Users often feel more comfortable with pictures, instead of a black screen CLI Often quicker, no need to generate fancy pictures Closer to the workings of your computer, if you like that sort of thing

December 2002Walsall College of Arts & Technology 10 Designing an interface (1) There are various things you have to consider when designing an interface First you have to decide whether to use GUI or CLI This decision should be based on user level, appropriateness and your own ability

December 2002Walsall College of Arts & Technology 11 Designing an interface (2) You also have to bear in mind colour schemes Bright colours may look pretty, but could take away from the importance of error messages And error messages themselves should be obvious and perhaps accompanied by sound

December 2002Walsall College of Arts & Technology 12 Designing an interface (3) Finally, interfaces should be logical If possible, interfaces should resemble real- life situations For example, if you are making a computer version of a calculator, the buttons should be in similar places to that of a normal one.

December 2002Walsall College of Arts & Technology 13 Examples All being well, I have designed an example of a bad interface for you to examine. Several of the buttons, icons, etc can be clicked on and an explanation of why they are bad should appear There is a link to this on Dave’s web site Fingers crossed anyway….

December 2002Walsall College of Arts & Technology 14 A method of interface design One method of designing an interface that will have several screens is to use a method called storyboarding. This is when you draw out a plan of how the screens fit together Like a cartoon strip

December 2002Walsall College of Arts & Technology 15 Storyboarding This can be used when designing an interface with many screens It shows how you go from one screen to another This is also handy for future reference, if you have forgotten how to use the program! If you want any more info, just ask me!

December 2002Walsall College of Arts & Technology 16 Testing interfaces A test plan should be designed to test your system to the limit The interface testing is one part of that Mainly, you are testing for usability But also for things like colour schemes and helpful error messages

December 2002Walsall College of Arts & Technology 17 Speaking of which…. Error messages are also very important They tell the user when something has gone wrong However, they have to be helpful, otherwise the user will be unhappy And that’s not good

December 2002Walsall College of Arts & Technology 18 So... It is important to make sure the error messages are user-friendly Try them out on some non-computer people If they can’t understand it, make them simpler This is our chance to look cleverer than everyone else!

December 2002Walsall College of Arts & Technology 19 That’s all folks I did try to find a Porky Pig Warner Bros. picture for this slide Maybe I wasn’t looking hard enough Any recommendations you can make will be appreciated!