Struktur-arkitektur I session 5 (24/9/03). today´s plan Placing today in the big schema (after session 3- learned about hypertext; session 4-text elements)

Slides:



Advertisements
Similar presentations
Author: Steve Krug Presented by: Nicole Wilson
Advertisements

Publishers Web Sites Standard Features. Objectives Access publishers websites Identify general features available on most publishers websites Know how.
HTML popo.
Introduction to HTML & CSS
Chapter 4 Planning Site Navigation. 2 Principles of Web Design Chapter 4 Objectives Understand navigation principles Build navigation schemes that meet.
Web design Most digitisation projects are made available through Websites Effective Access depends on good web design Identify users and their information.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Relative and Absolute Relative Absolute.  In web-page design, a hyperlink (or link) is a reference to a document that the reader can directly follow,
1 CS 502: Computing Methods for Digital Libraries Lecture 2 The Nomadic Computing Experiment Object Models.
Searching the Web II. The Web Why is it important: –“Free” ubiquitous information resource –Broad coverage of topics and perspectives –Becoming dominant.
Module 10a: Display and Arrangement IMT530: Organization of Information Resources Winter, 2007 Michael Crandall.
Web Design, Usability, and Aesthetics 3
MSc Publishing on the WWW Web Design Week 2. Aims and Objectives To introduce the stages of web design and implementation To introduce needs analysis.
IMT530- Organization of Information Resources1 Feedback Like exercises –But want more instructions and feedback on them –Wondering about grading on these.
Information Architecture Donna Maurer Usability Specialist.
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.
1 SKODA-AUTO.CZ prototype evaluation Poznań, 23th of March 2015.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
By Carrie Moran. To examine the Metadata Object Description Schema (MODS) metadata scheme to determine its utility based on structure, interoperability.
Dawn Pedersen. Web Interfaces Web interfaces allow a user to interact with a website. The simplest web interfaces provide information and allow the user.
University of Malta CSA3080: Lecture 9 © Chris Staff 1 of 13 CSA3080: Adaptive Hypertext Systems I Dr. Christopher Staff Department.
Administration Of A Website Site Architecture October 20, 2010.
INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR.
XP 1 HTML: The Language of the Web A Web page is a text file written in a language called Hypertext Markup Language. A markup language is a language that.
Lesson 4: Using HTML5 Markup.  The distinguishing characteristics of HTML5 syntax  The new HTML5 sectioning elements  Adding support for HTML5 elements.
Information Architecture & Design Week 8 Schedule - Metaphors, Graphics and Labels - Other Readings - Research Topic Presentations - Research Papers Returned.
1999 Asian Women's Network Training Workshop. A short discussion about Information Architecture.
Large Corporation Web Sites Efficient process Maximum effectiveness.
State Term Contract & State Purchasing Agreement Website Innovative Ideas towards Improving Your Buying Experience DMS State Purchasing IT Team.
Using Html Basics, Text and Links. Objectives  Develop a web page using HTML codes according to specifications and verify that it works prior to submitting.
Billboard Design 101. Create a clear visual hierarchy The more important something is, the more prominent it is.
Web-site Design Strategy.  For P4, learners are required to design a website for LocalBiz - Manningham, this is for a specified purpose and a defined.
MULTIMEDIA DEFINITION OF MULTIMEDIA
Tuesday, July 19, 10:00 am -1:00pm Agenda 1.Discussion of “CLT Today” pp. 1-5, 23-27, and Articulating an approach 3.An “eclectic, enlightened.
About the OECD Why am I here? Why is access to online information important? Libraries and Librarians play a crucial role in the innovation process.
Organizing Information AGCJ 407 Web Authoring in Agricultural Communications.
PBA Front-End Programming Page Composition. Page composition Now we know about – Colors – Fonts, texts and editorial style – Links and navigation – …
University of Malta CSA3080: Lecture 7 © Chris Staff 1 of 18 CSA3080: Adaptive Hypertext Systems I Dr. Christopher Staff Department.
HTML: Hyptertext Markup Language Doman’s Sections.
Information Architecture Navigation. Goals 1. Organization systems 2. Navigation: Conventions 3. Login & Forms Task | Dreamweaver 4. Client Project 2.
IT-522: Web Databases And Information Retrieval By Dr. Syed Noman Hasany.
State Term Contract & State Purchasing Agreement Website Innovative Ideas Towards Improving Your Buying Experience DMS State Purchasing IT Team.
Information Architecture & Design Week 7 Schedule - Design Critiques due Now - Metaphors, Graphics and Labels - Other Readings - Research Topic Presentations.
Large Corporation Web Sites Efficient process Maximum effectiveness.
Copyright © 2006 Pilothouse Consulting Inc. All rights reserved. Search Overview Search Features: WSS and Office Search Architecture Content Sources and.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 13(a) This presentation © 2004, MacAvon Media Productions Design Principles.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Dawn Pedersen American River College. What’s an Interface? The connection between a user and a machine. Interfaces provide complex information in a usable.
Navigation and Menus Will Oakley Information Architecture and Design I October 5, 2006.
The Internet is a Big Collection of Computers and Cables. -"interconnection of computer networks". Millions of personal, business, and governmental.
1 HTML: HyperText Markup Language Representation and Management of Data on the Internet.
CIS 228 The Internet Day 4, 9/8/11 Getting on the Internet.
MARK3030 Navigational Testing Navigation Design Basics all of the ways that users can move around a site and understand where to go revealed in the appearance.
Lecture 6, MAT 279, Fall HTML Introduction (cont.) 9/17/2009.
Objective % Select and utilize tools to design and develop websites.
Imran Hussain University of Management and Technology (UMT)
CS 430: Information Discovery
Objective % Select and utilize tools to design and develop websites.
PBA Front-End Programming
HTML Vocabulary.
WEBSITE DESIGN Chp 1
Krug Chapter 6 A: Navigation
Imran Hussain University of Management and Technology (UMT)
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
HCI and Hypermedia/WWW
Where am I? Navigating a website: Browsing, searching, menus & breadcrumbs.
CIS 376 Bruce R. Maxim UM-Dearborn
Chapter 4 Planning Site Navigation
Krug Chapter 6 Street signs and Breadcrumbs
Usability 1.0 J. Richard Stevens.
Presentation transcript:

Struktur-arkitektur I session 5 (24/9/03)

today´s plan Placing today in the big schema (after session 3- learned about hypertext; session 4-text elements) Should a text author know about architecture? Announcements: misc. Lecture: Wodtke, Krug, Nielsen Kagepause Lecture: Bernstein, Engebretsen

announcements Ny øvelsespolitik Examination Sprogspecifiske øvelser (Session 7- target groups exercise, Sesion 8- newsletter, Session 10- Web style exercise) Course goal : This course looks at how to communicate textually in a particular medium (digital) with particular textual strategies.

Wodtke: Socks Drawers… Organize or you cannot find User quests: where am I? do they have? Can I find? (we will cover in exercises) The sorting exercise: tv (what is the dominant organization scheme? Consistency? Does it cover it all? Things in two places) Naming labels: Wodke´s example

Wodtke: A Bricklayer´s… Metadata: descriptive, intrinsic, administrative.

Wodtke: A Bricklayer´s… Controlled vocabulary exercise (p. 40, table 6.3)

Krug: Street Signs… How to find things online: a chainsaw at the mall Browsing: no scale, no sense of direction, no sense of location Web navigation conventions: site name/brand, sections, utilities, search, flowcharts, page names. The trunk test: AOK

p. 53

p. 56

p. 70

The trunk test What site is this? (Site ID) What page am I on? (Page name) What are the major sections of this site? (Sections) What are my options at this level? (Local navigation) Where am I in the scheme of things? (”You are here indicators”) How can I search?

GIVE US A BREAK!!!

“we must work toward a pattern language through both topological and rhetorical observation” (Mark Bernstein) cycle contour counterpoint mirrorworld tangle sieve montage

AXIAL/HIERARCHICALNETWORK hypertext structures

coherence Intranodal (traditional notion: text) Internodal (between two text nodes read in sequence) Hyperstructural (logic in the structure) Engebretsen uses van Dijk´s theories of macro and superstructures to explain the last two levels. coherence

linking -Connective (alternative, adversative, specifying, and causal +additive -Associative (of an occasional, idiosyncratic nature, more semantic) Usually relevant if you want more information Can weaken coherence, example: Coca- Cola

Superstructure of the networked version

Flowchart examples Chris Jenning´s webdesign architectureswebdesign architectures (