Library Instruction Services Redesign Danielle Skaggs Fall 2006.

Slides:



Advertisements
Similar presentations
Information Architecture for the World Wide Web By Steve Cherry and Matt Scheinerman.
Advertisements

Getting Started with Dreamweaver DREAMWEAVER MX. Getting Started with Dreamweaver Contents –What Can Dreamweaver MX Do? –Dreamweaver Learning and Support.
UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
Gary Browning and Vincci Kwong Indiana University South Bend 2014 ILF District 1 Conference Responsive Web Design for Libraries.
University of Guelph Website Redesign 2007 Stuart Robertson Manager, University Website.
Project 1 Introduction to HTML.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
1st Project Introduction to HTML.
Information Architecture Donna Maurer Usability Specialist.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
University of South Alabama Library Website Design and Accessibility Evaluation.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
© 2007 All rights reserved. Knowbility, Inc1 Inspect What You Expect: Testing & Implementation.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Web Usability 101: Watch (and Discuss) A Live Test John Fritz UMBC.
Information Architecture for Librarians or The top 10 things you can do to improve your website.
Web Development Life Cycle from Beginning to End…and BEYOND!
Testing and Debugging Web pages. Final exam Wednesday, May 10: 10am – noon Content: guidelines will be distributed next lecture Format: Matching, multiple.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
An Introduction To Websites With a little of help from “WebPages That Suck.
The Promise of Information Architecture Keith Doyle Web Content Architect University of Salford.
Refine Produce Implement Design and Development Stages.
Louisa Lambregts, Louisa Lambregts
Content Management Systems a library overview. Key Points What is a CMS? Goals & Benefits Examples the UIUC Library.
Web Page Concept and Design :
Information Architecture & Design Course Overview -Syllabus -Requirements & Preferences -IA & Design Readings -Group Projects IA Overview -What is IA?
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
© 2007 All rights reserved. Knowbility, Inc1 Inspect What You Expect: Testing & Implementation.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Advanced Topics Lecture 8 Rachel A Ober
Web Content Development Dr. Komlodi Class 1: Introductions, Elements of Web Design.
Navigation and Menus Will Oakley Information Architecture and Design I October 5, 2006.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Navigation and Menus Will Meurer. Topics Navigation Basics Navigational Elements Other Navigation Techniques Implementation Usability Take Away Points.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
School of Information – (Current Student Section) By: Amit Sharma | inf 385e Fall iSchool, UT- Austin
Louisa Lambregts, Louisa Lambregts
School of Information, Fall 2007 University of Texas A. Fleming Seay Information Architecture Week 12.
1 ITEC 4830 Graphics Design Chapter 1 Dreamweaver MX 2004 Basics.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
COMP 143 Web Development with Adobe Dreamweaver CC.
MIT 511- Web Design & Usability
Project 1 Introduction to HTML.
Chapter 1 Introduction to HTML
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
Web Site Design Plan Checklist
Web Development A Visual-Spatial Approach
Travel Exotic India Site designed and implemented by: Krishnan Ayyer
Taxonomies & Classification for Organizing Content
Jesse Martinez Fall 2006 December 7, 2006
Directories, Site Maps & Site Indexes
Zhi Liu Dec.7th IA and Design
My Personal Photo Website --Final project
Web Development Life Cycle from Beginning to End…and BEYOND!
Yi-Hsuen Shih’s personal Web site
Information Architecture and Design I
Sunshine Gardens Min Yao December 6,2005.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Information Systems 337 Prof. Harry Plantinga Usability.
Intro Project Introduction to HTML.
CS7026: Authoring for Digital Media
Web Development Life Cycle from Beginning to End…and BEYOND!
Presentation transcript:

Library Instruction Services Redesign Danielle Skaggs Fall 2006

Presentation Overview Site and Project Introduction Initial Site Design Redesign Tasks Project Statistics Next Time...

Library Instruction Services (LIS): For Librarians Subsite Provide content and information about services Key content:  Tips and Techniques for Library Instruction  Instruction “Clearinghouse” Audience primarily internal – “librarians involved with instruction at UT” per User Model

Information Architecture Tools Visio Dreamweaver 8 Fireworks Web Developer Firefox extension UT Color Scheme

Redesign Tasks Create global/local navigation to help users form mental model (Modjeska & Marsh, 1997; Nielsen, 2003) Change labels for clarity Add html “preview” files for browsing ease (Krug, 2000) Create a sitemap, no search box (Rosenfeld, 2002)

Project Facts 49 total pages (32 in Tips section) CSS-styled table layout (Project Seven tutorial)Project Seven tutorial Validated - XHTML 1.0 Transitional & CSS (Dreamweaver & Firefox) Accessibility errors (Bobby)  Same link text with different URLs  Separate adjacent links with more than whitespace

Next Time Around I’d... Rework the Tips local navigation Focus less on my current skills during design phase Integrate more aspects of IA into focus (limit scrolling, text readability) (Nielsen, 1997)

References Krug, S. (2000). How we really use the Web. In Don’t make me think (chapter 2). Indianapolis, Ind: Que Publishing. Modjeska, D., & Marsh, A. (1997). Structure and Memorability of Web Sites. Toronto: Computer Science Research Institute of the University of Toronto.Structure and Memorability of Web Sites Nielsen, J. (2003, November 10). The Ten Most Violated Homepage Design Guidelines. In Alertbox: Current issues in web usability. Nielsen, J. (1997, October 1). How users read on the web. In Alertbox: Current issues in web usability. Rosenfeld, L., & Morville, P. (2002). Information architecture for the world wide web (2nd ed.). Sebastopol, CA: O’Reilly & Associates.

Site URL