Archive for the 'Conference' Category

AEAChicago2007 – “The Seven Lies of Information Architecture” by Liz Danzico

Wednesday, October 3rd, 2007

Back to main AEAChicago2007 post

Liz Danzico’s post about her presentation

Definitely the most controversial presentation.

abriefmessage.com - with Khoi Vinh
edits many people but project with Adobe was first time she'd
	been edited in a while
Adobe's design center editor redlined a sentence that ended with
	a preposition
rules are easy, guidelines are hard
lists with numbers are commandments, people writing them
	are experts, etc.
Joe and Josephine, first personas in industrial design -
	Henry Dreyfuss, The Measure of Man
Strunk & White, The Elements of Style
Christopher Alexander, A Pattern Language
many many others.
Chris Messina, flickr Patterns
Yahoo! Pattern Library
Navigation must always be consistent.
	you can recognize a Chinese menu from a small window
	UT Austin, The Shape of Information, presented by Victor
		Lombardi at IA Summit
	can recognize Amazon left nav from color, content, space,
		leading, etc.
	Rapunyi Hills in Tokyo is beautiful
	very few street names in Japan, so they use landmarks, and those
		are on the Google map
	don't need Google searchbox of homepage on the Google Maps page
	need -> interpret -> navigate -> react, with interpret being the
		important step
	new Apple nav "inconsistent at every single page, which is awesome"
	So: Navigation must always be predictable and familiar.
There is a magic number seven (plus or minus two).
	individuals can only keep about seven items in short-term memory
	but broad and shallow navigation structures are easier to navigate
		than deep ones
	So: There is a magic number but it always just "depends".
Users must get to all parts of the site all the time.
	when you're dealing with a closed system, then provide navigation
		to all parts
	John Gruber of Daring Fireball talked at the AIGA/Apple speaker series
	asked audience who knew about the event from whom, and pretty
		much everyone knew from DF
	it's OK to get to an AIGA event without being notified by AIGA
	think about interconnectedness of web
	So: Users must get to everywhere from everywhere - but that
		includes external everywheres.
Users must know where they are at all times.
	when wayfinding breaks down, people take matters into their
		own hands
	daylife's purpose is for you to get lost on the site
	YouTube doesn't have sense of place or structure, just jump around
	Barnes & Noble gains a significant part of its revenue from "people
		who bought this also buy"
	So: Users must know what's next, where can I go from here.
The user experience must be seamless.
	Apple's Human Interface Guidelines has a very complete style guide
		- windows named "untitled"
	WordPress has its Codex to codify its interface
	original twitter sketch (my.stat.us) is about what you're doing
	"What are you doing?" and character limit are only constant
		across applications
	So: The designer must design beautiful seams.
Shorter is better.
	how often do people make a mistake with Amazon One-Click?
	longer is often better:
		No one belongs here more than you, by Miranda July
	So: Short is better, and long is sometimes better too.
Information architects do information architecture.
	cloaked society, secret handshake discipline
	good reason for explicit person to be responsible for deliverables
	we talk about moving between phases, really jarring words
	used to work at Razorfish when trying to figure out what IA was
	GM said "from now on, each one of you is your own project
		manager," and they were shocked
	instead of saying "we need to hire an IA", we should all figure out
		how to do IA
	So: Information architects do information architecture, and so
		should developers, designers, writers, clients, and users.
this is scary, because pointing at research can stop an unwise client
	in their tracks
you can point to research, but consider doing your own
you can also point to this talk :)
there's a chance Steve Krug is thinking about another book on
	usability testing on a shoestring
students often flounder without rules - how do you avoid reinventing
	the wheel?
Razorfish interviewing 8 people a day, hiring 3 people a week
how do you teach people your practices when you don't know what
	they are yourself?
created a project called Shallow Dive Project - like Dateline Deep Dive
three days to solve a design problem using the resources in the company
just gave them a brief, then after three days present to the entire company
they found their own rules
make research available to students, but present problems where they
	can experience the rules
then let them decide which "rules" are actually useful
how do you teach clients to catagorize content for a new CMS installation?
subjective process, have to work through it together
a favorite lie is "users will not scroll horizontally"
relativist bent of this talk - learning rules to know when to break them
there's value to learning rules, but people should be encouraged to
	decide when to follow them
users may not need to know where they are, but do they need to be
	able to get back?
studied news: the more tools people had to use the internet, the more
	excited and proud they were
combination of bookmarks, RSS readers, friends, del.icio.us
watch what they're doing - use of del.icio.us and bookmarks suggests
	need save feature
what happens to accessibility when you're breaking the rules?
what you do depends on audience

AEAChicago2007 – “Search Analytics for Fun and Profit” by Lou Rosenfeld

Wednesday, October 3rd, 2007

Back to main AEAChicago2007 post

internal search logs are a missing tool
Jakob Nielson says 50% of users are search-dominated
Zipf curve - long tail distribution - for search results
in this case, try to optimize the short head
look for seasonal patterns
cluster types of queries to look for patterns
how to capture search queries: search logs, local database, commercial
	search solution
most frequent unique queries? do they retrieve quality results? which
	retrieve zero results?
click-through rates per frequent query? most frequently clicked result?
what are the referrer pages for frequent queries?
which queries retrieve popular documents?
then you generate specific questions
i.e. Netflix which most searched and clicked titles are least frequently
	added to the queue?
analytics won't tell you the answer to a problem, but they'll tell you
	the problem is there.
User Research
	type SKUs into catalog site that they looked up in the printed catalog
	BBC has reports for "people who searched on X also searched on..."
		using session data
	segment needs by security clearance, IP address, job function,
		account information
	or extrapolate segments directly from the data
	associate real queries with a persona - now you really know what
		they care about
Content Development
	start from failed queries - does content exist?
	are there titling, wording, metadata, or indexing problems
	"best bets" results defined manually
	identify points with no or way too many results where you could
		add help
	query syntax helps select search features to expose
	if people are using queries with boolean operators, make them
		more visible
	if get zero results, could show options to broaden search
	if get too many (200 or whatever), could show options to narrow
Interface Design:  search entry interface, search results
	consider what elements to include in search results - i.e. author
		name for books
	get more clickthroughs on result 10 than 6-9 on a page with
		10 results
	Financial Times saw people entering dates; so let them sort
		results by date
Retrieval Algorithm Modification
	Deloitte, Barnes & Noble, Vanguard show basic improvements
		(i.e. best bets) aren't enough
	needed to go into more complicated and expensive customizations
	add spell checking
	weight company names in metadata highly
Navigation Design
	if created "best bets" to show at top of query results, can also
		use to generate index
	Michigan State University builds A-Z index automatically based
		on frequent queries
	cuts across organizational sils
	from what pages are searches initiated? those pages are failing
		and people are stuck.
	what are the queries from those points?
Metadata Development
	classify queries as types of metadata, then mark documents with
		that information
	Netflix had movies, people, and genres
	get possible values for those categories - natural language, jargon,
		localization (lorry)
	most common queries are known-item - there's one correct answer
	long tail is often research queries, more open-ended
	do some sampling in long tail to check if it's very different from
		short head
organizational impact
	bad search results demonstrate what happens when content
		authors don't follow guidelines
	look at common queries and make sure good documents aren't
		falling in results
	Google Analytics and others make it easy to email reports - viral
		spread of information
	Financial Times looks for spikes in queries to find breaking stories
complements qualitative methods that can tell you *why* people do
	something
need better tools for parsing logs, generating reports - thinks will get
	good this year
Hitwise and Comscore can help you benchmark against other sites,
	but are expensive
Google Trends may also be helpful
having a hard time writing book because can't get data from people
middle area of the tail may have fast-rising or slowly falling items
has free template for analyzing queries

AEAChicago2007 – “Design Your Way Out of a Paper Bag” by Jason Santa Maria

Wednesday, October 3rd, 2007

Back to main AEAChicago2007 post

start with discovery: research, interviews, what company does and
	message they want to convey
do discovery in a place where you feel creative - colors, books,
	stuffed animals
he keeps morgue files - printed matter that inspires him
he keeps sketchbook - capture ideas and go back and find them and
	be reinspired
sheet music title pages often have cool typography
also digital morgue files - stamps, ads, photos, matchbooks, colors - tag
invited to Comhaltas, preservation of Irish music/dance/etc, in Dublin
invited to music sessions - feeling of community, playing together 10
	minutes after meeting
looked at traditional knotwork for inspiration
told them to avoid dancing leprechauns
had music available to bring online
used knotwork, colors from those knotwork patterns, emotional
	connection, modern feel
ended up with Comhaltas site
A List Apart site - crossover between content and design
took inspiration from old books' typography
why is designing for yourself or your agency so difficult? hard to
	translate feel
use iterative design
makes what he calls grey-box comps
look very like wireframes but are about layout hierarchy not just
	elements on page
"AIGA stands for the professional association for design"
	(mm, de-acronyming)
figured out flow of editorial then were wrapping different things around it
third comp has design competition images in header
don't want to cross designs but focus on one and develop that
in second round, he focuses on details
does it need an underline there?
what's the relationship between headers and content?
between 2 and 3, the logo got bigger. :)
on article page, cleaned up navigation
widened article column and inlined images instead of thumbnails
Marty Neumeier, The Brand Gap
WordPress head is in audience
use brand equity when you redesign
gridwork - i.e. early maps of Philadelphia by William Penn
very different from London....
starts in Illustrator for grey-box comps, then moves to Photoshop
pay attention to focal point
reduce over-contrast
over 400 members of Flickr group called Atrocious Apostrophe's
“ ” ‘ ’
Elements of Typographic Style, Robert Bringhurst
Thinking with Type, Ellen Lupton
Grid systems in graphic design, Josef Muller Brockmann
Making and Breaking the Grid, Timothy Samara

AEAChicago2007 – “Writing the User Interface” by Jeffrey Zeldman

Wednesday, October 3rd, 2007

Back to main AEAChicago2007 post

interfaces are mostly text
try going to a website in a foreign language and see if you can
	tell how to interact
content drives traffic - i.e. boingboing
words + how big they are + where they are
THIS IS WHY...  1. All sites have big writing / editorial budgets.
2. All sites (especially big ones) have a content czar.
yeah right. so what do we do?
"Thinking with Type"
one of the most humane features of design is to help people read less.
guide copy explains what the site's about and how to interact with it
should be brief, clear, and enable you to do things
Veer is a nice site for buying fonts, pictures, etc.
Khoi Vinh saw Zeldman give this talk, and now the NYTimes subscription
	wall page has a link
if copy doesn't set tone, the design can (i.e. e-cards for tween girls)
but needs to be audience-appropriate
"Understanding Your Medicare Benefits.  You must have Flash installed
	and JavaScript enabled."
project management is a tough job - moment of appreciation
Basecamp's login "we'll send you right along" is friendly
Joyent "Take a tour and we'll prove it." instead of "Read more about
	our services."
give us a chance to make a value proposition
Flickr - must appear to be easy to use
"copy" copy - doesn't have to be as brief, can be silly
XHTML fist shirt has six fingers....
brand copy - taglines, blog subheads, etc.
forgetting to write a sentence of introduction totally lose a visitor
Marley's daughter's clothing site's shopping cart is way too formal,
	not reggae
Lulu's about page guy in a suit in heaven with huge amounts of text
	really doesn't work
labels can reinforce your brand - Cap Gemini's "how we work together"
URLs can be labels - name them for humans
reading online might be more fatiguing than reading print, but studies
	are unclear
compare a versus b
Attack of the Zombie Copy
Your About Page is a Robot
how do you reconcile people-read-less with SEO?
cutting the fat and natural language help both
so does using markup so important words are in headlines
can sometimes get funding for editing content by saying will help SEO
what are some questions to determine what's brand-appropriate?
discovery process. what materials have you already produced
	about yourselves?
what do you know about your stakeholders? compare with real users.
there are no good books about copy
there are good ones about writing for the web, but they don't address
	these issues - i.e. Crawford Kilian, Writing for the Web
Zeldman is thinking of writing this
pronouns in copy?  used to be more we, now with blogging more I

ETA: Fixed spelling of Kilian, after seeing his discussion of I versus we prompted by these notes.

AEAChicago2007 – “Secrets of the CSS Jedi” by Eric Meyer

Wednesday, October 3rd, 2007

Back to main AEAChicago2007 post

Web 2.0 reflection of Yoda!
isindex tag? from HTML 1.0, no one's used it in five years or so.
display: table doesn't have to only apply to tables
padding on images not just text; images have backgrounds
punchouts with transparent images so changed background on rollover
	shows through
turn a table into a bar graph
	old version on Meyer's site
	table { display: block; position: relative; }
	tr, th, td { position: absolute; bottom: 0; }
	tr { width: 25% } (create columns)
	th, td {width: 100%; }
	thead tr { left: 100%; top: 50%; margin: -2.5em 0 0 5em; }
	(headers outside table)
	thead th positioned correctly - legend with border on each th
	table #q2 {left: 25%; border-right: 1px dotted #999; } etc
	table tbody th { top: .75em; vertical-align: top; }
		(Q1 label at top of column)
	start using <th scope="row"> and <th scope="col">
	tbody td.sent vs td.paid colors
	position td.sent on left of column, 40% wide
	and td.paid on right, 40% wide
	borders set so look like buttons
	outset CSS property doesn't say what colors should be
	so browsers decide (poorly)
	#q1 .sent { height: 36.9%; }
	#q1 .paid { height: 33%; } etc
	precalculated numbers here; since probably coming out of database,
		just program to produce
	or could use JavaScript
	CSS will probably never let you do math: see section 8(?) of CSS1
		but also see CSS3 proposals
	Microsoft had behavior CSS-like property, but many people hate it
	extra div/list/whatever for tick marks at each $10,000
	could use content::after if willing to lose them in IE
	could use tfooter row maybe?
	#ticks { position: relative; top: -30em; margin-bottom: -30em; }
	#ticks .tick { border-bottom: 1px dotted #999; }
	#ticks .tick p { position: absolute; left: 100%; }
		(put them to the right of the graph)
use same markup for horizontal bar graph instead of vertical
accessible and indexable
reset styles
	:focus { outline: 0; }
	table { border-collapse: separate; border-spacing: 0; }
		(need cellspacing in markup)
	blockquote:before, blockquote:after, q:before, q:after { content: ""; }
	blockquote, q { quotes: "" ""; }
Firefox package / Contents/Mac OS/res/ has Firefox's default .css files
line layout is incredibly complicated, so not getting into
can set all elements to display:block and will show head etc. in (most?)
	modern browsers
html element's background inherits upward to canvas
if html element doesn't have a background and body does, it inherits
	upward to canvas
if display html element, there can be space outside it - that's where the
	Force comes from

An Event Apart Chicago 2007

Wednesday, October 3rd, 2007

Better late than never. Following will be my notes from An Event Apart Chicago 2007, held August 27th and 28th. It was the AEA lineup I was most interested in seeing, and conveniently they came to my city. I’ve since moved to Washington, DC, but I’m glad I was able to bring their ideas with me. Definitely worth the price – and I was saying that after the first two talks, so the value of the full conference had to be much higher.

Jeffrey Zeldman’s event wrapup, with various links

Links to individual posts:
“Secrets of the CSS Jedi” by Eric Meyer
“Writing the User Interface” by Jeffrey Zeldman
“Design Your Way Out of a Paper Bag” by Jason Santa Maria
“Search Analytics For Fun and Profit” by Lou Rosenfeld
“The Seven Lies of Information Architecture” by Liz Danzico
“Interface Design Juggling” by Dan Cederholm
“Be Pure. Be Vigilant. Behave.” by Jeremy Keith
“Best Practices For Form Design” by Luke Wroblewski
“Accessibility: Lost In Translation” by Derek Featherstone
“The State of CSS In an IE7 World” by Eric Meyer
“Selling Design” by Jeffrey Zeldman
“Dealing With the Both of You” by Jim Coudal