L A B E L Marina Karapetyan.

Slides:



Advertisements
Similar presentations
Web Design Principles 5th Edition
Advertisements

Wincite Introduces Knowledge Notebooks A new approach to collecting, organizing and distributing internal and external information sources and analysis.
MIS 425 Lecture 1 – HTML Basics and Web Page Design Instructor: Martin Neuhard
Web Page Usability. Determine User Goals Brainstorm: Brainstorm: Why would users come to your page? Why would users come to your page? What level of information.
Web Page Usability. Determine User Goals Brainstorm: Brainstorm: Why would users come to your page? Why would users come to your page? What level of information.
Macromedia Dreamweaver MX 2004 Design Professional Web Page DEVELOPING A.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Web Design, Usability, and Aesthetics 1 Notes from book “Don’t Make Me Think: A Common Sense Approach to Web Usability” by Steve Krug.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Chapter 4 Planning Site Navigation Principles of Web Design, 4 th Edition.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Administration Of A Website Information Architecture November 17, 2010.
Planning and Designing a Website Session 8. Designing a Website Like all technical artefacts a website needs to be carefully planned and designed to be.
Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Week 2 Web Site Design Principles. 2 Design for the Computer Medium Craft the look and feel Make your design portable Design for low bandwidth Plan for.
PRESENTATION SOFTWARE PowerPoint, Keynote, Prezi Purpose?
1 Designing Need-based Internet Web Sites in Counseling and Career Services James P. Sampson, Jr. Florida State University Copyright 2002 by James P. Sampson,
Information Architecture & Design Week 8 Schedule - Metaphors, Graphics and Labels - Other Readings - Research Topic Presentations - Research Papers Returned.
Web Content Development Dr. Komlodi Class 12: Labeling systems.
Chapter 2 Web Site Design Principles
The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.
Web Site Design Principles
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
Heuristic evaluation Functionality: Visual Design: Efficiency:
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
Pasewark & Pasewark Microsoft Office 2003: Introductory 1 INTRODUCTORY MICROSOFT OUTLOOK Lesson 1 – Outlook Basics and .
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Chapter 7 Navigation Systems From Information Architecture: Rosenfeld and Moreville.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Week 4 Planning Site Navigation. 2 Creating Usable Navigation Provide enough location information to let the user answer the following navigation questions:
Information Architecture & Design Week 7 Schedule - Design Critiques due Now - Metaphors, Graphics and Labels - Other Readings - Research Topic Presentations.
Chapter 6: Labeling Systems Information Architecture: Rosenfeld and Moreville.
Chapter 20 Web Design. Copyright © Houghton Mifflin Company. All rights reserved.20 | 2 Chapter overview Gives an introduction to Web design Examines.
Macromedia Dreamweaver 8 Revealed WEB PAGE DEVELOPING A.
Adobe Dreamweaver CS3 Developing a Web Page. Planning the Page Layout Use White SpaceUse White Space Limit media objectsLimit media objects KISSKISS Use.
Web page design. Web Site Design Principles Design for the Medium What is meant by Hyper Media? Hypertext links.
10 Tips for building a better Website Making Web sites involves three very different kinds of skill—technical, visual, and editorial—and the three must.
Chapter 2 Web Site Design Principles
The Successful Website
Adding a web site to your online presence...
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Best Practices in Creating Next Generation PDFs
Chapter 25 Web Pages This chapter presents the rhetorical features of Web page design as well as technologies for creating Web pages. Some of your students.
Introducing XHTML: Module A: Web Design Basics
Introducing XHTML: Module A: Web Design Basics
Chapter 2 Developing a Web Page.
Color Theory in Web Design
Chapter A - Getting Started with Dreamweaver MX 2004
Web Site Design Web site diagrams from the Yale Style Manual at:
Web Development A Visual-Spatial Approach
How to Design an Effective Web Presence
Creating Accessible PDFs from Word Docs
Katherine Prentice, MSIS Richard Usatine, MD
NAVIGATION SYSTEMS GROUP #4.
Objective % Explain concepts used to create websites.
Discovery Search vs. Library Catalogue
Attributes and Values Describing Entities.
Lesson Objectives Aims You should know about: – Web Technologies
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Designing a Pittsfordschools.org site
ICT Communications Lesson 4: Creating Content for the Web
Chapter 4 Planning Site Navigation
Elements of Effective Web Design
Attributes and Values Describing Entities.
Chapter 2 Web Site Design Principles
Web content management
Objective Explain concepts used to create websites.
Develop Your Web Presence Using WEEBLY
10 Tips for building a better Website
Presentation transcript:

L A B E L Marina Karapetyan

Label the goal of a label is to communicate information efficiently; that is, to convey meaning without taking up too much of a page's vertical space or a user's cognitive space. 6/27/2018

1.Why is important labeling system in internet context? Labeling is a form of representation. Just as we use spoken words to represent concepts and thoughts, we use labels to represent chunks information in our web sites. For example, <contacts> in the library site contain information about emails addresses. The user can then decide whether to click to get more contact information 6/27/2018

1.Why is important labeling system in internet context? (2) So the goal of a label is to communicate information. Anyone developing content or an architecture for a web site is creating labels 6/27/2018

1.Why is important labeling system in internet context? (3) Labels describe the hypertext links within the body of a document Labels should educate users about new concepts and help them quickly identify familiar ones. Labels represent information in your site says a lot about you, your organization. 6/27/2018

1.Why is important labeling system in internet context? (4) In web site's labeling poor, unprofessional labeling can destroy a user's confidence. Like writing or any other form of professional communication, labels do matter. They're as integral to an effective web presence as any other aspect of your web site. Labels are often used as hidings that describe the chunk of information that follows. 6/27/2018

2. 2.Variety of kinds of labeling (1) On the Web, we regularly encounter labels in two formats: Textual Iconic 6/27/2018

Textual labels Contextual links - Hyperlinks to chunks of information on other pages or to another location on the same page Headings - Labels that simply describe the content that follows them, just as print headings do Navigation system choices - Labels representing the options in navigation systems Index terms - Keywords, tags, and subject headings that represent content for searching or browsing 6/27/2018

Iconic Labels Icons can represent information in much the same way as text can. We see them. That's why they're more typically used for navigation system or small organization system labels, where the list of options is small, than for larger sets of labels such as index terms, where iconic "vocabularies" are quickly outstripped. 6/27/2018

4.Examples of problems of labeling: Many pages don't have main headings. Don’t determine beforehand what the audiences' needs are most likely to be. Don’t learn how your users would use information by card sorting methodologies. Too many of page labels don't represent the content they link . Contextual links are generally not developed systematically. 6/27/2018

5. List of rules about labeling systems Perhaps it is the most difficult aspect of information. You absolutely cannot assume that the label "main page" will be correctly interpreted by 100 percent of your site's users. Users, and context affect all aspects of an information architecture, and this is particularly true with labels. So what can we do to make sure our labels are less ambiguous and more representational? 6/27/2018

Designing effective labels Summarize any actions required of your audience Summarize any follow up action items required of you We shall notes that labeling is easier if the site's content, users, and context are kept simple and focused. Many sites try to have too many members. In successful labeling systems, one characteristic is typically consistency, Consistency is important, because consistency means predictability, and systems that are predictable and are simply easier to learn. The following guidelines are important for consistency. 6/27/2018

Consistency is affected by many issues: such as: 1.Style: 2. Presentation: Consistent application of fonts, font sizes, colors, white space, ungrouping can help visually reinforce the systematic nature of a group of labels . 6/27/2018

3.Syntax: Within a syntactical specific labeling system, consider choosing a single approach and sticking with it. 4. Granularity: Within a labeling system, it can be helpful to present labels such as site indexes. 5. Comprehensiveness: Aside from improving consistency, a comprehensive scope also helps users do a better job of quickly scanning. 6/27/2018

www.flib.sci.am (Armenia) nplg.gov.ge (Geo) 7. Site of our library www.flib.sci.am (Armenia) nplg.gov.ge (Geo) Library.iliauni.edu.ge (Geo) 6/27/2018

Thank you! 6/27/2018