Categories
Monday

The Growth and Evolution of Microformats

Monday, March 12th @ 2:00 pm

Frances Berriman Volume
Michael Kaply IBM
Glenn Jones Creative Dir, Madgex
Tantek Çelik Chief Technologist, Technorati

Session post

Started at 2003 SXSW – XFN was created (Matt Mullenweg, Eric Meyers etc.)

2005 www.Microformats.org

Many (mainstream) sites now use microformats – Stanford uses hcard and hcal

Firefox operator extension a nice tool to get microformat information out of a site and see available microformated data in a site.
break out microformatted data to calendar or location to gmaps or addressbook etc.

Linkedin uses hresume format along w/hcard etc. allows you to break information out of a page and use elsewhere.

Backnetwork is about showing information (xfn) friends network. It takes conference data out to microformats
aggregates reviews etc.

One can also use to bring id’s for social networks profile info

All the current microformats have been created by an open community – they don’t end up with 1000’s because much research is done (by individual and community) when created a new format. The process for submitting on the web is necessary to see that something doesn’t already exist somewhere else or that it is needed.

Questions
Are there any microformats searches?
http://kitchen.technorati.com
http;//www.edgio.com (search & list/host, hlist)
Alexa is also caching hcard information found on sites

What about using microformats on a mobile device?
Treo handles via “add to addressbook”
Tails (plugin) sends via bluetooth

Accessibility issues with Microformats? Licensing?
there are some accessibility issues – more info here
working on a rellicense format (underway)

OpenID vs. hcard?
OpenID is more to claim a URL, hcard is more for profile info. There was talk of bringing together in OpenID 2.0, but another profile format isn’t necessary.

What does it take to get microformats on a site?
Drew McCleland has a DreamWeaver plugin
they are easy to create – plenty of tools available

What about spam when using microformats?
expose email only through microformat – use the same tools [at] to hid email addresses.
you’re only adding semantic info to already existing content – no different than what you have on your site already.

Categories
Monday

Scaling Your Community

Monday, March 12th @ 11:30 am

Matt Mullenweg Founder, WordPress

Problem in scaling community
forum w/out anyone in it – a bunch of empty rooms
a blog w/no comments “hey, what do you think?”
friendster
no comments available blog
slashdot traffic decline

What is scaling?
be as useful fot the last 100k ppl as the fist 100k ppl

have the same experience as a large concert as a half filled room

1. Good Foundation
Start as simply as possible (big party small room)
constitution vs. federal register 900pgs
break down to the simplest thing you can reasonably articulate
“everything that is currently free will always be free”
“we will never sell your email address”
Don’t just promise, visualize

2. Bootstrap
Be your most passionate user!
must be crazy about what you’re doing because nobody else is
Talk to people – get outside to do it.
Caterina of Flickr used to manually introduce people to each other when Flickr was just started out
Pre-moderate before things get bad

3. Let go
your fans know your better than you do – your fans know you (or what you’re doing) better than you yourself
i.e. wordpress ideas – form to put in ideas and vote on them – 487 ideas and 28000 votes
pattern for gathering feedback
*April 23rd WP2.2 release*

4. Open Source
about a process and involving ppl, the community

5. Embrace & Extend
Look at what ppl are doing – watch their behaviors – embrace and extend it
“it’s like the shout feature on dodgeball.com”
take a small subset of a successful service

6. You can’t do it yourself
hey, is anyone out there?
creator can’t let go of control.
motivation and delegation

7. Personalization
People want to be unique – let them
customization is more appropriate – take something and make it your own
every action a user does is sacred – they tell you what they love – every tag, every click
Filter! once it hits a certain size there is too much info to take in – ways are needed to filter out the good/bad
Keep it fresh – blogs of the day on wordpress.com – keep it new
Allow for some correction “My Tivo Thinks I’m Gay!” – you want to be giving people the willies – a little magical

9. Bootstrap with popular
people magazine – when brittany shaves her head, we’re gonna look!
Follow the sites that tell you what is cool and new

10. Respect your users’ time
your community/software is a means to an end, they don’t want to use your software make it easy!

Big Questions
Some things have all the right ingredients, but never take off
Have MySpace Livejournal, etc. peaked?
Why do some standards and APIs never take off?
Where is the traffic?
Where is the money?

What is the best scaling software ever?
e-mail – “all software expands till it reads email”

What is killing it?
Spam! – biggest threat to web 2.0

Bonus things
Invest in infrastructure – speed is a feature – youtube has speed as a feature
Be transparent – involve your community in the process – let them know what your problems are – someone can probably help you out.
Don’t believe your own press – you want people at one extreme or the other love/hate
Have fun! – you can tell the flickr ppl had fun when they did it

Categories
Monday

AJAX Kung Fu Meets Accessibility Feng Sui

Monday, March 12th @ 10:00 am

Jeremy Keith   Web Developer,   Clearleft Ltd
Derek Featherstone

Accessibility in AJAX
2 Kinds
Directed at custom people or technologies
General universal accessibility (best)
-a site that can adapt to anyone and any device using that site

Progressive Enhancement (order to do things)
1. Content
2. Structure it – what does this mean? – NOT how does this look?
3. Presentation – how does this look
4. Behavior – how does this work?

You should be able to strip away any of these w/out any problems
What you can use for these:
2. HTML (content)
3. CSS (structure)
4. AJAX (behavior)

Many times the AJAX comes first – this is bad.

What is AJAX?
Asynchronism is cool – don’t need to refresh page to get info from the server – not just pretty expand out boxes

Web = Thin Client

Browser
Display

Server
store
process

Web = Rich Client

Browser
display

**AJAX** use ajax to process – bad because AJAX is required

Server
store

HIJAX
progressive enhancement
content
structure
behavior

Browser (links/forms) -> Server (returns/serves whole page back no mater what the link/form)

Browser (links/forms) -> AJAX -> Server (just sends back via AJAX what is needed) -> Browser just shows the changed elements

Deceptively rich content – AJAX is just the dumb waiter. It just delivers the stuff between the browser and the server. If the AJAX layer is stripped out it is OK because you’re going back to the old way of the server delivering an entire page.

Paradox
plan for AJAX from the start but implement AJAX at the end

Watch for: <a href=”javascript:…”> or <a href=”#” onclick =…>

Patterns good for AJAX
rating things
register (user name is taken)
comments (more blogs should use this)
shopping carts

Feng Shui
Find a way where things can peacefully coexist.

Feng Shui means Wind & Water – Wind and water can be peaceful or very destructive

Accessible Scripting:
’99 – site works w/ or w/out javascript
’04-’05 – accessibility scripting something different
’06 – HIJAX (http://chapters.ca)
is AJAX pop-up worse than a real browser window pop up – a screen reader doesn’t see the AJAX pop up. Maybe better to keep on page w/anchor hidden w/css at bottom

Create a linear pathway through pages if one exists.

Examples
Form advisories
tables prevent screen readers to get them – not part of form
just style <em> to pus it to the side as part of form
if there is an error style a <strong> to indicate
Screen readers will see this as part of <label>

A <label> can also be added to submit bottom saying there is a problem

Where Next?
href=”#nextstop”
TabIndex = “-1”

Always an option not to use AJAX – consider alternatives or possibly make a “no ajax” preference

“Accessibility is just as seXy!”

Questions
How do you deal with this when using a CMS or server language that doesn’t handle this?
Maybe find something that does or build your own if accessibility is important to you

Where are screen readers headed and why are they so slow to keep up?
They are getting better, but they are slow, they have to stay backwards compatible. Standards bodies are helping in this. Just a wait and see thing.

Categories
General

Trade Show

trade showThe SXSW trade show opened at noon today. The session I had prior to it opening wasn’t that great, so I was in line when the doors opened. There was a nice collection of vendors, and an even nicer collection of swag to be had.

There were actually quite a few large city film associations (the interactive and film conferences share the same trade show). There were also a decent number of DVD/CD pressing companies as well. None of those really interested me.

Google had a nice booth there. I thought it would be funny to go up to them and pretend that I didn’t know who they were. “So, what exactly do you do at G-g-google? Am I pronouncing that right?” I had a hard time keeping a straight face and blew the whole thing. They at least pretended to think I was funny and gave me a mouse pad. firefox tattooAnother great booth was Mozilla Firefox. They were giving out free t-shirts to anyone who would be a temporary Firefox tattoo on their neck or face. They were also selling shirts so I just bought one. The girl who sold it to me seemed a little disappointed that she didn’t get to put a tattoo on my face. I figure Firefox is a good cause and I’m happy to give money to them. I’ve looked at getting a Firefox shirt several times in the past, but just don’t really like the navy blue one they sell online (the one I bought was a brown ringer tee). The Creative Commons had a booth where I also purchased a shirt (again, another organization that I’m happy to give money to). Another interesting booth was a company I’d never heard of before today called LuckyOliver. They’re a stock photo shop similar to istockphoto, which I’ve used before. They use a token system (I got 4 free!) to purchase photos. They also accept photo submissions and will sell your photos for you. The site looks (good collection of images) works very similar to other stock photo sites, so at the very least, it’s another alternative when i can’t find that perfect image. The last booth that stood out for me was the Make Magazine booth. They’ve just launched a new magazine called Craft which is more on the crafty side of things where Make is more of the hacking and building super-cool ray-guns side.

It was a good trade show, and there were plenty of booths giving out candy so I’m sure I’ll stop by from time to time throughout the week to have a little snack.

Categories
Sunday

“I’m Good, Really!”: Self-Marketing for the Freelance Web Geek

Sunday, March 11th 5:00 pm

Gina Trapani
Molly Ditmore  Molly Bloom
Matthew Haughey  MetaFilter
Annalee Newitz   Freelance Writer
Penelope Trunk  Brazen Careerist 

Shouldn’t my work sell itself? I don’t want to become a spammer.

If you want to be able to support yourself, you need to make the intellectual leap that what you look like and present yourself matters. You don’t have to go over the top, but you still need to have some sort of plan. You need to be a sales person – don’t call it sales, it is networking. You need to be able to get your work in front of the ppl that need to see it or need it.

It is hard (as a nerd) to go up to ppl and sell yourself or your stuff. It’s hard because it is you vs. selling some other company product that isn’t you.

Really important in marketing yourself – “The Elevator Pitch” – What do you do?
Concise carefully practiced statement about what you do. What is it you do – not what you don’t do. Your mother should be able to understand it. Practicing it is important.

Takes time to get your name out there.

Just as important to be a good listener as it is to talk about yourself – don’t be the creepy person that just keeps talking about their website. Avoid backash.

random cool site: http://www.videosift.com/

You need to find that level where it isn’t simply self-promotion, but finding places relevant to post your stuff. Rule of thumb: more than one or two venues is probably too much.

Getting to the right ppl is the most important.

Play a little hard to get – some allure to being busy.

Important to chose jobs that take you on the right career path.
You don’t have to put EVERYTHING on your resume. The crap stuff doesn’t need to show up.

Much fear and hunger when starting. Create a plan for the inbetween. Think about goals and find a way to balance it out and who you need to market to to do that. Where do I want to go with this and how do I spend my time? 2 yrs 5 yrs

If you can’t get that dream job, do it yourself. Create your own site and create that track record.

50% of your time should be promotion and marketing – need to be patient.

Need to be ready for rejection.

Categories
Sunday

Spam of All Kinds

Sunday, March 11th @ 3:30 pm 

Steven Champeon   CTO,   hesketh.com Inc 

Antisocial networking – dealing with online abuse

http://hesketh.com/presentation/sxsw/2007

Spam: uncolicited bule e-mail
About CONSENT not content – i don’t care who you are, i didn’t give you permimssion to send to me
Better title: messaging abuse
Did I ask for this?

Why does it matter?
10 to 1 spam to legit email
splogs also rising
419 scams

Whose to blame?
criminal gangs virus writers
pornographers
illegal pharm
mainsleaze – commercial mailers

Where does spam come from?
botnets
static networks
companies w/bad list management (oops)
open proxies and relays

At any moment in time there are 10’s of thousands of botnet computers out there

Trackback and Comment Spam
trying to get message out
piggyback on your openness
can deliver payloads
creates barrier to entry for newbies

What to do
secure your computer
spam filter
content filter (doomed to fail)
ISP outbound filters
lawsuits – criminal charges against spammers

don’t abandone email addresses or blogs

Categories
Sunday

Everything You Always Wanted to Know About the Mobile Web* *But were afraid to ask

Sunday, March 11th @ 2:00 pm

Brian Fling   Dir of Strategy,   Blue Flavor 

http://www.blueflavor.com/sxsw2007 (presentation slides available)

http://mobiledesign.org

Why Mobile Web?

Mobile Web: The collective term for wesites designed for viewing on a mobile device. Websites are published and accessed via the Internet just like a regular desktop website.

How big is the mobile web?
mobile subscribers = 1/3 of the planet
mobile web access = 1/5 of the planet
more ppl have access to mobile web vs. actual desktop web

By 2010 1/2 of planet will have access to mobile web
60% of mobile users use their device to access the internet at least 1x/month

“Mobile will revolutionize the way we gather and interact with information in the next few years – mobile has the ability to meet any people through any medium”

LBS – location based services
the ability for a mobile device to provide info that is relevant to it’s physical locations via GPS
Prepare for truly contextual web.

Creating a Mobile Web Strategy

-Cost – if you don’t develp your mobile site responsibly the user could get stuck with a big bill to view your content
-Content – issues like navigation image size pg weight are very important

Mobile Information Architecture
keep it simple!
-limit categories to 5
-limit links to 10
-no more than 5 levels deep
-at least one content item/catetory
-prioritize content

Clickstreams for users are required by many mobile service providers and very important for mobiel design

Mobile Web Design
more compatible (simple) to richer experiences (pretty)
More complex you get the fewer devices you can support
Best place to live is right in the middle (xhtml & css)
provide good user experience and suport max number of devices

many more barriers to get to your site on a mobile (device ui -> app ui -> gatewate design -> content design_

Many screen sizes – find the medium leve and design to it

Three types of phone – feature phones, smart phones, pda’s
feature phones have largest market share – do NOT design for smart phones and pda’s

pay attention to directional orienation – down often times goes scroll down and select next link

“The canvas migh not be as robust, but there is still a need for designers.”

Understanding Mobile Web Standards
XHTML-MP – subset of xhtml basic and html. Used as a primary markup language for WAP 2.0 protocol

XHTML-MP and XHTML are virtually indistinguisable
predominant language for mobiel web
possible to use standard tools to create pages
transition to mobile web is easy
supported by all mobile service providers

Wireless CSS
wireless CSS suppports most CSS attributes, but not ALL of them
more advanced styling techniques won’t likely work across multiple mobile browsers
keep your CSS as simple as possible
use document styles vs. style sheets

WC3
Mobile Web Best Practices
MobileOK
Device Description

“One Web” principle of making the same info and services to users regardless of the device used. – This is a very misunderstood, misused and commonly debated concept.

Getting Started w/XHTML-MP
correct encoding (slightly different)
use well-formed code (check mobile web browsers)
avoid tables for layout
put navigation into content body
use accesskey in primary navigation (phone number buttons)
use ordered lists for navigation (helpful w/accesskeys)
doc styles no external styles – because of the order that things are loaded on a mobile device (don’t have to wait for style to load)
link phone numbers <a href=”tel:1234567″>
forms tricky – must dictate what type of data goes into a field

Mobile Publishing
options: mobile stylesheets or create a mobile specific site
-mobile styles aren’t always the way to go because it relies on hiding content that the user needs to download anyway

Devices and Browsers
500 devices sold each yr.
over 50 mobile browsers

Focus on Five devices and you’ll be fine
Nokia series 40 – Razr – LG/Samsung freeby phone – Treo or smartphone

Publishing methods
mobile-specific URL
detect mobile device automatically & redirect to location
use mobile TLD (.mobi)
SMS query that returns a url called WAP push.

Device Detection
keep it simple! only one mobile spec – then ramp up if necessary

Testing
desktop test – best place to start
Browser tools (UA switcher)
Emulators
http://deviceanywhere.com

http://mr.dev.mobi – very helpful site giving info about sites and if they comply etc.

Categories
Sunday

Design Workflows at Work: How Top Designers Work Their Magic

Sunday, March 11th @ 11:30 am

Bryan Veloso  Avalonstar
Jeff Croft   Web Designer,   World Online
Veerle Pieters   CEO/Graphic/Web Designer,   Duoh! nv
Kelsey Ruger   Dir Tech & Creative Svcs,   The Moleskin 

http://designworkflows.campfirenow.com/70269 – session chat (?)

Anatomy of a web design
no formula for this
designers have diverse set of skillsets that help you work

Have to have fun at what you do and have a life outside of what you do!

Typical day:
Most need music playing when doing design
Different environments to work – depends on you.

What influenced how you work and get through the day?
Veerle: previously print designer so internet changed everything

GTD – Getting Things Done – must stick to it for task management

Use basecamp to manage projects and set milestones sketchbooks

When working at home pretend like they don’t work at home (get dressed go to “work”)

Veerle: Culture comes into play – americans are better about feedback – warmer. Time difference makes it harder.

People Influence
Anyone around you influences design
————————————
Left Session Early

Categories
Sunday

Game Perverts: A Robot, a DS and a Dot Matrix Printer Menage a Trois

Sunday, March 11th @ 10:00 am

Rodney Gibbs  Amaze Entertainment (acquired by Foundation 9 Entertainment)
Rich LeGrand   Pres,   Charmed Labs
Bob Sabiston   Pres,   Flat Black Films
Paul Slocum  Tree Wave 

Le Grand – Charmed Labs Robotics
Hacking the gameboy
Why? Wanted to build a robot, needed cheap computer to run it (motors controls etc.)
Nobody would make a computer for <$100
GBA fit the bill

Created the Xport to get info out of the GBA
The Xport took reverse engineering of the game port.
Possible issues in selling the device (patents, copyright, etc.)

Contracted with botball.org – nonprofit robotics competition for high school students

Slocum – 3Wave (band)
Uses old computer equipment and video game equipment (atari, printers, commodore) from the 80’s to make music
Epson from 1985 reprogrammed firmware, sound generated from print head hitting the paper

Atari 2600 used to make sound/video (game: Combat)

Sabiston
Nintendo DS Homebrew App
Paint animation software for DS.
Can save drawings/animations straight to website w/DS wifi
Use DS mic for recording audio for animations

Uses app to make large prints of pixel images

GBAdev.orgDSdev.org

Categories
Saturday

High Class and Low Class Web Design

Saturday, March 10th @ 5:00 pm

Christopher Fahey   Partner,   Behavior
Liz Danzico   Director, experience strategy,   Daylife
Khoi Vinh   Design Dir,   The New York Times
Brant Louck   Creative Dir Publications,   World Wrestling Entertainment 

Sometimes there is a class system, but sometimes there are other factors that flatten things out.

Why Talk About Class?
Why are things designed a certain way? Are they doing it for a reason?
Myspace, Craig’s List, ebay

Class lets us talk about: education, economic power, cultural literacy, social standing

Defining Class Marketing:
demographics, socio economics status (SES), Hollingshead Index of Social Status
upper class
middle class
low class

Are designers in touch w/this difference in audience? Do you design for yourself or for your audience?
How can you get into the shoes of someon whose class experience is different from your own?

Much user research is done and user testing, but don’t normally think about class or talk about it in daily plain language

Spend time w/users in their home and have the narrow focus – only so much you can learn from that research, gut descisions need to be made based on what ppl do and say.

WWE magazine – focus on two – the general “buy anything w/WWE on it” and try to expand to extremem sport audience.

Work is focused on HOW the site it used and not necessarily the WHO using the site. Persona are created on users, but no longer doing that – now talking more about how they use the site. Stepping away from class.

Do you respect your audience? Are they your equals?

WWE: You need to find what is great about your product and what the audience likes. Find common ground in what you like and what they like to make it work. In the industry called fans/marks but perfectly accepted.

Design descisions made blindly
Know what covers work and what covers don’t from news stands
A/B testing is useful instead of class related descisions
Britany Spears content vs. financial content – remove celebrity content – needed as rounding out the real content

Lower class uses more of the AB type testing where higher class is more designer based descisions (steve jobs final say at apple)

New York Times uses a lot of stats – don’t do A/B testing, all testing done w/in retraints of brand. They don’t do crazy things just to encourage click-throughs or test something out. The brand is the bible.

If you have someone visionary, you don’t need your statistics. There is a value going w/your gut.

Do you move towards your audience or draw your audience closer to you?
Trade off between what ppl are familiar w/and where you want to bring them.
WWE: mission is to take a mag that is already there and not broken, and expand readership to more casual fans and not feel embarassed to have it. Moved from “low class” design and closer to higher class design (espn etc.).

“The public is more familiar w/bad design than good design. It is, in effect, conditioned to prefer ba design, because that is what it lives with. The new becomes threatening, the old reassuring.” -Paul Rand
is it really bad design or just a different style of design?

It’s a matter of awareness and exposure – education. How aware are we about certain things?

In everyone’s nature to determine what is the easiest to read design pleasing on the eyes – you must work w/in those parameters.
As long as the objects in that class are usable helpful it doesn’t matter – beautiful and ugly don’t matter. (???)

Class X – based on design culture (more becoming conscious of design)
Technology has given more people the tools to become designers. That lets us see more now because more people have those tools to get it out there.

Focus on what your needs/goals are and not who you are.

More fun to design for spin or WWE magazine?
WWE is more fun – like selling super heros