SlideShare une entreprise Scribd logo
1  sur  35
EDIT 6325 Ninghua Han 2009. 9 Design and The User Interface
Introduction ,[object Object],[object Object],[object Object]
Metaphor ,[object Object],[object Object]
Metaphor This electronic shopping cart is one of the established  metaphor for e-commerce. They are all metaphors to link to corresponding content of the web site.
Consistency ,[object Object],[object Object]
[object Object],This is a main page of Los Angeles Country Arts Commission website.  Consistency
All the subpages of this Web site keep using same style.  One hue stands for one page.  Consistency
[object Object],[object Object],[object Object],[object Object],[object Object],Template
[object Object],[object Object],This website provides many website templates that can be applied to the web pages or the entire web site. This a  Korean style  template. Template
This a  European style  template. Template
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Content
[object Object],[object Object],[object Object],Balanced Layout
[object Object],[object Object],This is 2009 GIVENCHY Web site.  It keeps the black  and white color style and symmetrical balance layout. Balanced Layout
This is Previous GIVENCHY Web site.  It also use black  and white color scheme and symmetrical balance layout. Balanced Layout
[object Object],This Web site arranges nonidentical elements on both sides of central line. Balanced Layout
[object Object],There is no central line for this website’s layout to arrange elements.  Balanced Layout
[object Object],[object Object],[object Object],Movement
[object Object],[object Object],[object Object],Color Scheme
[object Object],[object Object],Color Scheme
Yellow is Kodak company’s theme color.  It’s website also uses yellow as their website theme color.  Color Scheme ,[object Object]
[object Object],[object Object],Color Scheme
[object Object],Color Scheme
[object Object],Color Scheme
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Independent and Functional
[object Object],[object Object],Unified Piece
All of the multimedia elements in this website work together to create a unified piece and stands for company’s mission. Unified Piece ,[object Object]
[object Object],Interactive Interface
The Disney Web site is always visually appealing, functional, and user-centered.  Interactive Interface
[object Object],[object Object],Link Effectively
[object Object],[object Object],Sense of Context
The same theme color, consistent navigation bar, titles, footers, and links of the Disney Web site are all reinforce the users’ sense of context.  Sense of Context
[object Object],Feedback
[object Object],[object Object],Equal Access
Stay current on accessibility laws to ensure that the web sites are compliant. Equal Access
HTML, XHTML, AND Web Authoring

Contenu connexe

Tendances

Customer effective web design new
Customer effective web design newCustomer effective web design new
Customer effective web design new
Vikram g b
 
10 Principles Of Effective Web Design
10 Principles Of Effective Web Design10 Principles Of Effective Web Design
10 Principles Of Effective Web Design
sirferds
 

Tendances (20)

Customer effective web design new
Customer effective web design newCustomer effective web design new
Customer effective web design new
 
6 Key Principles Of Making A Web Design
6 Key Principles Of Making A Web Design6 Key Principles Of Making A Web Design
6 Key Principles Of Making A Web Design
 
Jamal Qaiyyim Ch3
Jamal Qaiyyim Ch3Jamal Qaiyyim Ch3
Jamal Qaiyyim Ch3
 
10 Principles Of Effective Web Design
10 Principles Of Effective Web Design10 Principles Of Effective Web Design
10 Principles Of Effective Web Design
 
Web Design Principle and Elements
Web Design Principle and ElementsWeb Design Principle and Elements
Web Design Principle and Elements
 
10 principles of effective web design
10 principles of effective web design10 principles of effective web design
10 principles of effective web design
 
Responsive web design - tips & tricks
Responsive web design - tips & tricksResponsive web design - tips & tricks
Responsive web design - tips & tricks
 
Basic web dev
Basic web devBasic web dev
Basic web dev
 
Effective Website Design
Effective Website DesignEffective Website Design
Effective Website Design
 
Web Site Design,
Web Site Design,Web Site Design,
Web Site Design,
 
tips for a good website navigation interface
tips for a good website navigation interfacetips for a good website navigation interface
tips for a good website navigation interface
 
Visual content strategy infosnaps 2.0
Visual content strategy infosnaps 2.0Visual content strategy infosnaps 2.0
Visual content strategy infosnaps 2.0
 
Sephora redesign case study.pdf
Sephora redesign case study.pdfSephora redesign case study.pdf
Sephora redesign case study.pdf
 
Clear as mud: Explaining Web Apps, Mobile Apps, Cloud Computing and Design "t...
Clear as mud: Explaining Web Apps, Mobile Apps, Cloud Computing and Design "t...Clear as mud: Explaining Web Apps, Mobile Apps, Cloud Computing and Design "t...
Clear as mud: Explaining Web Apps, Mobile Apps, Cloud Computing and Design "t...
 
Round up of latest website design trends for 2017
Round up of latest website design trends for 2017Round up of latest website design trends for 2017
Round up of latest website design trends for 2017
 
Top graphic design trends for website designing
Top graphic design trends for website designingTop graphic design trends for website designing
Top graphic design trends for website designing
 
Psychologyofwebdesign
PsychologyofwebdesignPsychologyofwebdesign
Psychologyofwebdesign
 
2018 Web Design Trends
2018 Web Design Trends2018 Web Design Trends
2018 Web Design Trends
 
Webdesign
WebdesignWebdesign
Webdesign
 
New york web design
New york web designNew york web design
New york web design
 

En vedette (7)

How To Use Photoshop
How To Use PhotoshopHow To Use Photoshop
How To Use Photoshop
 
Kuantan proposal
Kuantan proposalKuantan proposal
Kuantan proposal
 
water efficient,water appliance and fixture
water efficient,water appliance and fixturewater efficient,water appliance and fixture
water efficient,water appliance and fixture
 
Amalan hijau dalam eksa
Amalan hijau dalam eksaAmalan hijau dalam eksa
Amalan hijau dalam eksa
 
Basic principle of medicolegal management in emergency department
Basic principle of medicolegal management in emergency departmentBasic principle of medicolegal management in emergency department
Basic principle of medicolegal management in emergency department
 
Introduction to photoshop
Introduction to photoshopIntroduction to photoshop
Introduction to photoshop
 
7 Deadly Fears of Public Speaking
7 Deadly Fears of Public Speaking7 Deadly Fears of Public Speaking
7 Deadly Fears of Public Speaking
 

Similaire à Ninghua Ch3

PRINCIPLES-ELEMENTS-OF-GOOD-WEBSITE-DESIGN-USING.pptx
PRINCIPLES-ELEMENTS-OF-GOOD-WEBSITE-DESIGN-USING.pptxPRINCIPLES-ELEMENTS-OF-GOOD-WEBSITE-DESIGN-USING.pptx
PRINCIPLES-ELEMENTS-OF-GOOD-WEBSITE-DESIGN-USING.pptx
APRILROSEVICENTE1
 
Global Scope Final Report
Global Scope Final ReportGlobal Scope Final Report
Global Scope Final Report
Kamil Mustaffa
 

Similaire à Ninghua Ch3 (20)

Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
 
The good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointThe good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePoint
 
Web Usability Page Design
Web Usability   Page DesignWeb Usability   Page Design
Web Usability Page Design
 
LO3 - Lesson 19 - Template & CSS
LO3 - Lesson 19 - Template & CSSLO3 - Lesson 19 - Template & CSS
LO3 - Lesson 19 - Template & CSS
 
Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...
 
2014 web design trends
2014 web design trends2014 web design trends
2014 web design trends
 
Web Usability Site Design
Web Usability   Site DesignWeb Usability   Site Design
Web Usability Site Design
 
LO2 - Lesson 11 - Layout
LO2 - Lesson 11 - LayoutLO2 - Lesson 11 - Layout
LO2 - Lesson 11 - Layout
 
PRINCIPLES-ELEMENTS-OF-GOOD-WEBSITE-DESIGN-USING.pptx
PRINCIPLES-ELEMENTS-OF-GOOD-WEBSITE-DESIGN-USING.pptxPRINCIPLES-ELEMENTS-OF-GOOD-WEBSITE-DESIGN-USING.pptx
PRINCIPLES-ELEMENTS-OF-GOOD-WEBSITE-DESIGN-USING.pptx
 
Global Scope Final Report
Global Scope Final ReportGlobal Scope Final Report
Global Scope Final Report
 
Natures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsNatures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and Applications
 
Soodam
SoodamSoodam
Soodam
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01
 
Presentation of web designing
Presentation of web designingPresentation of web designing
Presentation of web designing
 
Professional ui for a website design
Professional ui for a website designProfessional ui for a website design
Professional ui for a website design
 
presentation-web-designing.pdf
presentation-web-designing.pdfpresentation-web-designing.pdf
presentation-web-designing.pdf
 
Web Usability
Web UsabilityWeb Usability
Web Usability
 
WEB DESIGNING.pptx
WEB DESIGNING.pptxWEB DESIGNING.pptx
WEB DESIGNING.pptx
 
3 DOTTECHNOLOGIES WEB DESIGNING
3 DOTTECHNOLOGIES WEB DESIGNING3 DOTTECHNOLOGIES WEB DESIGNING
3 DOTTECHNOLOGIES WEB DESIGNING
 
3 DOTTECHNOLOGIES WEB DESIGNING
3 DOTTECHNOLOGIES WEB DESIGNING3 DOTTECHNOLOGIES WEB DESIGNING
3 DOTTECHNOLOGIES WEB DESIGNING
 

Dernier

Challenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
Challenges and Opportunities: A Qualitative Study on Tax Compliance in PakistanChallenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
Challenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
vineshkumarsajnani12
 
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizhar
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al MizharAl Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizhar
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizhar
allensay1
 
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwait
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai KuwaitThe Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwait
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwait
daisycvs
 

Dernier (20)

Arti Languages Pre Seed Teaser Deck 2024.pdf
Arti Languages Pre Seed Teaser Deck 2024.pdfArti Languages Pre Seed Teaser Deck 2024.pdf
Arti Languages Pre Seed Teaser Deck 2024.pdf
 
Cannabis Legalization World Map: 2024 Updated
Cannabis Legalization World Map: 2024 UpdatedCannabis Legalization World Map: 2024 Updated
Cannabis Legalization World Map: 2024 Updated
 
SEO Case Study: How I Increased SEO Traffic & Ranking by 50-60% in 6 Months
SEO Case Study: How I Increased SEO Traffic & Ranking by 50-60%  in 6 MonthsSEO Case Study: How I Increased SEO Traffic & Ranking by 50-60%  in 6 Months
SEO Case Study: How I Increased SEO Traffic & Ranking by 50-60% in 6 Months
 
Putting the SPARK into Virtual Training.pptx
Putting the SPARK into Virtual Training.pptxPutting the SPARK into Virtual Training.pptx
Putting the SPARK into Virtual Training.pptx
 
Paradip CALL GIRL❤7091819311❤CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
Paradip CALL GIRL❤7091819311❤CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDINGParadip CALL GIRL❤7091819311❤CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
Paradip CALL GIRL❤7091819311❤CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
 
Durg CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN durg ESCORTS
Durg CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN durg ESCORTSDurg CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN durg ESCORTS
Durg CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN durg ESCORTS
 
Katrina Personal Brand Project and portfolio 1
Katrina Personal Brand Project and portfolio 1Katrina Personal Brand Project and portfolio 1
Katrina Personal Brand Project and portfolio 1
 
JAJPUR CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN JAJPUR ESCORTS
JAJPUR CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN JAJPUR  ESCORTSJAJPUR CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN JAJPUR  ESCORTS
JAJPUR CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN JAJPUR ESCORTS
 
Uneak White's Personal Brand Exploration Presentation
Uneak White's Personal Brand Exploration PresentationUneak White's Personal Brand Exploration Presentation
Uneak White's Personal Brand Exploration Presentation
 
Challenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
Challenges and Opportunities: A Qualitative Study on Tax Compliance in PakistanChallenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
Challenges and Opportunities: A Qualitative Study on Tax Compliance in Pakistan
 
Falcon Invoice Discounting: Empowering Your Business Growth
Falcon Invoice Discounting: Empowering Your Business GrowthFalcon Invoice Discounting: Empowering Your Business Growth
Falcon Invoice Discounting: Empowering Your Business Growth
 
New 2024 Cannabis Edibles Investor Pitch Deck Template
New 2024 Cannabis Edibles Investor Pitch Deck TemplateNew 2024 Cannabis Edibles Investor Pitch Deck Template
New 2024 Cannabis Edibles Investor Pitch Deck Template
 
Berhampur CALL GIRL❤7091819311❤CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
Berhampur CALL GIRL❤7091819311❤CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDINGBerhampur CALL GIRL❤7091819311❤CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
Berhampur CALL GIRL❤7091819311❤CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
 
Kalyan Call Girl 98350*37198 Call Girls in Escort service book now
Kalyan Call Girl 98350*37198 Call Girls in Escort service book nowKalyan Call Girl 98350*37198 Call Girls in Escort service book now
Kalyan Call Girl 98350*37198 Call Girls in Escort service book now
 
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizhar
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al MizharAl Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizhar
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizhar
 
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...
 
Phases of Negotiation .pptx
 Phases of Negotiation .pptx Phases of Negotiation .pptx
Phases of Negotiation .pptx
 
CROSS CULTURAL NEGOTIATION BY PANMISEM NS
CROSS CULTURAL NEGOTIATION BY PANMISEM NSCROSS CULTURAL NEGOTIATION BY PANMISEM NS
CROSS CULTURAL NEGOTIATION BY PANMISEM NS
 
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwait
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai KuwaitThe Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwait
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwait
 
GUWAHATI 💋 Call Girl 9827461493 Call Girls in Escort service book now
GUWAHATI 💋 Call Girl 9827461493 Call Girls in  Escort service book nowGUWAHATI 💋 Call Girl 9827461493 Call Girls in  Escort service book now
GUWAHATI 💋 Call Girl 9827461493 Call Girls in Escort service book now
 

Ninghua Ch3

  • 1. EDIT 6325 Ninghua Han 2009. 9 Design and The User Interface
  • 2.
  • 3.
  • 4. Metaphor This electronic shopping cart is one of the established metaphor for e-commerce. They are all metaphors to link to corresponding content of the web site.
  • 5.
  • 6.
  • 7. All the subpages of this Web site keep using same style. One hue stands for one page. Consistency
  • 8.
  • 9.
  • 10. This a European style template. Template
  • 11.
  • 12.
  • 13.
  • 14. This is Previous GIVENCHY Web site. It also use black and white color scheme and symmetrical balance layout. Balanced Layout
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28. The Disney Web site is always visually appealing, functional, and user-centered. Interactive Interface
  • 29.
  • 30.
  • 31. The same theme color, consistent navigation bar, titles, footers, and links of the Disney Web site are all reinforce the users’ sense of context. Sense of Context
  • 32.
  • 33.
  • 34. Stay current on accessibility laws to ensure that the web sites are compliant. Equal Access
  • 35. HTML, XHTML, AND Web Authoring