Group items tagged

We are not the demographic of this site. So, even if the topic doesn't appeal to all of us, the success of the site is well documented. Since the site's creation, the Royal Marines and Royal Navy have seen huge increases in qualified candidates and in meeting their recruitment goals. The case study of this site dealt with two main issues brought from the Client: 1) LOTS OF INFORMATION: One of the major successes of this site is that the target audience said they felt they were given all the information they needed to make their decision on joining the Royal Marines. 2) INTERACTIVITY: The site is PACKED with interactive elements: tests, maps, checklists, etc. ALSO OF NOTE: Gotta love the "English manner" in the way they tell you about cookies from their site (at the top of the homepage when you first arrive at the site). Click on "More About Cookies" and see how much info they provided.

Zurb story here: http://zurb.com/responsive/reading Kia's site is: http://www.kia.com Number 6 is Kia's new RWD. I went to the kia.com site and the RWD was pretty awful. * MIN WIDTH: -- images and text are blurry. -- horizontal nav completly disappears. -- the 3 stacked horizontal bars that should pull up a menu.....don't. They drop the main page and you're stuck facing a carousel and some monumental horizontal and vertical scrolling to see only models of vehicles. * MAX WIDTH: -- they don't have a max width and try to stretch into infinity. Stretched across 2 or 3 of my displays and I have the full site.....blurry. * MOBILE SITE: -- it's a mini-version of the main desktop site. -- this works well on the iPad in both vertical and horizontal orientation. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ I've seen great RWD when the min- and max-width are defined and the three horizontal bars become what used to be the horizontal navigation. But Kia's desktop RWD fall short in my opinion. If anyone ever reads this, I wonder what their impressions would be.

If we accept this, are there implications for our aim to design a responsive site?

I take issue with focusing on the amount of time spent in apps vs. mobile web. If you look at the breakdown, 68% of app time is on pure entertainment activities like gaming, social media and YouTube. Which makes total sense that people spend a disproportionate amount of time on those things. Plus that guy looks really annoying!

RE: Mason-Good points, Señor Mason. But using inflammatory titles gets people reading. My next post will be "LIBRARIES ARE DEAD-EVERYTHING IS ON GOOGLE, ANYWAY".

Example of mobile site using jQuery Mobile. From the Digital Services Librarian: "...; I released our library's first mobile site this summer (http://m.library.iit.edu), and the framework allowed me to concentrate on the university-specific items I had to address (such as rewriting our textbook checkout code) rather than how to make it look nice on various mobile platforms."

This is a Chrome extension that will resize your browser window to the break points in the code of the current site you are viewing. Those sites without breakpoints show a blank window in the extension. Responsive Inspector is helpful to see all of the breakpoints a particular site uses. Some have several breakpoints, other sites have just a few. It's a good learning tool. It's a wee bit buggy sometimes, but it's being updated regularly. If this link does not work, just search for "Responsive Inspector" in the Chrome browser Extensions.

This is not a ground-breaking site but there are a handful of things they're doing well that demonstrate how much simpler/better our design could be: 1. It's a visually interesting and attractive site without resorting to images sprinkled randomly throughout content. Each images has a home and a purpose. (We've got to move away from treating the web like a print layout where we allow our content folks to intersperse text with images) 2. The text on pages is structured well and utilizes nicely-styled headings and bulleted lists to make it easy to scan/digest lots of content. I also like how the B/W Feature images on the homepage become full color on hover. A nice touch. Also, nice use of white space to avoid overwhelming.

Google has launched a new developer sandbox for iGoogle gadgets that looks suspiciously like a proto-social networking site.

This is an example of a beautifully designed, built and IA'd website. They intend for this website to be a "journey website" in which you spend time exploring the site. The designer must be very happy becase his/her vision was allowed to be shown. The details of the website are too consistent to be a site designed by committee. I'm not commenting on it's compliance or browser capabilities, just the design. Sigh.

I was thinking about our staff satisfaction survey but also noted the researchers who got good results by simply asking a sample of users "Why did you come to this Web site today?" (much like we did)

Cindy shared this with me as a cool example of a library site. I like it... no muss, no fuss...

A handy site on which you can view your own files in relation to the various types of color blindness. In my experience with the site, the option to view your images online is better than the option to download the plug-ins. The plug-ins kept crashing for me. But your experience may be different.

Sample used to demoonstrate reducing the size of a site

Quick overview of mobile library site considerations

I have a short article along with the video of my talk at ALA and a video of a talk I gave at Code4Lib Midwest outlining the basics of how this kind of analysis can be done on any site.

A site dedicated to higher ed web design ideas, articles, trends, and awards

Neat site full of printable paper of all custom types. Might be nice for sketching out designs.

Nice find! Thanks for sharing.

Inspiration for upcoming LADL site?

Was mentioned in presentation this morning. Site uses WordPress and Sriblio as a CMS and OPAC.

New web standards educational curriculum site with contributions from a variety of standards evangelists including UT's Glenda Sims.