1 / 15

User Interface Design with Easy Navigation

A guide on good and bad GUI designs, emphasizing simple navigation, organized buttons, and a mix of text and images to enhance user experience.

mitch
Download Presentation

User Interface Design with Easy Navigation

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. DesignUser InterfaceHue PhaHoua Xiong

  2. Simple navigation • Large and easy to read • Mix of Images and words to • show actions • Not over crowded with • unnecessary options Good GUI

  3. Buttons Organized by type of actions • Advanced options easily accessible • Easy to read • Good mix between simple and • complex options Good GUI

  4. Bad GUI • Data Field range checking issues • Horrible Color Scheme Choices • Bad Button Labels • Confusing Layout

  5. Bad GUI (TKFP) • Bad Color Scheme • Overload of options and menus • Hard to navigate • Bad positioning of menus

  6. Good Web UI • Background color blends well with font • Easy navigation bar • Boxes use to narrow down what user wants • Different font style indicates categories

  7. Good web ui • Information categorize and organize • Background color blends well with font colors • When highlight on category, background color blends well • Easy to navigate • Tools to help narrow down search

  8. Bad web ui • Fonts color makes it difficult to read • Difficult to navigate • Cannot mute the noise • Information not organize

  9. Bad web ui • Too many font colors • Pictures not organize and not size fit • Small text size • Difficult to navigate

  10. Samsung galaxy gear

  11. New trend - Smart watches • Requires a Samsung galaxy Note 3, Galaxy Note 10.1 or Galaxy S4 (Additional devices will be added at later date) • Uses NFC to link with the Samsung Galaxy Note 3 • Connects using Bluetooth 4.0 • Built in: • Microphone • Camera • Speaker • Battery lasts a one and a half days • $300 Price Tag What is it?

  12. 1.63” Touchscreen • Running customized version of Google’s Android • Maximum of 10 Apps total • Four Apps per page • Navigate using swipes, gestures and voice • Navigate backward by downward swipes • Swipe left or right for different pages • S Voice commands (Similar to Apple’s “Siri”) GUI Navigation

  13. Track your steps • Snap shot photos with a camera with a 1.9MP • Answer and make calls • See your text messages • Control your music playlist • Find your device What can it do?

  14. Cost $300 for the watch itself • Without one of the Samsung Galaxy phones all you get is just an expensive watch • App Notifications information doesn’t • display on the watch itself • Limited App selection Disadvantage

  15. Questions?

More Related