The document discusses various factors related to interface design, including the different types of interfaces, interface design activities, and key issues to consider. It notes that interface design involves user profiling, task analysis, defining screen layouts and objects, and evaluation. Some important interface design issues discussed are system response time, user help facilities, error handling, and consistency. The document provides examples and explanations for many of these factors.
User interface software tools past present and futureAlison HONG
we consider cases of both success and failure in past user interface tools. From these cases we extract a set of themes which can serve as lessons for future work.
what is user interface
types of interface
command line interface
menu driven interface
graphical user interface
and advantages and disadvantages of all interface
User interface software tools past present and futureAlison HONG
we consider cases of both success and failure in past user interface tools. From these cases we extract a set of themes which can serve as lessons for future work.
what is user interface
types of interface
command line interface
menu driven interface
graphical user interface
and advantages and disadvantages of all interface
Introduction to the User Interface domain for business applications, a pattern based approach to model the UI and code generation techniques to make it possible.
Session for Code Generation 2011
User Experience 4: Usable User InterfaceMarc Miquel
This presentation introduces several interfaces and discusses what their usability and user experience depend on.
These slides were prepared by Dr. Marc Miquel. All the materials used in them are referenced to their authors.
Mobile Applications Development - Lecture 3
User-Centered Design
Information Architecture (sitemaps, wireframes, ...)
UI Design
This presentation has been developed in the context of the Mobile Applications Development course at the Computer Science Department of the University of L’Aquila (Italy).
http://www.di.univaq.it/malavolta
My presentation for Hack the Hackathon Istanbul. I edited the presentation and added some notes for readers.
Basically tells the meaning of user experience as it is supposed to be. Let's define it without boundaries, not stuck in digital life.
You will get what is it as a terminology, what is the main parts of experience, how to check and change it. The essentials of UX and basic fundamentals.
User Experience 1: What is User Experience?Marc Miquel
This is an introduction to this course on User Experience in video games and web.
These slides were prepared by Dr. Marc Miquel. All the materials used in them are referenced to their authors.
Wholesale laptop from http://www.happyshoppinglife.com/102-inch-mini-laptop-with-intel-aton-cpu-p-54.html , Laptop, Wholesale Laptops, China Latop, Cheap Laptop, Quality Laptop, China Laptops Wholesale, China Laptops
Introduction to the User Interface domain for business applications, a pattern based approach to model the UI and code generation techniques to make it possible.
Session for Code Generation 2011
User Experience 4: Usable User InterfaceMarc Miquel
This presentation introduces several interfaces and discusses what their usability and user experience depend on.
These slides were prepared by Dr. Marc Miquel. All the materials used in them are referenced to their authors.
Mobile Applications Development - Lecture 3
User-Centered Design
Information Architecture (sitemaps, wireframes, ...)
UI Design
This presentation has been developed in the context of the Mobile Applications Development course at the Computer Science Department of the University of L’Aquila (Italy).
http://www.di.univaq.it/malavolta
My presentation for Hack the Hackathon Istanbul. I edited the presentation and added some notes for readers.
Basically tells the meaning of user experience as it is supposed to be. Let's define it without boundaries, not stuck in digital life.
You will get what is it as a terminology, what is the main parts of experience, how to check and change it. The essentials of UX and basic fundamentals.
User Experience 1: What is User Experience?Marc Miquel
This is an introduction to this course on User Experience in video games and web.
These slides were prepared by Dr. Marc Miquel. All the materials used in them are referenced to their authors.
Wholesale laptop from http://www.happyshoppinglife.com/102-inch-mini-laptop-with-intel-aton-cpu-p-54.html , Laptop, Wholesale Laptops, China Latop, Cheap Laptop, Quality Laptop, China Laptops Wholesale, China Laptops
Archivo con extensión .pdf que muestra en 59 páginas un manual para la creación de maquetas profesionales. Los temas tratados en el documento son: materiales y herramientas, el plano topográfico, las técnicas de corte, los planos de arquitectura y la constucción de maquetas volumétricas. La información se apoya en texto e imágenes. El archivo pesa 1.53 Mb.
el modo mas facil de hacer maquetas
Fuente:
http://pop3.arq.com.mx/boletin/project/evento1/documentos/12608/sld
El presente documento explica la propuesta de Unidades de Planificación Rural, en el marco de la revisión y ajuste del Plan de Ordenamiento Territorial de Santiago de Cali, regidas por el Decreto 3600 de 2007.
Different Web Architectures. UI VS UX and future improvements.Belal Mohammed
This presentation talks about different web architectures and its designs. It also shows the differences between UI and UX with a nice future improvements to be added to enhance usability of products using HCI.
This lecture provide a detail concepts of user interface development design and evaluation. This lecture have complete guideline toward UI development. The interesting thing about this lecture is Software User Interface Design trends.
Mobile devices are increasingly becoming part of everyday
life for many different uses. These devices are mainly based
on using touch-screens, which is challenging for people
with disabilities. For visually-impaired people interacting
with touch-screens can be very complex because of the lack
of hardware keys or tactile references. Thus it is necessary
to investigate how to design applications, accessibility
supports (e.g. screen readers) and operating systems for
mobile accessibility. Our aim is to investigate interaction
modality so that even those who have sight problems can
successfully interact with touch-screens. A crucial issue
concerns the lack of HW buttons on the numpad. Herein
we propose a possible solution to overcome this factor. In
this work we present the results of evaluating a prototype
developed for the Android platform used on mobile
devices. 20 blind users were involved in the study. The
results have shown a positive response especially with
regard to users who had never interacted with touchscreens
System users often judge a system by its interface rather than its functionality
A poorly designed interface can cause a user to make catastrophic errors
Seriously, you should start your mobile-related startup with an Android app, but there are many challenges that you need to fight to be competitive. First things first, you need to create a magical user experience solving a real problem. We will discuss why starting from Android could be the right strategy and how to use a lean approach to design a better user experience.
The French Revolution, which began in 1789, was a period of radical social and political upheaval in France. It marked the decline of absolute monarchies, the rise of secular and democratic republics, and the eventual rise of Napoleon Bonaparte. This revolutionary period is crucial in understanding the transition from feudalism to modernity in Europe.
For more information, visit-www.vavaclasses.com
How to Make a Field invisible in Odoo 17Celine George
It is possible to hide or invisible some fields in odoo. Commonly using “invisible” attribute in the field definition to invisible the fields. This slide will show how to make a field invisible in odoo 17.
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdfTechSoup
In this webinar you will learn how your organization can access TechSoup's wide variety of product discount and donation programs. From hardware to software, we'll give you a tour of the tools available to help your nonprofit with productivity, collaboration, financial management, donor tracking, security, and more.
Francesca Gottschalk - How can education support child empowerment.pptxEduSkills OECD
Francesca Gottschalk from the OECD’s Centre for Educational Research and Innovation presents at the Ask an Expert Webinar: How can education support child empowerment?
2024.06.01 Introducing a competency framework for languag learning materials ...Sandy Millin
http://sandymillin.wordpress.com/iateflwebinar2024
Published classroom materials form the basis of syllabuses, drive teacher professional development, and have a potentially huge influence on learners, teachers and education systems. All teachers also create their own materials, whether a few sentences on a blackboard, a highly-structured fully-realised online course, or anything in between. Despite this, the knowledge and skills needed to create effective language learning materials are rarely part of teacher training, and are mostly learnt by trial and error.
Knowledge and skills frameworks, generally called competency frameworks, for ELT teachers, trainers and managers have existed for a few years now. However, until I created one for my MA dissertation, there wasn’t one drawing together what we need to know and do to be able to effectively produce language learning materials.
This webinar will introduce you to my framework, highlighting the key competencies I identified from my research. It will also show how anybody involved in language teaching (any language, not just English!), teacher training, managing schools or developing language learning materials can benefit from using the framework.
Introduction to AI for Nonprofits with Tapp NetworkTechSoup
Dive into the world of AI! Experts Jon Hill and Tareq Monaur will guide you through AI's role in enhancing nonprofit websites and basic marketing strategies, making it easy to understand and apply.
Model Attribute Check Company Auto PropertyCeline George
In Odoo, the multi-company feature allows you to manage multiple companies within a single Odoo database instance. Each company can have its own configurations while still sharing common resources such as products, customers, and suppliers.
Group Presentation 2 Economics.Ariana Buscigliopptx
07 interface design
1. Interface Design
What it is and what are those
factors/issues which drive a good
Interface Design ?
-13 January 2012 -Made by Utpal Ray -1
2. Interface Design
3 kinds of Interface Design
Interface with existing systems and entities.
Interface among different S/W Components.
Interface with Human Interface ( which is our interests ).
-13 January 2012 -Made by Utpal Ray -2
3. Interface Design
3 kinds of Human Computer Interface
Legacy system human Interface ( through Dumb Terminal using
commands and forms ).
Modern PC Interface ( through GUI using pointing device ).
Embedded system Human Interface ( Cell Phone, PDA etc. ).
Our Interest lies in the 2nd one.
-13 January 2012 -Made by Utpal Ray -3
4. Interface Design
Interface Design Activities
Users Profiling
User Task Analysis
Defining Screen Layouts, Interface Objects and actions
Design Evaluation
(If necessary prototyping should be done)
-13 January 2012 -Made by Utpal Ray -4
5. Interface Design
User Profiling
What kind of users will be using the system ?
Whether the users are novice or knowledgeable ?
What is the frequencies of usage ?
What will be the duration of each session ?
-13 January 2012 -Made by Utpal Ray -5
6. Interface Design
User Task Analysis
What kind of tasks are performed by the users ?
Prepare a list of tasks performed by the users. In this regard ERD
will be of much help.
-13 January 2012 -Made by Utpal Ray -6
7. Interface Design
Defining Screen Layout, Objects and actions
Task to screen mapping is done here.
For each screen all the objects and actions need to be defined.
Special care should be taken while choosing color, font, size etc.
-13 January 2012 -Made by Utpal Ray -7
8. Interface Design
Task to Screen Mapping
Input Task Screen Layout
Menu
Fields
Action Buttons Update Task Screen Layout
-13 January 2012 -Made by Utpal Ray -8
9. Interface Design
Interface Design Evaluation
Number of Actions per Tasks ( Minimum no of mouse clicks
required to perform most frequently used tasks ).
Learnability ( How Long it takes for an average user to learn this new
interface ? Also, how long it takes for a novice? ).
Whether the Interface is self explanatory ? ( A first time user should
be able to understand the interface without much help from an
experienced user. )
Ease of Use ( Whether using the interface is a burden for the user? ).
Whether all the Interface Design Issues have been considered and
taken care of ?
-13 January 2012 -Made by Utpal Ray -9
10. Interface Design
Interface Design Issue
1. System Response Time
2. User Help Facility
3. Error Information Handling
4. GUI vs. Command Line Interface
5. User’s Memory Load Reduction
6. Interface Consistency
7. Real Life Resemblance
8. User Diversity
9. Information Presentation
10. Color Usage
-13 January 2012 -Made by Utpal Ray -10
11. Interface Design
Interface Design Issue : System Response Time
It is measured from the point when the user perform some control
action ( hitting the ‘return’ key or ‘clicking’ the mouse), to the point
where system gives required response.
System Response Time has two important characteristics ‘length’ and
‘variability’.
-13 January 2012 -Made by Utpal Ray -11
12. Interface Design
Interface Design Issue : System Response Time – Length &
Variability
If length is too long user will be frustrated. If length is too short, user
may be forced into errors.
Variability refers to the deviation from average response time. In many
ways it is the most important response time characteristics.
Low Variability enables the user to establish an interaction
rhythm, even if the response time is relatively long.
For High Variability, the user is always off balance – wondering whether
something is gone wrong.
-13 January 2012 -Made by Utpal Ray -12
13. Interface Design
Interface Design Issue :User Help Facility
The best help facility for any interface is the context based help facility.
This kind of help facility allows a user to get help for the current screen
where he is performing the actions.
There may be also a help button. This allows the user to enter the help
system to the top level.
But surely help system should provide other user-entry points also. For
example, when user encounters an error in any particular screen, he
should be able to get an explanation of the error message by entering
the help system to a relevant level.
The help facility can be displayed through multiple windows or
overlaying on the same window again and again. Each of this
approaches have it’s own pros and cons.
-13 January 2012 -Made by Utpal Ray -13
14. Interface Design
Interface Design Issue : Error Information Handling
1. The error message should describe the problem in such a way, that
an ordinary user without a special skill should be able to
understand.
2. The error message should provide a constructive advice to the user
regarding recovering from the current error.
3. The error message should indicate any negative consequences of the
error so that the user can verify to correct it.
4. The message should be accompanied by an audible or visual cue.
-13 January 2012 -Made by Utpal Ray -14
15. Interface Design
Interface Design Issue : Error Information Handling ( contd. )
A Bad Error Message
Error #27
? Invalid Patient Id
A Good Error Message
OK cancel
Patient J. Kumar is Not Registered
Click on Patients for a list of registered Patient
Click on Retry to re-input a patient name
Click on help for more information
Patient Help Retry Cancel
-13 January 2012 -Made by Utpal Ray -15
16. Interface Design
Interface Design Issue : GUI vs. Command Line Interface
It may be necessary to give also a separate command line Interface. This
helps some user to create a bunch of automated task, which otherwise
would have taken manual intervention.
In case there is a CLI; it is better to give command for every GUI Menus.
One also has to create a separate Help Facility for CLI.
-13 January 2012 -Made by Utpal Ray -16
17. Interface Design
Interface Design Issue : User’s Memory Load Reduction
A well designed user’s interface should not tax the user’s memory. The
system should remember the initial values and intermediate values
entered. So whenever necessary, it should provide that values to the
current screen.
For frequently performed task, a separate set of buttons can be
provided to ease the user’s memory load’
When mnemonics are used to accomplish a system function, the
mnemonics should be tied to the action in a way that is easy to
remember. ( Alt-P to accomplish printing )
-13 January 2012 -Made by Utpal Ray -17
18. Interface Design
Interface Design Issue : Interface Consistency
The interface should always maintain a consistent view for all similar
actions. So that the user gets used to the same interface view for the
same set of actions. For example, the ‘input’ screen and the ‘update’
screen should have a similar look and feel.
If the past interactive models have created any certain user expectation;
then do not make changes unless there is a compelling reason to do so.
For example, if Alt-S has been used for ‘saving’ then do not change it
for ‘scaling’.
-13 January 2012 -Made by Utpal Ray -18
19. Interface Design
Interface Design Issue : Real Life Resemblance
The look and feel of the GUI should be very much close to the real life
scenario, wherever possible. For example, a railway-reservation
interface should have a picture of Rails, stations etc., just to remind the
user that; the actions he will be performing now are related with trains.
Similarly for a bill payment system, an image of a check at the
background would create a nice effect for the user.
-13 January 2012 -Made by Utpal Ray -19
20. Interface Design
Interface Design Issue : User Diversity
The interface should take care regarding presenting different look and
feel for different skill level of the users.
The look and feel of the GUI presented to a novice user should be
different than the look and feel for a knowledgeable user; where a
knowledgeable user may like to navigate through a series of complex
menus and sub-menus to perform complex tasks more easily.
-13 January 2012 -Made by Utpal Ray -20
21. Interface Design
Interface Design Issue : Information Presentation
Information can be presented in mainly two different ways; either by
texts or by graphical displays. Which one suits best, will be depending
upon the context the information is being presented and read. For
example temperature can be shown in a so many different ways; one
has to choose a certain way to match with the requirement.
-13 January 2012 -Made by Utpal Ray -21
22. Interface Design
Interface Design Issue : Information Presentation ( contd. )
( Temperature can be displayed in so many different ways )
TEMP 32.34 C 32F 212F
100C
75C 20C
50C
25C 50C 30C
0C
40C
-13 January 2012 -Made by Utpal Ray -22
23. Interface Design
Interface Design Issue : Color Usage
1. One should not use more than four or five separate color in a window and
no more than seven in a system interface. One should not use it simply to
brighten up the interface.
2. Color change can be used to show a change in system status. For
example, for a fuel gauge display, change of color may indicate that fuel is
running low.
3. One should use color coding in a thoughtful and consistent way. If one part
of system displays error messages in red (say), then all other part should do
likewise. You should be aware that users with different background may
have assumptions about meaning of particular colors. For example, to a
driver ‘red’ means danger. However, to a chemist, ‘red’ means hot.
4. One should be careful regarding color pairing. Because of the physiology of
the eye, people cannot focus on red and blue simultaneously. Eyestrain is a
likely consequence of a red on blue display.
-13 January 2012 -Made by Utpal Ray -23
24. Interface Design
Interface Design Issue : Color Usage ( Color Pairing )
-13 January 2012 -Made by Utpal Ray -24
25. Interface Design
Home Task
1. Think of at least three other Interface Design Issues which are
important during Interface Design Activities.
2. Assume that SafeHome system can be reached through internet.
Design atleast three different interactive screen for the SafeHome
security system. Thsese screens will perform some tasks which could
have been initiated through control panel also.
-13 January 2012 -Made by Utpal Ray -25