Share
Go down
avatar
Admin
Posts : 7
Join date : 2018-08-07
View user profilehttp://jenreyes.forumotion.com

Designing Graphical User Interfaces

on Tue Aug 14, 2018 10:38 am
Designing Graphical User Interfaces

You should consider several general design principles when creating a program that will use a GUI:

The interface should be natural and predictable.

The GUI program interface should represent objects like their real-world counterparts.

The interface should be attractive, easy to read, and non distracting.
If your interface is attractive, people are more likely to use it. If it is easy to read, users are less likely to make mistakes.

To some extent, it’s helpful if the user can customize your applications.
All users work in their own way. If you are designing an application that will use numerous
menus and toolbars, it’s helpful if users can position components in the order that’s easiest for
them. Users appreciate being able to change features like color schemes. Allowing a user to
change the background color in your application may seem frivolous to you, but to users who
are color blind or visually impaired, it might make the difference in whether they use your
application at all. Making programs easier to use for people with physical limitations is known
as enhancing accessibility .

The program should be forgiving.
You should always provide an escape route to accommodate users who make bad choices or change their minds. By providing a Back button or a working Escape key, you provide more functionality to your users.

The GUI is only a means to an end.
The most important principle of GUI design is to remember that a GUI is only an interface. Using a mouse to click items and drag them around is not the point of any business programs except those that train people how to use a mouse. Instead, the point of a graphical interface is to help people be more productive.


Last edited by Admin on Mon Aug 20, 2018 2:20 pm; edited 1 time in total
Guru
Guru
Posts : 10
Join date : 2018-08-15
View user profile

Re: Designing Graphical User Interfaces

on Wed Aug 15, 2018 3:49 pm
To keep the user’s attention, a well-designed GUI interface should contain unique
and creative controls?
Guru
Guru
Posts : 10
Join date : 2018-08-15
View user profile

Re: Designing Graphical User Interfaces

on Wed Aug 15, 2018 3:51 pm
why does the GUI program interface should represent objects like their real-world counterparts?
Guru
Guru
Posts : 10
Join date : 2018-08-15
View user profile

Re: Designing Graphical User Interfaces

on Wed Aug 15, 2018 3:52 pm
trivia: Many studies have proven that the Dvorak keyboard layout is more efficient for typists than the QWERTY
keyboard layout that most of us use. The QWERTY keyboard layout gets its name from the first six letter keys
in the top row. With the Dvorak layout, which is named for its inventor, the most frequently used keys are in
the home row, allowing typists to complete many more keystrokes per minute. However, the Dvorak
keyboard has not caught on because it is not predictable to users who know the QWERTY keyboard.
Guru
Guru
Posts : 10
Join date : 2018-08-15
View user profile

Re: Designing Graphical User Interfaces

on Wed Aug 15, 2018 3:54 pm
what is the advantages of having a good interface?
Guru
Guru
Posts : 10
Join date : 2018-08-15
View user profile

Re: Designing Graphical User Interfaces

on Wed Aug 15, 2018 3:55 pm
what is the history of GUI?
Guru
Guru
Posts : 10
Join date : 2018-08-15
View user profile

Re: Designing Graphical User Interfaces

on Wed Aug 15, 2018 3:56 pm
What are the benefits of clickable wireframes?
Guru
Guru
Posts : 10
Join date : 2018-08-15
View user profile

Re: Designing Graphical User Interfaces

on Wed Aug 15, 2018 3:57 pm
what is the different between user interface to software interface?
Guru
Guru
Posts : 10
Join date : 2018-08-15
View user profile

Re: Designing Graphical User Interfaces

on Wed Aug 15, 2018 4:18 pm
Erika wrote:why does the GUI program interface should represent objects like their real-world counterparts?
because it makes sense to use an icon that looks like a recycling bin to let a user drag files or
other components to the bin and delete them. Smile
Guru
Guru
Posts : 10
Join date : 2018-08-15
View user profile

Re: Designing Graphical User Interfaces

on Wed Aug 15, 2018 4:19 pm
Erika wrote:what is the different between user interface to software interface?
A user interface consists of input and output devices which ensure two-way communication while the Software interface refers to software interaction and usually consists of a programming language, code or any other way of connection between different components or applications.
Guru
Guru
Posts : 10
Join date : 2018-08-15
View user profile

Re: Designing Graphical User Interfaces

on Wed Aug 15, 2018 4:21 pm
Erika wrote:What are the benefits of clickable wireframes?
The advantage of clickable wireframes is that these can be used to show more than one state of a user interface. For example in simulation, a drop-down menu may appear, which would not be possible with static wireframes. In usability testing, clickable wireframes can also provide more accurate results. This is because the interactive experience is very similar to that of a finalized application.
Guru
Guru
Posts : 10
Join date : 2018-08-15
View user profile

Re: Designing Graphical User Interfaces

on Wed Aug 15, 2018 4:21 pm
Erika wrote:what is the history of GUI?
The idea for a graphical user interface stems from Vannevar Bush, at MIT (Massachussets Institute of Technology) during the second world war. However it was not until 1968 that the first mouse was created by Douglas Engelbert from Standford. This greatly increased usability in computer graphical user interfaces and dramatically shaped how they were designed. With a new device used to control navigation through a graphical user interface, more complex designs could be created.
Guru
Guru
Posts : 10
Join date : 2018-08-15
View user profile

Re: Designing Graphical User Interfaces

on Wed Aug 15, 2018 4:24 pm
Erika wrote:To keep the user’s attention, a well-designed GUI interface should contain unique
and creative controls?
No. a GUI interface should be natural and predictable Razz
Guru
Guru
Posts : 10
Join date : 2018-08-15
View user profile

Re: Designing Graphical User Interfaces

on Wed Aug 15, 2018 4:25 pm
Erika wrote:what is the history of GUI?
Early and current GUIs

In 1984, Apple (then Apple Macintosh) produced the first GUI that was successful. This sparked the race and other companies began to also create graphical user interfaces for computers. Now, there are GUIs for multiple systems. Rather than using a text-based command system, users can now click on icons to carry out functions on various devices and systems.
Guru
Guru
Posts : 10
Join date : 2018-08-15
View user profile

Re: Designing Graphical User Interfaces

on Wed Aug 15, 2018 4:30 pm
TRIVIA: The term “interface” frequently comes up in connection with computers and human-computer interaction. In computer science and technology HI this term can refer to different things. Obvious examples of different interfaces are a user interface and a computer interface.
avatar
Guru
Guru
Posts : 10
Join date : 2018-08-16
View user profile

Re: Designing Graphical User Interfaces

on Thu Aug 16, 2018 12:43 pm
How to improve quality of Graphical User Interfaces?
avatar
Guru
Guru
Posts : 10
Join date : 2018-08-16
View user profile

Re: Designing Graphical User Interfaces

on Thu Aug 16, 2018 12:46 pm
can you give some essential UI (user-interface) design tips?
avatar
Guru
Guru
Posts : 10
Join date : 2018-08-16
View user profile

Re: Designing Graphical User Interfaces

on Thu Aug 16, 2018 12:47 pm
What are the characteristics of a good user interface?
Guru
Guru
Posts : 10
Join date : 2018-08-16
View user profile

Re: Designing Graphical User Interfaces

on Fri Aug 17, 2018 7:38 am
Jenny2426 wrote:can you give some essential UI (user-interface) design tips?
1.Know your users
2. Define how people use your interface
3.Set expectations
4.Anticipate mistakes
5.Give feedback—fast
6. Think carefully about element placement and size
7.Don’t ignore standards
8.Make your interfaces easy to learn
9.Make decision-making simple
10. Listen to the data
Guru
Guru
Posts : 10
Join date : 2018-08-16
View user profile

Re: Designing Graphical User Interfaces

on Fri Aug 17, 2018 7:39 am
Jenny2426 wrote:What are the characteristics of a good user interface?
Clear
A clear interface helps prevent user errors, makes important information obvious, and contributes to ease of learning and use.

Consistent
A consistent interface allows users to apply previously learned knowledge to new tasks. Effective applications are both consistent within themselves and consistent with one another.

Simple
The best interface designs are simple. Simple designs are easy to learn and to use and give the interface a consistent look. A good design requires a good balance between maximizing functionality and maintaining simplicity through progressive disclosure of information.

User-Controlled
The user, not the computer, initiates and controls all actions.

Direct
Users must see the visible cause-and-effect relationship between the actions they take and the objects on the screen. This allows users to feel that they are in charge of the computer's activities.

Forgiving
Users make mistakes. User actions should be reversible. A good interface facilitates exploration and trial and error learning.

Provide feedback
Keep the user informed and provide immediate feedback. Also, ensure that feedback is appropriate to the task.

Aesthetic
Every visual element that appears on the screen potentially competes for the user's attention. Provide an environment that is pleasant to work in and contributes to the user's understanding of the information presented.
Guru
Guru
Posts : 10
Join date : 2018-08-16
View user profile

Re: Designing Graphical User Interfaces

on Fri Aug 17, 2018 7:42 am
Erika wrote:why does the GUI program interface should represent objects like their real-world counterparts?
Skeuomorphism is a term most often used in graphical user interface design to describe interface objects that mimic their real-world counterparts in how they appear and/or how the user can interact with them. Skeuomorphism makes interface objects familiar to users by using concepts they recognize.
Guru
Guru
Posts : 10
Join date : 2018-08-16
View user profile

Re: Designing Graphical User Interfaces

on Fri Aug 17, 2018 7:43 am
Trivia: Skeuomorphism is related to what ecological psychologist James Gibson termed “affordances.” Affordances refer to action possibilities of objects or other features of the environment. The most commonly cited examples of affordances include door handles and push buttons; their physical designs inform users that they can be rotated or pushed. Skeuomorphism represents affordances in digital user interfaces. It fits with our natural interpretation of objects—but in a digital world.

Skeuomorphism’s use in making interfaces more familiar and thus easier to use stems from the early days of computing and mobile computing. For instance, early versions of Apple’s mobile operating system, iOS, used skeuomorphism heavily across its user interface (e.g., buttons resembling glossy ‘real’ buttons, photos with white borders looking like physical photographs, etc.). Skeuomorphism in iOS was widely regarded as part of the reason it was so intuitive to use by people who had never used a touch-based smartphone before.
Guru
Guru
Posts : 10
Join date : 2018-08-16
View user profile

Re: Designing Graphical User Interfaces

on Fri Aug 17, 2018 7:50 am
What is conversational UI??
Newbie
Newbie
Posts : 4
Join date : 2018-08-18
View user profile

Re: Designing Graphical User Interfaces

on Mon Aug 20, 2018 2:24 pm
thank you for the info, I can use it for my project Smile
Newbie
Newbie
Posts : 4
Join date : 2018-08-18
View user profile

Re: Designing Graphical User Interfaces

on Mon Aug 20, 2018 2:26 pm
azaleya wrote:What is conversational UI??
A Conversational UI gives the privilege of interacting with the computer on human terms. It is a paradigm shift from the earlier communications achieved either by entering syntax-specific commands or clicking icons. Conversational interface allows a user to tell the computer what to do. Conversational UI is more social in the way the user “contacts”, “invites” and “messages” than the traditional apps that are technological in nature where the user downloads and installs.
Sponsored content

Re: Designing Graphical User Interfaces

Back to top
Permissions in this forum:
You cannot reply to topics in this forum