Designing User Interface

Post on 23-Feb-2016

43 views 0 download

Tags:

description

Designing User Interface. Karl Hunt And amanda scotting. Good WebUI : *Links do not open a new browser unless marked by the (…) *Users are able to use the back button to return to prior pages - PowerPoint PPT Presentation

Transcript of Designing User Interface

KARL HUNT AND

AMANDA SCOTTING

Designing User Interface

Link:http://espn.go.com/

Good WebUI:

*Links do not open a new browser unless marked by the (…)

*Users are able to use the back button to return to prior pages

*When the user clicks on the link the color changes so the user knows they have already clicked on that specific link

Mr.Bottles.com

Bad WEBUI:

* The information is not balanced on the menu screen

*Very Busy, Too much text

*Doesn’t show the current date

*Scroll down to reveal Links

Link: http://www.rockfordball.com/

Good WebUI:

*Links do not open a new browser

*Users are able to use the back button to return to prior pages

*Navigational links are listed at the top of the webpage

*When scrolling across the navigational links the color changes

www.ARNGREN.net

Bad WEBUI:

* The information is not balanced on the menu screen

*Unorganized

*Doesn’t show the current date

* Too many Font Colors

*Scroll down to reveal Links

Microsoft Word

Good GUI:

* The information is balanced on the pages

* Easy Navigation system

* Specific tabs organize the options for the user

* When user scrolls over the options they are highlighted

Wii Menu

Good GUI:

* The information is balanced on the menu screen

*Shows the current date

* Easy navigation system with arrows that allow user to go back and forth

* When user scrolls over the options they are highlighted

Terms and Condition statements

Bad GUI:

* Font is too small

*Large groups of text

*Hiding important info by not highlighting.

*You can agree to terms before you scroll to the end

Forms

Bad GUI:

* Too much info

*Clustered Groups

*Difficult to navigate

New UI Design

Near Field Communication (NFC):

A set of standards for smartphones and similar devices to establish radio communication with each other by touching them together or bringing them into close proximity.

NFC

Near field communication (NFC) technology lets smartphones and other enabled devices communicate with other devices containing a NFC tag.

HTTP: / /WWW.YOUTUBE.COM/WATCH?V=_64MACON444

NFC Video

Pros Cons

Convenience

Easy to use

2 way communication

Security

Competition

Requires device to have NFC chip installed

NFC