Making Effective, Usable Research Guides

Slides:



Advertisements
Similar presentations
Joanna Cooksey, Subject Librarian Oxford Brookes University Logging into Athens: a brief guide.
Advertisements

Writing for the Web: Quick Tips for Friendlier Pages Robyn Ness & Beth Snapp July 2014.
Hints and tips for good web content. The University’s web presence To clearly inform prospective students, their influencers, researchers, potential members.
MLA Format You will need to submit ALL assignments for assessment using MLA format and if you do not do this you will loose 10% of your marks. MLA stands.
Totally New to Computers Microsoft Word: The Basics Surrey Libraries Computer Learning Centres August 2011 Teaching Script.
How to Make a Web Page: A Crash Course in HTML programming.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
ETT 229 Fall 2004 Web Design Basics II. Agenda 11:00-11:05 – Quiz 14 11:05-11:50 – Web Design Lecture 11:50-12:15 – Web Design Practice 2.
Web Design, Usability, and Aesthetics 3
Using WilsonSelect. WilsonSelect (or WilsonSelectPlus) is a database of full-text articles from magazines and journals. It covers a very wide range of.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Usability & Visual Design Krystine Wetherill.  Usability measures the quality of a user's experience when interacting with a product or system—whether.
Make documents look great Format text and apply styles In the picture is a nicely typed press release. But all the text looks the same. There are no titles.
HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.
CS 235: User Interface Design February 17 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
Notes to Teachers 1.Northstar digital literacy assessment or an alternate assessment should be done at the start of each new unit. To access the assessments,
HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.
December 10th Inservice Presenter: Linda Lopresti 9-10 English Department (K112) Contact Info: twitter:
Creating an Expression Web Site
Web-designWeb-design. Web design What is it? Web-design features Before…
1 Introduction to Library Databases Basic Searching.
Web Design.
15.2 More Basic HTML. More Basic HTML Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features.
This is a short demonstration of the Cambridge OCR Advanced Sciences website and Planner.
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;
Explorers Guild April 27, What is HTML? Hypertext Markup Language (HTML) is the basic building block of the World Wide Web page. HTML files are.
Last week you should have had something that looked like this.
ISP 1600 for Winter 2005 Web.Edu: How Internet Courses Work Second meeting January 20, 2005.
What is Symbaloo? Home Always a fast start, your favorite websites, online tools, and resources organized on your homepage. Personal Organize your favorite.
Keys to a Good Website A guide to creating the almost perfect website! From #1: Help!! I need website help! Quick! From # 2: Easy. Just watch this powerpoint.
Miller Library and Information Service Short of time? See what we offer online access full-text articles from online sources Version 1 – January 2010.
Web Site Design. Overview Why? Internet and Intranet Common Mistakes. Elements of a Web Site. Structure. Navigation.
Mrs. Knopp Library Media Specialist.  The term wiki comes from the phrase Wiki- Wiki which is the Hawaiian word for quick.  A wiki is a website that.
HTML Lesson 2. Review Questions  What are HTML tags used for?  What do HTML tags look like?  What are the 3 required HTML tags?  In what section of.
AJAX 10 Most Common Mistakes. 1. Not giving immediate visual cues for clicking widgets. If something I'm clicking on is triggering Ajax actions, you have.
Principles of effective web design NOTES Flo Morris-Duffin.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
CS 174: Web Programming November 25 Class Meeting Department of Computer Science San Jose State University Fall 2015 Instructor: Ron Mak
Font, Font Size, and Text Color. When you have a text box open you have access to the font, font size, and font color from the home screen under the section.
Web Page Design The Key to a Successful Web Page by Judy Bogdanets.
Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.
1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.
Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.
CS 100 Introduction to Web Page Construction and HTML.
Schoolwires – District 205 created by Andrew Chidester.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
open up the computer login left double-click on Applications
Usability Testing and Web Design
LibGuides CMS Facilitated by: Jenn Cournoyer, M’lyn Hines, Pauline Clifford, Jarrod Borek, Brian Donohue-Lynch, & Cindi Brassington.
Navigation CS 4640 Programming Languages for Web Applications
Usability & Visual Design
Web Design Principles.
Web-design.
Chapter 17 Designing for the web
Content Best Practices
Fixed Positioning.
Writing for the Web.
Nov 5th Inservice.
Arleen Williams ESL 3 Academic
OnCourse Connect is simple to use and can be accessed from any online computer, smartphone or tablet device. This secure website will allow you real-time.
Unit 14 Website Design HND in Computing and Systems Development
Krug Chapter 3 Billboard Design 101
Designing Pages and Documents
Is Your Library’s Website an
Navigation CS 4640 Programming Languages for Web Applications
Web Design Principles.
Navigation CS 4640 Programming Languages for Web Applications
Presentation transcript:

Making Effective, Usable Research Guides Joshua Welker University of Central Missouri

About Me I’ve been working at the University of Central Missouri for three years. I am in charge of the library’s IT infrastructure, ranging from computer labs to websites to proxy servers to database administration. I’ve done extensive research on web usability in the context of library websites and recently wrote a book chapter on the subject in Integrating LibGuides Into Library Websites. I learned a lot on the subject and look forward to sharing it with you! There are common mistakes in many guides that can be prevented easily but cause big problems for students.

Moving on...

“If a page does not appear relevant to the user's current goals, then the user will ruthlessly click the Back button after two to three seconds.” Nielsen, Jakob. “Is Navigation Useful?” Nielsen Norman Group. 9 January 2000.

Information Scent

A student’s point of view http://guides.library.ucmo.edu/gis This is notes

Navigation

"I look at that and I'm like too many tabs, it's too busy, I want no part of that." Ouellelte, Dana. “Subject Guides in Academic Libraries: A User-Centred Study of Uses and Perceptions.” Canadian Journal of Information and Library Science 35.4 (2011).

Tall and Distinguished http://guides.library.ucmo.edu/best-practices

Page Length

On home pages In 2006, before the iPhone Only 23% of users scroll!*† On home pages In 2006, before the iPhone Nielsen, Jakob and Hoa Loranger. Prioritizing Web Usability. Berkeley: New Riders, 2006.

Mobile users expect to do it.” “After more than 20 years of web use, people are accustomed to scrolling. Mobile users expect to do it.” Levinson, Deborah and Tania Schlatter. Visual Usability. Waltham, MA: Elsevier, 2013.

Information Scent

Headings

HTML Heading Hierarchy

Hierarchy In Action https://en.wikipedia.org/wiki/History_of_Rome

Don’t Be Bold ...or underlined ...or italic ...or colorful http://guides.library.ucmo.edu/worst-practices

Body Text

*Actual Graduate-Level Assignment

The Internet Never Forgets https://web.archive.org/we b/20121113001933/http://g uides.library.ucmo.edu/clf

Plain Text Is Happy Text Short, plain paragraphs are easy to read. Just don’t make text walls. Use bold sparingly. Bullet points are also easy to read. Use HTML list bullets, not hyphens or asterisks. No colors!

Layout

Which Direction?

Good Bad http://guides.library.ucmo.ed u/best-practices http://guides.library.ucmo.ed u/worst-practices

Integrating LibGuides Into Library Websites Sittler and Dobbs, 2016

Questions?