The talking points for this S5 presentation are displayed in a popup window if you press the 'n' key. The talking points have the majority of the URLs for the sites mentioned.
Press 't' to see a single page raw view of this presentation. Press it again to return.
Thanks to Nick Finck and the Blue Flavor crew for inviting me to speak.
Press the right and left arrow keys to more forward and backwards in this presentation.
If the user wants something and they know it's there, then there's less reason to show it off. There's no need to convice a user that they want to get to what they already want to get to. [NEXT]
Example: Users expect a Contact Us page with e-mail and maybe street addresses. A simple menu item in the top nav or in the footer will suffice. Even if that information is 90% of what an audience uses, there's no need to dedicate the precious space 'above-the-scroll'. [NEXT]
It's like Judo: Utilize the momentum of the user to get them to the parts they know about
Let's rephrase that.
If the site is trying to give users something they don't expect, then it's important to show off the 'thing'. The User has no motivation and it's important to provide that motivation for that behavior.
Example: If there are forums or services or add-ons that need to be promoted, this is when you have the additional space, this is when you add subtle touches to draw the attention (Images of eyes always capture attention.)
The goal is to take the motivation of the user into consideration when faced with balancing front page and navigation real estate.
Users are waiting. Waiting and waiting to get to the information they want.
By removing the barriers between the user and the information, we make the web site more useful and give them a strong reason to revisit and use these tools.
Precisely by getting out the way of the user, we give them an environment where information can be most easily absorbed, because we reduce the separation from the user's inital impulse and the reaction that the site provides.
[NEXT] The variety of screen sizes continues to grow.
Living Room televisions, smartphones, and laptops of various sizes and shapes are making the 'average' irrelevant, or at least, self-referential.
(Designing to the average is designing to the average that everyone else designs to.) [NEXT]
"Speed, it seems to me, provides the one genuinely modern pleasure." - Aldous Huxley
Be ready for the worst case scenario. The slowest connection is the one to target: 300 baud. Every other speed benefits from increased communication efficency. Our target: 0.1 seconds until usable/engaging content becomes available.
Potential techniques you may be overlooking:
Aural interfaces are at their core, a linear interface. Touch is about removing the mouse and keyboard, what happens when we remove the display?
There is a general trend to flexible interfaces and there's no reason why voice-delivered web pages should not be on this list. Information retrival via the phone is coming. There are times when a display is not an option. This is the the only real answer.
The linear interface requires even further paring of the non-content elements: Site mastheads, ad banners, incidental images, navigation are all on the chopping block.
Rule of thumb: if you have to use a "Skip to.." link to make your page more accessible, you have a fundamental problem.
Pick your favorite model. Common models have 4 to 5 groups.
Cover all the modes.
How does your site work with older tech and with future situations?
This is a great example of how bugs in browsers can be overcome. By using JS libraries to patch over these bugs, our content and styles can be more streamlined. Other opportunities exist far beyond this. Some possibilities:
Site/Page to Slideshow via S5 Take the S5 library and use it to create a presentation based view of your web site. This 'slide show style' might also be the basis for a linear/aural-based version.
CSS3 via JS - http://www.css3.info/preview/ The CSS 3 specs are in Working Draft stages. Using JS we can emulate or even implement the specs.
VRML? 3DHTML? Going even further a field we could imagine bringing VRML or some other 3Drendering to life by using SVG.
Microformats Microformats have only reached a limited audience. Is something that a JS library might be able to do to to make this info more apparent or accessible?