Elder Dictionary: Elderly Terms, Meanings and Definitions

In an effort for humor and eduction I have created a fun website called “Elder Dictionary.” On Elder Dictionary user submitted words and definitions and pooled together to document sayings old people used to say, and some may still. Words include “little bugger,” “smitten kitten,” “davenport,” and a growing list of more! The glossary as of date consists of over 100 words, and is exploding from its soft launch last Sunday (May 8th, 2011).

Elder Dictionary Screenshot

Enjoy!,
Daniel Slaughter

SXSW 2011: Be a Lead Generation Superstar with HTML5 Forms

Chris Coyier
Lead Hucklebucker
Wufoo (@wufoo)

Kevin Hale
Infinity Box Inc

Organizations involved with HTML5

http://w3c.com
http://whatwg.org

Timeline

  • 1990-1995 HTML
  • 1997 HTML3.2
  • 1998 HTML4
  • 2000 XHTML 1.0
  • 2003 XForms: client side validation, but requires a plugin
  • 2004 WHATWG Forms: can’t we just fix HTML? YES!

What is WHATWG?

  • Opera approached W3C with new specifications to work  with current means of HTML. However, W3C basically said no. So, Opera got Safari, Opera, and Firefox involved and formed WHATWG. And then once they had all them, W3C changed their minds and adopted this idea too.

WHATWG Core Principles

  • Backwards Compatible
  • Specifications and Implementations Need to Match
  • More Detailed Specifications

Best Practices for Lead Generation

A lead is information you collect from a user that allows you to take your interaction with them to the next level. Typical Shareware games do 0.5% conversion rate. Flickr is estimated at 5-10%. AdultFriendFinder does 10-22% conversion rate. Amazon.com does a 17.2% conversation rate. And TurboTax online does a 70% online conversion rate.

Steps to Increase your Conversion Rate

  • Labels: the closer the label is to the field, the faster they can process the information.
  • Columns: single column fields do better than double.
  • Number of Fields
  • Pagination: Make sure you establish the progress in which they’re through the form. The moment you don’t they’ll stop.

Types of Speed

  • Infrastructure Speed: how long it takes for the form/page to load from the server to the user.
  • Navigation Speed: how many fields are there? How long will it take to physically go through the form.
  • Cognitive Speed: how much text is there for them to read?
  • Input Speed: are answers pre-selected, or are they not?
  • Validation Speed: how long does it take the user to understand the error?

HTML Composition

  • Semantics
  • Offline Storage
  • Device Access
  • Connectivity
  • Multimedia
  • 3D Graphics
  • Performance
  • CSS3
  • …but what about Forms?

HTML Bad News

  • Very inconsistent browser support even among leading browsers
  • It’s buggy
  • the UI for much of it is ugly
  • The UX for much of it is iffy
  • You’re going to need to write JavaScript fallbacks

Good News

  • You can still use HTML5 form features to make your forms better
  • Some features you can use without thinking twice (eg. type=tel)
  • There are JavaScript fallbacks

Demos

See References below; especially HTML5 Forms Readiness Chart.

So What’s It Missing We’d Like?

  • Implement More of the Spec. Please.
  • Ability to Style Errors and Widgets
  • IE9… Where are you?
  • Drawing Field
  • Location Field
  • WYSIWYG Textarea
  • Access to Camera and Microphones
  • JSON and/or XML as Encoding Type

References

  • HTML5 Forms Readiness Chart
  • Modernizr: To be backwards compatible select Input Type, Input Attributes, and both options under Other.
  • Yepnope.js: If the feature isn’t there, you can load backwards compatible scripts. This is AWESOME!
  • TeleJect: Allows you to get an actual address of a LAT/LONG from the geoLocation data through Google Maps API.

SXSW 2011: Your Mom Has an iPad: Designing for Boomers

John McRee (@johnmcree)
Lead User Experience Architect
EffectiveUI

EffectiveUI was brain storming ideas of what would be a good topic at a conference, and this was what John came up with. The idea stuck, and the office and industry had a great reaction to the idea. The question simply is: is designing for boomers important or relevant.

John recites a poem:

A computer was something on TV
From a science fiction show of note.
A window was something you hated to clean,
And ram was the cousin of a goat

Meg was the name of my girlfriend.
A gig was a job for the night.
Now they all mean different things,
And that really mega bytes.

An application was for employment.
A program was a TV show.
A cursor used profanity.
A keyboard was a piano.

Memory was something that you lost with age.
A CD was a bank account.
And if you had a three-inch floppy,
You hoped nobody found out.

Compress was something you did to the garbage,
Not something you did to a file.
And if you unzipped anything in public,
You’d be in jail for a while.

Log on was adding wood to the fire.
Hard drive was a long trip on the road.
A mouse pad was where a mouse lived.
And a backup happened to your commode.

Cut, you did with a pocket knife.
Paste, you did with glue.
A web was a spider’s home.
And a virus was the flu.

I guess I’ll stick to my pad and paper
And the memory in my head.
I hear nobody’s been killed in a computer crash,
But when it happens they wish they were dead.

Interesting Information

In truth, Boomers love technology. The older generations are really something to focus in. The younger generation is powering forward, but we need to learn as much as we can to support everyone.

More and more older individuals are using the iPad. The Nintendo Wii, for example, spent a lot of it’s marketing on a non-traditional gaming market, including elders.

Boomers comprise more than a third of the online population. Compared with non-boomers, they consider themselves more savvy than the rest of the population. 47% of internet uses ages 50-54 are using networking sites, 26% of 65+ are too. Percentage using social networking by age is on the rise, it’s a pretty straight linear trend right now.

Between the ages of 50-64 Twitter use has went up 120%!

Boomers spend the most money on technology because they have it. Close to 80 million Americans controlling 50% of the country’s discretionary spending. Boomer women spend more money in all channels than women from all other generations (Forrester Research). They outspent younger adults by $1 trillion in 2010.

The oldest members of the Baby Boom generation turn 65 this year. They’re too young to have any personal memory of WWII, but old enough to remember the postwar American High. There are 79 million Baby Boomers, which is 26% of the population

How to design for Boomers?

Well, we don’t. Design for goals and behaviors, aptitude, and attitude, not generation. Age isn’t something you should really focus on unless it’s a very specific audience. However, there are patterns to consider.

  • Like to learn new technologies and share their knowledge: but really, who doesn’t?
  • Want technology to be safer
  • Want technology to be easier to use
  • See technology as a tool
  • Expect technology to adapt to them

Like to learn new technologies and share their knowledge: but really, who doesn’t?

The Kickass Curve: Once you get someone through the sucky part of using new technology, then they get into this cool area where they can start to use technology and “Kickass.” When someone becomes “Kickass” then they want to show all their friends, and promotes the product. So, how do we make a product Kickass?

  • Overlay the product with instructions.
  • Point to obvious places where you interact and get at the functionality of the product.
  • Keep it simple, sleek, and easy to use. Give little tid-bits of information on where to start, and where to go. Sure you can have the ability to dig in deeper and get crazy, just simple on the interface. Just get them through the “suck threshold” as soon as you can.

Want technology to be safer

Use things like loading bars, use pagination so people know how to jump forward and backwards in steps. Use strong visual design to establish trust. An ugly website will scare people of how reputable it is.

Want technology to be easier to use

Consistent navigation and behavior. Don’t have a bunch of ways to navigate the website. Have a consistent nomenclature: Submit, Continue, Proceed, Cancel, Go, etc.

See technology as a tool

Increasing features doesn’t make something easier to use. The “feature race” is competing to have the most amount of features in your apps. The people in the “UX” stage are the little guys competing against bigger companies with lots of features. Boomers just simply want a nice feature, and nothing else as it gets confusing.

Expect technology to adapt to them

They want to be able to talk to people, to communicate, and do it easily.

Accessibility

In the workforce 42% of people have a significant disability when nearing retirement. The workforce benefiting from accessibility tech is 60%: GPS speech output, closed captioning, accessible software. The self perception of aging is “disability” is a huge turn-off. Even seniors when asked if they’re old, they’ll deny it. No one wants to click on something to acknowledge they’re old.

  • Limit on-click events
  • Use external labels on forms, and don’t have the text box change when you click into it
  • Meaningful links of what it means, not just “learn more…”
  • Make sure color contrast is there. There are tools on Google where you can enter the foreground and background color and it will give you a number on how much it contrasts.

Session Summarize

Boomers want to learn and share safe, easy to use technology as long as they see it as a tool that’s useful. Make sure you design for goals and behaviors, aptitude, and attitude; not generation.

SXSW 2010: CSS Frameworks Shootout

Saturday, March 13 2:00pm
Joshua Clayton, Thoughtbot, Web Developer
Nathan Smith, 960 Grid System
Nicole Sullivan, Author of OOCSS
Chris Eppstein, Caring
Beau Smith, Square Inc, UX/UI Designer

Session Description

Many CSS Frameworks have been introduced in recent years, some are now quite popular. The advantages (fast development, cross-browser compatibility, table-less design, etc.) are exciting, but the disadvantages (bloat, lack of flexibility, lack of what is already available in css) are equally compelling. Framework authors discuss the similarities and differences.

Discussion

Blueprint CSS

  • Started 2007

960 Grid System

  • 960 pixels wide
  • not-too-otiringal name
  • 12 and 16 column versions
  • 24 column version too (blueprint peer pressure)
Object Oriented CSS
  • Grids – 13 lines
  • Template – 14 lines
  • Rounded corner boxes – 29 lines
Sass
  • Enhanced Stylesheet Syntax
  • Generates CSS
  • Variables
  • Mixins
  • Nested selectors
  • Calculations