MozFest 2012: Notes from Responsive Design Session

Techniques & Tips

  • flexible grids
  • media queries that aren’t pixel dependent
  • media queries to selectively adapt the page
  • responsive images (max-width: 100%, can hide small (767px)/medium(1296px)/large (1440px))
  • can use modernizr to detect if touch device
  • Foundation has flex classes for embeds to resize YouTube videos, etc.
  • For iframes, can use padding: % of ratio of iframe/embed
  • Responsive iframes by NPR will do it for you as well
  • Source code order (for screen readers especially)

Download Foundation (basic responsive, reset files) – uses 12 columns

Thoughts

Coding on the fly is great if the space is setup to be a hack session type thing, but the way the room was set was very much just presentation style. I just feel like I’m not really learning much when someone is coding in front of me. Demo is totally fine, but just watching them enter text seems like a bit of a waste of time.

I know mozfest is open for everyone, but somehow I expected it to be more advanced. I don’t think this covered anything I didn’t already know, and I wasn’t a huge fan of the fact that it was based on an existing package.

Definitely a great session to have for those who don’t know anything about responsive design though.

FSOSS 2012: Accessible Applications

Attending FSOSS (Free Software and Open Source Symposium) 2012 this morning. One session in particular caught my eye since I’ve been looking into how to make our web services more accessible, but just writing about making anything we might offer students more accessible. So here are my notes:

Accessibility: Importance, Challenges, Technology, and Implementation

Chad Pilkey & Justin Robinson

A lot of people (10-20% of population) have a functional disability. Not just an ethical issues, but also a legal one.

Software student is working on is using Adobe Flex 4 with its own Accessibility Framework using API.

Need to plan ahead of time and can make it much more user friendly.

HTML5 ARIA

  • accessible rich internet applications
  • allows for dynamic content compatible with screen readers
  • assist HTML5 with flex-like accessibility features
  • useful to those who need it; invisible to those who don’t

Limitations

  • flex: uncooperative components, potential obsolescence e.g label components will not be read (have to use built-in labels)
  • HTML5: not yet standardized, may remain that way for the next 2 years

Combined both in order to make up some of the limitations.

Need to test!

Considerations

  • metadata
  • hot keys or way to skip past chunks of content
  • ability to change colours & fonts
  • larger buttons (don’t require very high precision)
  • a/v: transcripts, captions, volume control

There are definitely more considerations, but they didn’t list them all.

I didn’t include many notes on importance, types of disabilities, and screenreaders, etc., so more general information since I’m familiar with much of it and have blogged about it (which I’ll repost shortly).

Access 2012: Conference Reflection

Honestly, my mind is still reeling from the conference. There were so many thought provoking ideas that my brain seems to still be processing them all.

Solving Practical Problems

One of the difficulties I frequently have is when people talk about great ideas, but they’re big ideas. Not that we don’t need to start these discussions, but on the more immediate front, I like to be able to take something practical back to my workplace to say “here’s how they did it, I think we can do it too.”

In this respect, one of my favourites was dchud’s Social Media Feed Manager, especially with the code available on github. I use this example first because it’s something simple enough that if you’re familiar with this sort of thing, it wouldn’t even take a day to set up. Pulling in social media feeds is something many researchers have trouble with and on top of simply solving a problem, this would be a tool that we can use to reach out to more faculty.

While I’m not sure how we might integrate the use of it into my workplace, I got really excited over Lisa’s talk on CWRC to build a connected, linked data environment and repository. Definitely one of the biggest issues of getting metadata the way we want it to be is the amount of work that is usually involved, and frequently involves technical knowledge, but the CWRC tool definitely makes it look easy to do.

New Perspectives

Another set of talks I really appreciated was looking at an existing concept in a vastly different way. A good example would be Hugh’s Keeping Books Open talk. While I have considered the definition of a book to be changing and somewhat fluid, Hugh spoke about a different model in publishing and interaction with readers that made me wonder at the possibilities.

Another good example would be Alistair’s talk on Civil Rights in Big Data and Answers. Who knew there would be connection? I have always thought of big data as just that, a lot of data. I considered big data to be a great way of becoming informed and exploring different connections. I never thought about the possible impact that it has already had on our society.

Doing Both

While roaming services and a deskless reference service are not new ideas, Marc’s Reshaping Service Delivery talk added a layer beyond simply providing roaming services within the library. I (and I’m certain many others) was very impressed on how he took the library’s circ desk out into the community.

Taking It Back

As I said, I think one of the most valuable things about Access is hearing about the new things that other libraries are doing that I can then take back to my workplace. While we have already implemented (or in the process of implementing) some of the things presented (such as a more integrated, one-look mobile site), I have definitely gotten a better idea of how to tackle other issues we haven’t even begun (like collaborative digital collections).

Final Thoughts

Another great Access. While a couple of the presentations were a bit too technical for me, I liked that once again, there were people pulled in from outside of the library and academic area.

I am definitely putting Access down as my must-go conference. Next year is in St John’s though which is rather far especially if I return to the West Coast, so I hope I can make it, but we’ll see.

Now to Get Some Rest

Access 2012 Day 3 Closing Keynote: Brain Injuries, Science Fiction, and Library Discovery

by Bess Sadler

 

We do the things we do, because it feels good. It provides us with a reward. Being intrinsically motivated is the best predictor of happiness and healthy living.

What is missing is how we can make libraries better for users.

Used emotional words to describe physical collections, but efficiency for digital collections. How can we change this?

The emotional design is more important than practical design.

Virtual Shelf List especially useful for multi-branch libraries, including closed collections with digitized materials. Using semi-automated metadata.

What is Still Missing?

Falling short of providing emotional, spatial sensory that physical shelf browsing.

Need to take inspiration from sci-fi. Render library in 3D virtual world e.g. browsing the library as if in Hogwarts

Do this at a human scale. Consider making it more personal and smaller for children.

What’s Next?

This can happen.

See also Affordance theory: a framework for graduate students’ information behavior by Bess Sadler

Emotional Design by Donald Norman

More notes on Access 2012 Live Blog.

Access 2012 Day 3: Session Notes

Out with the Desk: Re-Shaping Service Delivery in Libraries

Marc Pillon

Challenges facing public libraries:

  • perceived as inconvenient/impractical in today’s digital world
  • budgets are shrinking
  • patrons expect a different service

Idea:

  • bring the library to them e.g. Tim Horton’s, Loblaws, Shoppers

Vision for Public Libraries in the 21st Century

  • convenience! = ‘cutting the cord’ to service
  • being able to deliver them anytime, anywhere
  • less traditional bricks-and-mortar
  • more locations for drop off, pick up, access to technology
  • partner with existing retail outlets

Library in a Box

Gave access to ILS with small computer.

Pros

  • access to ILS anywhere
  • small enough to carry anywhere
  • limited only by wireless signal

Cons

  • not easy to transport, bulky/heavy
  • complicated setup requiring IT support

Introducing CanGURU

Using Apple iPhone and Bluetooth barcode scanner. iPad and wifi receiver

  • highly portable, light weight, easy to use
  • made inexpensive by using consumer products that are readily available
  • can be easily replicated by other libraries
  • used externally and internally (getting rid of information desk)
  • highlights important of librarian (return to reader’s advisory, roving to enhance customer service)
  • collaboration with social services, parks and recreation, and other non-profit organizations

Technology

  • 3G or wifi for connectivity
  • VPN (Cisco AnyConnect) for authenticated access to internal network
  • RDP protocol for access to ILS software
  • client device suh as iPad or notebook
  • bluetooth barcode scanner
  • custom iOS software (uses protocol to talk to ILS)

Future Improvements

  • faster wifi
  • streamline connectivity process
  • self-check version for iPad
  • patron version for self-check
  • implement SIP3 options
  • integrate with RFID
  • porting to android and/or Windows 8 tablet

Where should Libraries Locate?

  • big box stores/large retail centres
  • coffee shops
  • train stations/airports
  • hospitals
  • parks
  • university/college campus

One Example: Fraser Valley Regional

Encapsulated technology in a car with public computers, books, check in/out, etc.

Another Example: University of Alberta has an embedded Edmonton Public Library branch.

Shaping the User Experience

Sonya Betz and Robert Zylstra

Problem

A lot of different web interfaces:

  • library website
  • libguides
  • ILL
  • OPAC
  • etc.

Can get 3-4 different interfaces just doing a simple look up and placing a hold on book. Users find it too difficult to find things and so much time is spent trying to train users to use them all, but it’s a losing battle.

Had no mobile interface either.

Solution

Virtual Services Integration Project

  • simplify access to library resources
  • provide access via all devices
  • provide common experience between platforms

First was mobile version (iOS App) and full-scale web (responsive design).

Key Concepts

  • one access point replacing multiple access points
  • mobile and desktop interfaces
  • user aware
  • fast and intuitive access
  • consistent and intuitive experience

Project Motto

Think Big, Start Small, Move Fast

Using Web Servies APIs

Integrating Services (e-Reserve, room booking) and Resources (Physical, electronic, etc.). Also has EDS.

My Account: Authentication to App using LDAP, which send tokens to everything in the App to simulate single sign-on.

Search: uses EDS API, which allows limiters. Can then share through mail, print, copy, dropbox, etc. Holdings details from ILS.

Library info: from website.

Featured Lists: new materials using ILS

At Present

Consolidated 3 separate spaces of library info, search, and account.

Next

  • MusicBrainz
  • citations
  • Alexander Street Press (streaming audio and video)
  • Favourites
  • shared folders
  • library maps
  • barcode scan
  • NFC/RFID

Mobile App is a pilot for the CMS. App infrastructure will serve as basis for CMS. CMS and App will share user preference and content.

Marketing

  • public press release
  • website
  • posters
  • instructional sessions (provided premade screen)
  • etc.

Worked with communications department.

More notes on Access 2012 Live Blog.