Submit Search
Upload
Interface Design
•
1 like
•
424 views
Gerson Abesamis
Follow
Report
Share
Report
Share
1 of 22
Download now
Download to read offline
Recommended
Interface Design
Interface Design
Gerson Abesamis
Information Architecture
Information Architecture
Henry Osborne
The Role of Design in Accessibility — a11yTO Meet-up
The Role of Design in Accessibility — a11yTO Meet-up
Adrian Roselli
Selfish Accessibility — YGLF Vilnius
Selfish Accessibility — YGLF Vilnius
Adrian Roselli
Role of Design in Accessibility — VilniusJS Meet-up
Role of Design in Accessibility — VilniusJS Meet-up
Adrian Roselli
Compiled InfoGraphics
Compiled InfoGraphics
Gerson Abesamis
Evaluating A Website
Evaluating A Website
Gerson Abesamis
Photography Class 11-12
Photography Class 11-12
Gerson Abesamis
Recommended
Interface Design
Interface Design
Gerson Abesamis
Information Architecture
Information Architecture
Henry Osborne
The Role of Design in Accessibility — a11yTO Meet-up
The Role of Design in Accessibility — a11yTO Meet-up
Adrian Roselli
Selfish Accessibility — YGLF Vilnius
Selfish Accessibility — YGLF Vilnius
Adrian Roselli
Role of Design in Accessibility — VilniusJS Meet-up
Role of Design in Accessibility — VilniusJS Meet-up
Adrian Roselli
Compiled InfoGraphics
Compiled InfoGraphics
Gerson Abesamis
Evaluating A Website
Evaluating A Website
Gerson Abesamis
Photography Class 11-12
Photography Class 11-12
Gerson Abesamis
Interface Design
Interface Design
Henry Osborne
Multimedia Development Lifecycle
Multimedia Development Lifecycle
Leoni Rahmawati
Site Dev Team
Site Dev Team
Gerson Abesamis
Site Dev't Team
Site Dev't Team
Gerson Abesamis
Are Mega Menus Really Heroic?
Are Mega Menus Really Heroic?
Heather Staudt
Module-2-The UID process- Obstacles, Usability.ppt
Module-2-The UID process- Obstacles, Usability.ppt
ssuserb7947f
Module-2-The UID process- Obstacles, Usability.ppt
Module-2-The UID process- Obstacles, Usability.ppt
priadarsiniclassroom
J105 Web Design
J105 Web Design
Chris Snider
MODULE 3- WEEK 3- EMP.pptx
MODULE 3- WEEK 3- EMP.pptx
FrenzDelaCruz2
Form and Function for Menus: How to get IA and Navigation Right UXPA Boston 2...
Form and Function for Menus: How to get IA and Navigation Right UXPA Boston 2...
Heather Staudt
Making social media work, building on line community
Making social media work, building on line community
Archdiocese of Cincinnati, Office of Evangelization and Catechesis
ui.ppt
ui.ppt
FaizalRamdhan1
Website designing company in mumbai
Website designing company in mumbai
Css Founder
Are Mega Menus Really Heroic? 20160317
Are Mega Menus Really Heroic? 20160317
Heather Staudt
Help designers make accessible websites
Help designers make accessible websites
Stergios Kritikos
What is user experience and why does it matter
What is user experience and why does it matter
Sarah Horton
How to be different?
How to be different?
Saeid Zebardast
How to tame dancing bears - User centred design in academic publishing
How to tame dancing bears - User centred design in academic publishing
Publishing Technology
Audience is King - Landing Page & Usability Design for Increased Conversions
Audience is King - Landing Page & Usability Design for Increased Conversions
Kimberly Krause Berg
Website Architecture Presentation from Web Strategy Workshops
Website Architecture Presentation from Web Strategy Workshops
Charles Edmunds
YMSAT Project Proposal Form
YMSAT Project Proposal Form
Gerson Abesamis
YMSAT Student Primer
YMSAT Student Primer
Gerson Abesamis
More Related Content
Similar to Interface Design
Interface Design
Interface Design
Henry Osborne
Multimedia Development Lifecycle
Multimedia Development Lifecycle
Leoni Rahmawati
Site Dev Team
Site Dev Team
Gerson Abesamis
Site Dev't Team
Site Dev't Team
Gerson Abesamis
Are Mega Menus Really Heroic?
Are Mega Menus Really Heroic?
Heather Staudt
Module-2-The UID process- Obstacles, Usability.ppt
Module-2-The UID process- Obstacles, Usability.ppt
ssuserb7947f
Module-2-The UID process- Obstacles, Usability.ppt
Module-2-The UID process- Obstacles, Usability.ppt
priadarsiniclassroom
J105 Web Design
J105 Web Design
Chris Snider
MODULE 3- WEEK 3- EMP.pptx
MODULE 3- WEEK 3- EMP.pptx
FrenzDelaCruz2
Form and Function for Menus: How to get IA and Navigation Right UXPA Boston 2...
Form and Function for Menus: How to get IA and Navigation Right UXPA Boston 2...
Heather Staudt
Making social media work, building on line community
Making social media work, building on line community
Archdiocese of Cincinnati, Office of Evangelization and Catechesis
ui.ppt
ui.ppt
FaizalRamdhan1
Website designing company in mumbai
Website designing company in mumbai
Css Founder
Are Mega Menus Really Heroic? 20160317
Are Mega Menus Really Heroic? 20160317
Heather Staudt
Help designers make accessible websites
Help designers make accessible websites
Stergios Kritikos
What is user experience and why does it matter
What is user experience and why does it matter
Sarah Horton
How to be different?
How to be different?
Saeid Zebardast
How to tame dancing bears - User centred design in academic publishing
How to tame dancing bears - User centred design in academic publishing
Publishing Technology
Audience is King - Landing Page & Usability Design for Increased Conversions
Audience is King - Landing Page & Usability Design for Increased Conversions
Kimberly Krause Berg
Website Architecture Presentation from Web Strategy Workshops
Website Architecture Presentation from Web Strategy Workshops
Charles Edmunds
Similar to Interface Design
(20)
Interface Design
Interface Design
Multimedia Development Lifecycle
Multimedia Development Lifecycle
Site Dev Team
Site Dev Team
Site Dev't Team
Site Dev't Team
Are Mega Menus Really Heroic?
Are Mega Menus Really Heroic?
Module-2-The UID process- Obstacles, Usability.ppt
Module-2-The UID process- Obstacles, Usability.ppt
Module-2-The UID process- Obstacles, Usability.ppt
Module-2-The UID process- Obstacles, Usability.ppt
J105 Web Design
J105 Web Design
MODULE 3- WEEK 3- EMP.pptx
MODULE 3- WEEK 3- EMP.pptx
Form and Function for Menus: How to get IA and Navigation Right UXPA Boston 2...
Form and Function for Menus: How to get IA and Navigation Right UXPA Boston 2...
Making social media work, building on line community
Making social media work, building on line community
ui.ppt
ui.ppt
Website designing company in mumbai
Website designing company in mumbai
Are Mega Menus Really Heroic? 20160317
Are Mega Menus Really Heroic? 20160317
Help designers make accessible websites
Help designers make accessible websites
What is user experience and why does it matter
What is user experience and why does it matter
How to be different?
How to be different?
How to tame dancing bears - User centred design in academic publishing
How to tame dancing bears - User centred design in academic publishing
Audience is King - Landing Page & Usability Design for Increased Conversions
Audience is King - Landing Page & Usability Design for Increased Conversions
Website Architecture Presentation from Web Strategy Workshops
Website Architecture Presentation from Web Strategy Workshops
More from Gerson Abesamis
YMSAT Project Proposal Form
YMSAT Project Proposal Form
Gerson Abesamis
YMSAT Student Primer
YMSAT Student Primer
Gerson Abesamis
Final Project
Final Project
Gerson Abesamis
960 Grid System
960 Grid System
Gerson Abesamis
CSS Box Model
CSS Box Model
Gerson Abesamis
Photography Orientation 11-12
Photography Orientation 11-12
Gerson Abesamis
WebDev2 Orientation 11-12
WebDev2 Orientation 11-12
Gerson Abesamis
Prewar report
Prewar report
Gerson Abesamis
Typo Graphics
Typo Graphics
Gerson Abesamis
Web Typography
Web Typography
Gerson Abesamis
Typographic Contrast
Typographic Contrast
Gerson Abesamis
WebDev Template Finals
WebDev Template Finals
Gerson Abesamis
Css positioning
Css positioning
Gerson Abesamis
Pinhole photography vale
Pinhole photography vale
Gerson Abesamis
CSS Box Model and Dimensions
CSS Box Model and Dimensions
Gerson Abesamis
CSS Lists and Tables
CSS Lists and Tables
Gerson Abesamis
CSS Refresher
CSS Refresher
Gerson Abesamis
Intro to HTML
Intro to HTML
Gerson Abesamis
Information Architecture
Information Architecture
Gerson Abesamis
WebDev Finals (3rd Quarter)
WebDev Finals (3rd Quarter)
Gerson Abesamis
More from Gerson Abesamis
(20)
YMSAT Project Proposal Form
YMSAT Project Proposal Form
YMSAT Student Primer
YMSAT Student Primer
Final Project
Final Project
960 Grid System
960 Grid System
CSS Box Model
CSS Box Model
Photography Orientation 11-12
Photography Orientation 11-12
WebDev2 Orientation 11-12
WebDev2 Orientation 11-12
Prewar report
Prewar report
Typo Graphics
Typo Graphics
Web Typography
Web Typography
Typographic Contrast
Typographic Contrast
WebDev Template Finals
WebDev Template Finals
Css positioning
Css positioning
Pinhole photography vale
Pinhole photography vale
CSS Box Model and Dimensions
CSS Box Model and Dimensions
CSS Lists and Tables
CSS Lists and Tables
CSS Refresher
CSS Refresher
Intro to HTML
Intro to HTML
Information Architecture
Information Architecture
WebDev Finals (3rd Quarter)
WebDev Finals (3rd Quarter)
Interface Design
1.
interface design Navigation systems and
user interfaces
2.
“WAYFINDING” 1. Orientation 2. Route
decisions 3. Mental mapping 4. Closure
3.
Maps & navis 1.
Paths 2. Regions 3. Nodes 4. Landmarks
4.
paths • Consistent and
predictable links • Internal (habitual to the user) • External (breadcrumb trails)
5.
regions • Identifiable regions
and spaces • Consistent yet flexible/customizable • Page grid, terminology, links
6.
7.
Nodes • Too much
choices can be overwhelming • Balance between user freedom and guidance
8.
9.
LANDMARKS • Orientation cues
(“You are here”) • Use of graphics and titles
10.
11.
Search tools • Users
see less of the homepage • They have expectations of where search bars are located
12.
13.
14.
Design tips: Clear
navigation
15.
Design tips: No
dead ends
16.
Design tips: Simple
yet unique
17.
Design tips: Visible
graphic identity
18.
Design tips: Composition
19.
Trends in
web composition
20.
Web Design conventions
21.
Web Design conventions
22.
More conventions • Informative
title • Author or institution • Date created and revised/edited • Copyright/ownership statements • Link to home/main page • Alt text for images • Headings for sections
Download now