- Slides available here
- Woke up one morning with a great idea
- Why are we always rating restaurants, why not rate individual dishes?
- How can people learn about the foods around the world.
- “Yelp for dishes”
- At Adaptive Path, would help companies figure out what to build before they build it. Figure out their experience strategy. Interaction design: flow of the product.
- The only problem was….Couldn’t actual code anything.
- Ended up spending 6 long months looking for a cofounder.
- Everyone she knew was a experience designer, didn’t know any developers.
- Critical thing: get out of your immediate social group.
- But these 6 months gave a chance to refine, communicate, and validate vision.
- Ate out a lot, carried a notebook everywhere. Asked people what they liked about their food, and how they would rate it, and what they would say about it.
- But the time she did find a cofounder, the product had evolved a lot. It started looking like Yelp, but what resonated with people was the visual aspects: the photos of the food.
- When I did find a cofounder, we could hit the ground running.
- The cofounder was a Ruby on Rails developer. Didn’t have iPhone skills, but hired that out originally.
- What is the experience you want to create?
- The UX driven startup: Focus on the experience you want to create and let everything else support that.
/ Experience
/ Business
/ Product
/ Technology
————————– - Avoid common mistakes startups make
- Building something people don’t really want or need.
- example: Segway “It will change cities and create a new world”
- reality: it’s just novelty seeking tourists who use it. it doesn’t fit into people’s existing experiences.
- A UX Vision validates the experience and its fit
- Thinking Too Small
- Investors ask questions like: How does this get Big? What does success look like? What’s your world domination plan?
- They want to hear about what you want to big ultimately. If you just focus on what you can build tomorrow, that’s not a big enough vision.
- Moving Too Slowly
- Arguments of “this is the best design” , “no this one is” causes things to slow down.
- Vision: A concrete representation of where your product is headed. Can be words, images, or prototype. But it should be tangible.
- Having that gives you something to orient your path around, so that the decisions can go faster.
- Tools
- Coming up with a vision
- Communicate your vision
- Validate your vision
- Coming up with your vision
- Originally was considering a book.
- Contextual Interviews
- “Tell me about some of the highs and lows for your restaurant.”
- Yields understanding of pain points and opportunities you may not have considered.
- Ingredients: 10 people, 10 questions, notebook & pen
- How
- Meet people in context
- Ask open ended questions
- Use cues in environment
- Use discussion aids if you can.
- Examples:
- “draw me a timeline of your restaurant. what were some of the highs and lows of your experience. now tell me about those highs… tell me about those lows.”
- Make Believe
- Yields
- an outpouring of fresh ideas
- New ways to frame a problem
- A chance to taste whether an interaction feels natural in real life
- Ingredients:
- props, a friend, the real world
- example: Palm Pilot designer carried a block of wood around and considered what it would be like to use.
- How
- Act out some ways you’d use your product, using props to inspire and test ideas.
- Get out and enjoy everyday activities. –> makes it easier to interact with the product idea, rather than sitting in a room.
- Metaphor Brainstorming
- Yields:
- Interesting properties extracted from the metaphors
- Fresh ideas and perspective
- Ingredients
- Core concepts on big stickies
- Lots of small sticky notes
- How
- Think about each concept in isoltation
- Write down whatever comes to mind
- Deconstruct the metaphor: what characteristcs are interesting?
- Use the characteristics to get ideas?
- Example:
- For foodspotting, uses stamp collecting and coin collecting as metaphors for collecting, and the characteristics of stamp and coin collecting that are unique
- Artifact From the Future
- A concrete representation of where your product is headed. Something you can rally around.
- How
- Imagine the TechCrunch blog post in the future written about your product.
- Imagine the future splash page
- Communicating your vision
- Experience Principles
- Yields: Concise, memorable guidelines that inspire ideas, gives you a basis for decision-making.
- How:
- Brainstorm characteristics you want your product to embody
- Choose the ones that are unique to your product.
- Example:
- Foodspotting only talks about good food, not the bad food.
- Foodspotting lets you give a blue ribbon, not rate food.
- Foodspotting believes great food can come from anywhere, and we should celebrate it, not just from big cities.
- Experience Poster
- Yield: a pocket sized visual summary of what using your product could be like. Something you can use to sell your vision and vett your ideas.
- Ingredients:
- an elevator pitch
- descriptions of benefits
- principles, characteristics, and metaphors
- How
- Describe the benefits of your product
- Illustrate those benefits – capture the experience, not the interface.
- Thing about Nine Problems Your Product Sells: Just use stick figures to illustrate it.
- Pitch Kit
- Yields:
- a meaningful name
- a one setence ocktail party pitch
- a vision statement
- an “ah ha” reaction.
- How
- A few social events to practice at
- A few well known companies you can relate yours to (optional)
- Practice your answers to these question until you can get people to say “ah ha!” in a minute or less.
- Also, what is your bigger goal? e.g. Google is about organizing the world’s information, Facebook is about enabling people to build their social relationships.
- Validating Your Vision
- Prototyping
- Yields: a tool you can use to guerilla test your product where you go. Used: InDesign.
- Ingredients: cardstock or index cards or imagemaps + webkit
- How
- Create a lightweight, smoke and mirrors prototype of your product
- Pull it out and ask people how and why they’d use it.
- Example:
- Drew up five different rating systems, from stars to numbers to blue ribbon: and asked people how they would use it, and respond to it, and what it meant to them.
- Design The Future Homepage
- yields:
- a concise summary of your product’s benefits in typical homepage form
- A way to test interest in your product
- ingredients:
- blank paper and model homepage
- or typical homepage template
- instructions
- sketch the homepage of the future – include name, taglione, top benefits, glimpse into data
- show people andask “how would you use this and why?”
- KISS insights: a tool that allows you to ask people a question about any webpage.
- Throw a page up on the web, with an email signup to determine interest.
- I Love this product because…
- yields
- perspective
- a reminder of what it’s all about
- ingredients
- Write “I love this product because…” up on a whiteboard.
- how
- finish this sentence as if your mom or end user were saying it
- show people your vision and ask them how they’d finish
- Reaching Your Vision
- Building a cupcake and build to a cake over time. Don’t build an unfrosted cake and give it to your friend.
- Another way of saying it: Build half a product, not a half-assed product.
- Once you have the big vision, step back and ask what is the cupcake version of that vision.
- Pick a few most essential features, and ensure that they work really.
- Design principles should drive ideas. If the principle doesn’t drive ideas (.e.g “simple and easy to use”), then it’s not a useful principle. Everyone wants their site to be easy to use. Also, the principles should be unique to your product.
33 Lessons about Beer, Life, and Building a Business
- A graphics artist by background. Starting a business stretched his comfort zone.
- Background
- Went to art school and journalism school. Main lesson: beer is awesome.
- Ended up in advertising.
- Art/Journalism school is great, but doesn’t teach you everything.
- They teach you critical thinking skills and art skills, but none of the business skills.
- But you can teach yourself…
- Started a blog (Blog Sober Brewing Co.)
- But art school taught him how to see possibilities.
- Scout Books: 32 pages, 100% recycled. You can customize the cover. Local, family business with emphasis on sustainability.
- Gave idea that he could create a book for beer tasting.
- Made a spreadsheet to estimate costs and profits.
- “The road to hell is paved with good intentions”
- “33 bottles of beer book”
- 3-pack is 99 bottles of beer
- Each page has:
- a flavor wheel with characteristics like: linger, body, bitter, sour, burnt, toffee, alcoholic
- stats like IBU and ABV
- notes
- beer name, brewer, etc.
- http://www.33beers.com -> website to sell beers. nice looking, emphasis on how much it costs and where to buy it.
- But building a website isn’t enough… You need to get people to go to the website.
- PR doesn’t have to start with bloggers.
- Simple intro letter to bloggers with link to website, low-key solicitation. Every person contacted took the free sample.
- It’s a given that you should avoid stupid stuff like attaching a 3 mb pdf to the email.
- Some of the blog reviews were totally awesome… but it generated at most a dozen orders after each post. Good, but not enough.
- But seeding blogs like to some other sites picking it up: an online beer site reviewed the product, and that generated 150 orders in one day.
- And that led to traditional print publications like Food & Wine, and Sunset magazine reviewing the product, which has led to even more reviews.
- “Beer can be tax-deductible”
- blog project to taste 999 beers in 999 days.
- the blog draws search traffic, which helps sell the product.
- so the cost of the beer is an advertising expense.
- E-commerce can be simple…
- Just string together a little PayPal and HTML.
- USPS is great, and easy.
- Pricing isn’t easy.
- Subsidizes shipping to keep it simple.
- Shipping out books takes 30 minutes to an hour every night.
- Retailers are important:
- He gives them a free sample. Of those, about 75% will actually decide to sell the product.
- He makes the display stands himself from recycled wood.
- The other thing that is awesome is that as a web person, he felt like he missed the green thing. Now actually making a physical product, he can make a green product.
- The time to expand is when you have orders.
- 33wines
- You don’t want to run out of stock. Especially you don’t want to run out of money to reorder stock.
- His wife is very supportive, which is critical. She ships when he has to go on business.
- Other facts:
- Hops and marijuana are 99% genetically similar.
- Q: How does it work with retailers?
- A: When I first got started, I asked to put the book in the store, and they paid me only if the book sold. Then later, it worked out that I sold the books in bulk at discount price to the retailer, and then the retailer sells it for profit.
- Q: Are you continually doing marketing and PR, or does that diminish?
- A: Doing less now than I was before. I’m spending more time doing fulfillment than marketing. I used to have a sales week, in which I would approach retailers, and then a marketing week, in which I would approach bloggers.
- Q: Are you doing any affiliate marketing on the website?
- A: Oh, that’s a great idea… I should do that.
Session notes from Chris Fahley – The Human Interface / wv2010
- Cyborg: embedding or attaching technology to our bodies to make us better
- contacts, glasses, jotting things down to remember them
- The history of humanity is the history of becoming cyborgs
- This isn’t always a good thing, sometimes the technology falls short
- The Uncanny Valley (Masahiro Mori)
- Two dimensions: how comfortable humans are around robots, and how closely the robots mimic humans
- Lessons So Far
- Don’t replace humans
- Don’t replicate humans
- What childhood experiences brought you into design?
- Take things apart to see how they work
- Fixing broken things
- Creating Little Worlds
- Lots of design stuff is not new. Example of multitouch display from 25 years ago, of Apple pad demo video from 25 years ago that’s like an iPad with AI
- Jef Raskin: “An interface is humane if it is responsible to human needs and is considerate of human frailties”
- Alan Cooper: If we want users to like our software, we should design it like a likeable human being
- We make better products when we think of them as human beings
- Future
- We’ll see a return to command line interfaces: not necessarily arcane commands, but typing or saying what we want, rather than pointing and clicking
- We’ll see more physicality of user interfaces
- Not merely mimicking human behavior but reflects it.
- Software that mirrors behavior:
- Chat and IM reflect the immediacy of face to face community
- Social networks mirroring the structure of the special primacy we give our close friends.
- The Human Interface
- is about persausion and seduction
- is smart and has awareness
- is empathetic and feeling
- is physical and embodied
- is linguistic, poetic, and narrative (creates compelling stories about our interactions)
- has a name and an identity
- has a personality
- Paul Dourish: Where the Action Is
- Embodied Interaction: the intersection of ubiquitous computing, tangible computing, and social computing.
- Reeves and Nass: The Media Equation
- Experiments they did on users and machines to figure out how we perceive them
- We tend to personify the interfaces we interact with
- Ergonomics of the mind
- Cups designed by the other Masahiro Mori, such that they each have their own personality
- Human-ness
- Christopher Alexander: The Quality Withou a Name aka The Phenomenon of Life
- Fifteen properties of Living Structures
- http://www.livingneighborhoods.org/ht-0/fifteen.htm
- Examples:
- level of scale
- strong centers
- thick boundaries
- Katherine Isbister: Better Game Characters by Design
- external characteristics of personhood: bodies, faces, vices
- internal: …
- The Three Qualia of the Human Interface
- Sentience
- Intimacy
- Personality
- Sentience
- The system is about to collect robust sensory data from the world and make sense of that data
- voice recognition: e.g. google voice recognition mobile apps
- image and face recognition: e.g. google picasa
- touch and gestures: touching a screen, moving a controller
- Not always that great… fitbit counts how many steps you take. It’s not perfect, but they can discover a lot about your motion and activity.
- Microsoft Project Natal: just observes your body.
- Artificial Intelligences
- all of these things have artificial intelligence in them
- the difference between these and HAL is that they are not trying to do it all at once.
- (they are no danger of falling into the uncanny valley)
- Even simple things can be unnerving:
- e.g. search results that are uncannily good.
- Search that pops up microsoft bing advertisement with search term prepopulated
- Intimacy
- Emotional Intelligence
- Proximity
- Presence
- Social Web
- Personal Informatics
- Multiplayer Games
- Real Time Web
- Conversations
- Examples:
- We noticed you haven’t called your mother later.
- Your email is using more stressed words this month than last month
- Status indicators shows people where we are and what we’re doing
- Big Ben Clock on twitter
- Conversations…
- Efficient and fast? Or elegant and graceful?
- For a long time, the answer was that interfaces should be efficient. But maybe elegant is the new efficient.
- Politeness is something all people do, but not machines…
- Don’t reject
- Don’t interrupt
- Say hello and goodbye
- Use people’s names
- Praise people
- Example: spell checker that praises people for writing difficult words correctly, or writing an error free emails. Yes, it takes longer, but people come away feeling more satisfied with their experience.
- Personality
- The system has a distinctive character, with recognizable cultures and habits
- Interpersonal Circumplex
- Example:
- Max Train comes to a station. How to let people know which doors will be opening when the passengers could be facing forward or back: “The doors will be opening on my right”
- Culture
- Casting – Role they are in (copilot who is subservient vs. engineer)
- Names – People associate meaning with names
- Things to try
- Use pronouns for your product: he, she
- Give your application a name
- Do more visceral prototypes
- If we don’t humanize our products, then our products will mechanize us.
Lipstick on a Pig Session Notes from Web Visions 2010
- Story of transformation from user experience design to product design
- Retrospective of what worked and didn’t work
- Wanted to transform from a services company to a licensed product
- Great user experience team, great development lead, great development team
- Idea: we could bring web 2.0 design to Microsoft Sharepoint
- You could go to one spot, see all your sharepoint sites, docs, etc.
- Sat on top of sharepoint
- Everything designed to be very simple to use, straightforward, very easy
- Mint.com
- Founder had used Microsoft Money and Quicken, found them to be very tiring to use. A lot of work to enter all transactions.
- Mint is a thin user experience layer on top of Yodalee.
- Had:
- Engaging experience
- Clever solution to common problem
- Amazing Timing (right at recession, people needed tools to manage money)
- Way to make money
- Flickr
- Relative to competitors, was a step above everyone else
- Interesting social features was novel
- Flickr became popular just as digital cameras were booming
- Before flickr, people were sending an email with 25 photos attached.
- Pro account had unlimited storage
- Had:
- Engaging experience
- Clever solution
- Timing was right
- Way to make money (pro accounts)
- Slideshare (bit of counter example)
- People tweet about how hard uploading, annotating, and sharing presentations is with Slideshare
- It meets most of the criteria (engaging experience, clever solution, etc), but the experience isn’t quite there from an engaging experience
- However, Slideshare reaches over 28 million monthly people. It’s a top site, ranked in the top 400 sites in the US.
- Getting Starting…
- “What if we built BaseCamp on Sharepoint?”
- This turns out as a terrible way to start an idea
- Will: I don’t believe this.
- Sharepoint is a billion dollar product today.
- Sharepoint ecosystem is a $13B system.
- Market that we were entering was massive.
- And we know that companies out there were having problems using Sharepoint. You could have hundreds or thousands of sites in a network. Companies wouldn’t know what was out there. People would spend 60% of their time giving people permissions. Another company was spending hundreds of thousands on training for Sharepoint.
- You know something is wrong when a person who uses Facebook for two hours a night needs a two day training session to use Sharepoint.
- Product: kiiro
- Make a product that focuses on getting your work done, instead of endless tuning of Sharepoint.
- Make a central dashboard, so you could see everything relevant across multiple sharepoints.
- UI Design stripped everything away… very clean.
- First idea was to have a two way sync between Microsoft Project and Sharepoint.
- This wasn’t so good.
- Project health metrics and so forth made for a very good demo, but doesn’t match how people actually do project management, which is much more messy.
- Then decide to focus on social stuff… an activity timeline of what you and your coworkers are doing.
- Took twice as long to build on top of Sharepoint as opposed to a regular web application like Django. Regular web apps have easier databases, security, etc.
- We wanted to make this thing a black box. Organizations have trouble with people continually customizing sharepoint. We took most of that way.
- We wanted to have a very purpose focused interfaced.
- Market Response
- Not particularly good.
- Products like Mint, Flickr –> the buyer is the user.
- Even if they don’t pay money, they make a decision to invest their time
- The person who is evaluating the product is different than the person who will use the product
- Enterprise market
- The buyer is not a user.
- What benefits does the buyer get?
- They want hard benefits like increased revenue, decreased cost
- And soft benefits like increased effectiveness and efficiency
- e.g. we can save 10 minutes a day x 2000 employees x $57/personhour = $xM savings
- Not really true, because if people have 10 extra minutes a day, they will just go on Facebook…
- Problems…
- It was hard to make the business case for the product
- The Buyer, the Business Owner, IT, and the User all different…
- The marketplace is complex: independent software vendors, system integrators, buyers
- Finally did a market analysis of which companies would be a good match for their product. About 24,000 companies were a good match.
- But the next problem was diffusion: the companies were spread across industries and markets.
- Next problem… system integrators.
- Companies with complex sharepoint needs go to a system integrator, not directly to
- 1:3:5 Rule
- For every dollar an independent software vendor makes…
- Microsoft makes 3 dollars in licensing fees…
- system integrators want 5 dollars to integrate the software
- And system integrators don’t encourage companies to go directly to an independent software vendor: “oh, you don’t want that software, we could build that for you…”
- 2:1 Rule: Marketing vs design and development
- You need to spend twice as much on marketing vs. design and development
- And which means that about 10% is left for UX design
- Conversion…
- If you have a $5K product, and $500,000 in costs, then you need to sell it to 100 companies.
- If you have a 1% conversion rate, you need to pitch it to 10,000 companies to sell it to 100 companies.
- Because the product was strongly differentiated… it allowed them to more easily get companies into the funnel.
- But because the product limited customization, many companies, once they learned about the limitations, wouldn’t use it.
- And one of the biggest potential customers would be system integrators (who would resell it)…
- Except that because it was a black box and limited customization, the system integrators wouldn’t really use it. (their specialty is customization…)
- Kiiro Had:
- Engaging Experience
- X Did not have Clever Solution
- X Bad Timing: in the trough between SP 2007 and SP 2010
- Way to Make Money
- Market Opportunity (good)
- X Market Fit was bad…
- On the scale of fidelity and functionality:
- I would spend as much time with low fidelity and low functionality as long as possible researching and learning.
- When I was ready, I would go for maximum fidelity: Mock-Ups (and then add functionality)
- As opposed to going for maximum functionality: Working Product (and then improve design)
- Going beyond… New Version of kiiro
- Highly customizable
- Better Sharepoint Integration
- Targeted to System Integrators
- And created a new tool… Parachute
- Backs up Basecamp Files
- Complete HTML Export
- Low Cost
- Releasing something out there in the world is thrilling. User interaction design is fun, and it pays the bills, but releasing product is exciting.
Erin Malone – Design Social Experiences – Notes from Web Visions Presentation
- Engaging and Onboarding
- flow: to move or run smoothly with unbroken continuity / to exhibit a smooth or graceful continuity.
- The New User Spiral:
- Initial Exposure, Education “The Sell”, Registration, Onboarding, First Time User Experience, Second Time User Experience, Third Time User Experience, The Passionate User
- The Usage Lifecycle: diagram Joshua Porter
- Email example: solicitation to sign up for service
- Good: uses friend’s real name in from. Bad: uses company name – perceived as spam.
- Good: uses full name in subject line. Bad: use only first name. erin who?
- Good: uses photo in email, reinforces that it is actually from someone they know. sign up success is much higher with phot.
- Good: Action button is large and obvious. The call to action is clear.
- Full of Life
- Twitter is good because it shows pictures of the active people, and top tweets, even if you are not signed in. It shows that the site is alive, not a ghost site.
- Research at Yahoo showed that best landing page design should have
- a large feature block on 2/3rds left side, and main call to action as a large button on the right 1/3rd side, with secondary actions below primary action and more pushed back. (e.g. flat buttons, rather than big web 2.0 button)
- another big call to action button below the fold.
- Examples of this include:
- Yahoo messager
- Togetherville http://togetherville.com/
- Sign up / registration
- Example is http://knx.to
- No creating an account – uses existing social networks
- State that they don’t store personal information
- Have fun: “Enter your DJ name” instead of boring “username”
- Use Facebook Connect or Twitter API
- Onboarding
- Tumblr example: “To get started, why don’t you try uploading a photo you took recently or just add a text update about what you did today.”
- Full set of options are below. But the introductory text ensures they won’t get overwhelmed.
- Togetherville: Prompts parent to send Hello message to child. They don’t even have to type anything. The message benefits both parent (who sends something) and child (who receives something).
- Blip.fm: uses some informal handwriting overlays to show people what to enter where: “type in the name of a song you’d like to hear”.
- These introductory messages should go away after 2 or 3 times.
- Re-engagement
- Send an email when you add new features or content on the site.
- TripIt uses peer pressure to show what the rest of your network is doing, which may inspire you to share what you are doing, or to actually do things.
- Care and feeding of the passionate
- Featuring what people do on the homepage: shows that not only do their friends see what they do, but the system sees it and values it. Even if people don’t say it outright, they want to be recognized as an expert.
- At least show the potential that it can happen.
- Always show something new each time: question / quiz of the day.
- Badges, points, and stats:
- Foursquare uses all of the above. Mayorships, badges, and points, plus publishing the stats.
- Share and share alike
- You want more people, you want people to bring in their friends.
- Some patterns, mostly from Christina Wotkle
- B=f(P,E)
- Behavior is a function of a Person and their Environment
- e.g. reputation / points will create competition. whereas labels like “funny”, don’t create competition, just sharing.
- At Hand: Make the tools for viral sharing be very easy, and obvious.
- Hulu makes the controls for share and embeding puts the controls right at hand on the borders of the video.
- YouTube puts the controls right below – within eyesight of the screen.
- Frictionless
- Make sure the defaults make sharing easy. Default sharing on flickr is public. (but easy to make it private.) Flickr grew really fast by going against conventional wisdom that picture sharing was private among friends.
- Email vs. Network
- What is the default sharing? Email goes to a single person, or multiple people typed in. To the network can go to 200 people with no effort.
- Connectedness
- The more connected people are, the more active they will be. Becomes virtuous cycle, because more active people will invite more friends.
- Make recommendations (facebook connect)
- Lety users walk other people’s networks to find people they know
- Password Anti-Pattern: Don’t Use It!
- Startups frequently are faced with cold-start issue. They say “give us your name and password and we’ll scrap other sites”, e.g. gmail, yahoo, linked in.
- But that trains people to give away their login information. That’s bad.
- Bridging Real Life
- user and activities flows across real world and online world
- online tools -> real world gatherings -> artifacts from real world -> conversations / pics / data -> online tools
- Meetup / Evites type sites
- Need a dashboard of activity, gives people something to come back to and use.
- Encourage membership: meetup makes you join a group to get all the details. That gate determines interest, and that interest feeds the dashboard.
- Show friend activity: their taste in music, their events, etc.
- Travel Sites or Hiking Sites
- Allow people to put together their top ten hikes, or best vacation package, and share: like lists on Amazon.
- Foodspotting: food scavenger hunt encourages people to participate in visiting restaurants and sharing experiences.
- Meetup has second view of event after it happened: add comments, photos. Shows up again in dashboard with stuff added.
- Upcoming will pull in photos from flickr uploaded with correct tag.
- Questions
- Q: Do you have any good resources for dealing with ethics and privacy?
- A: Check out the EFF – Electronic Frontier Foundation. Also covered in her book Designing Social Interfaces. Copyright of content is an important consideration.
- Q: How can you pull together pieces from other sites with some kind of flow (we can’t afford to build it all ourselves)
- A: Look at each individual piece, and see what it has: if you have a blog, is there a way to alert people to new content on that blog? Is there an email that goes out, and what does that email look like? If you can share, what are the defaults around who it is shared with?
- Q: We have a bunch of introverted scientists who aren’t very social. How can we entice them to participate?
- A: Look at what are they doing now? Are they having conversations in email? Is there something you can do that is very simple: e.g. move the conversation from email to basecamp, where the history of the conversation can be maintained, but they can still get emails. … Look at what they are already doing, and see if there is a more social interface to support that behavior.
- Q ongoing: scientists don’t want to give an offhand comment in public because they don’t want to have a record of being wrong, which can afford tenure, and other things like that.
- Q: Registration is a barrier to participation. registration/comment spam is high. Captcha don’t work well. How can we solve this problem?
- A: No good answer… stuck with Captcha. People are working on it, but no good answer.
- Q: Any recommendations on how to get more user data after registration?
- A: Work it into your site contextually and gradually. e.g. give them value for what they give you. If you can give them value with their zip code, then they’ll give you their zip code.
- Q: Have you seen evidence where engagement increases when people can control what information they have on screen? (e.g. more customization, personalization)
- A: You have to design for your demographic, and one size doesn’t fit all. Attuning your interface to the type of people you are seeking is good. It can be hard to have an interface that attunes to someone without knowing who they are. Lightweight interface techniques like collapsing stuff and making stuff go away, that makes sense.
Luke Williams – Keynote Address at Web Visions 2010 wv2010
- Doing design a few years ago, everyone who came to a design firm would say “we need an iPod”.
- “We love it because it has a clean design”
- But why, what made everyone obsessed about why it was so “clean”?
- Other designer from frog said: “people perceive the ipod as looking clean because its materials resemble the chrome faucets and porcelian of a bathroom.
- Jonathon Ives, lead iPod/Apple designer was actually a designer of wash basins
- Now that the iPad is out, when they ask clients what they like about it, they say they like the smoothness of it.
- Smoothness is always an attribute of perfection. It’s opposite reveals a technical, human intervention.
- “I dont have to change myself to fit the product, it fits me. One piece of seamless glass.” – Jonathon Ives, Apple lead designer
- 1: Bob Dylan Songs
- “to compete” – comes from the latin for “to seek together”. two people running in the same race.
- Jerry Garcia: “you don’t want to be considered the best of what you do, you want to be the only ones who do what they do.”
- You want to avoid competing.
- Frog Design works with Apple back in 1982: Snow White project. 7 products/7 dwarfs
- One of the product briefs was a printer. The corresponding dwarf was Grumby.
- Typically a brief for a product contains tons of specifications: price points, features, etc.
- Steve Jobs said “I want Bob Dylan songs”.
- Bob Dylan was always innovating, changing his style, and changing his fan base. He was always counter-culture, to whatever the prevailing culture was at the time.
- Apple was in a position where they needed to wake up. They couldn’t just do what IBM was doing.
- Similar strategies favor the stronger, while different strategies favor the weaker.
- Underdogs choose not to play by goliath’s rule.
- Analysis of wars shows that winning percentage goes from (something like 30% to 60%) if the weaker side uses different strategies.
- Tesla as an example of totally different direction. Conventional wisdom by all auto manufacturers said there was no way you could do an electric car.
- But Tesla was founded by silicon valley folks who didnt know anything about electric cars. So they had no restrictions on their thinking, no belief that it couldn’t be done.
- Once upon a time, it was fine for only a few people to be disruptive, innovative, and creative.
- But now in the creative age, everything is a commodity. The only thing that is left that is original is the idea.
- So now everyone who wants to compete successfully must be creative.
- All kids are creative. What happens when people get older?
- The brain is incredibly good at pattern making and recognition.
- Education establishes patterns that the brain can use over and over again.
- But once these patterns are established, it is very hard to break out of it.
- This is where beginner’s mind comes from: they don’t have the pattern, so they can see things from a novel perspective.
- Patterns are good – expertise is good, but for creative it has to not constraint you.
- Pattern switching: Example of a competition to make a new trailer for an existing movie. The Shining is one of the scariest horror movies of all time.
- In the competition, they use a soft voiceover, and a Peter Gabriel soundtrack, and use clips from The Shining: it comes across as a nice romantic buddy buddy movie. (trying googling it.)
- Examples of breaking out of patterns:
- Quentin Torrentino: sick of American morality in movies. The hero should take revenge when revenge is called for. The murdered is the hero.
- TripAdvisor: people want to know that hotels are clean, let’s advertise the list of dirtiest hotels.
- The Blair Witch Project: convention wisdom is that movies should be marketed 6 months ahead of time. BWP started marketing 2 years ahead of time.
- Example of sound system advertising: Look for things that have been ignored. Balance, bass, treble. Made visible by having people in choir move around, focus on woman singer, etc.
- Improv Theatre example of stopping in Grand Central Station: people are practically sleepwalking their way through their lives. But the improv example made people stop in their tracks of their routine, and pay attention.
- Antiviolence campaign: shows a bullet going through various materials: glass of milk, watermelon, bottle of water, apple. And then shows a child’s head on the screen.
- 3: The Expectation Gap
- The Black Swan: The more unexpected the success of a venture, the smaller the number of competitors, and the more successful the entrepreneur who implements the idea.
- Examples
- Muhammad Ali vs. George Foreman: Foreman never expected a right hand lead, never trained against it, because it was considered a poor move. So Ali used it again and again and got knockout in first round.
- TV expectation: you will reorganize your schedule around the TV schedule.
- Tivo rearranged the TV schedule to fit your schedule.
- Sock expectations: Socks are sold in pairs that match.
- Little Mismatched sold socks in sets of 3 that don’t match.
- Shoe expectation: should look good, should be advertised with models, made with shoe manufacturing techniques.
- Crocs are the opposite of all that.
- beverage expectation: inexpensive, soda,
- Exhibition expectations: you go to an exhibition to see and do things.
- Gap: What if you want to an exhibition and didnt see or do anything?
- The blair building. they walked into a cloud, and couldnt see or do anything, just walk through a cloud.
- Video game expectation: you play games sitting down and stationary.
- Gap: you play games standing up and moving.
- Wii
- Movie expectation: movie budget is two thirds production, one thing marketing.
- gap: we’ll do two thirds marketing, and one third production.
- Saw Franchise
- Rental cars: you have to reserve, wait in line to rent car, rent by the day
- Zip car: you don’t see anyone, you rent it by the hour
- Hiring agreement: you are offered a bonus to stay.
- Zappos: You are offered a bonus to quit after four months.
- Hospitality expectation: you have a menu, you order from the menu.
- El Bulli: considered best chef in the world. 5 year waiting list. only open 6 months a year, innovating other 6 months. they cook 30 courses. you get menu only at the end of the meal, signed by chef, as momento.
- Sitcom expectation: hugging and learning (characters develop)
- gap: new rule: no hugging, no learning (characters do not develop)
- Seinfeld
- Comedy: comedians excel at figuring out patterns, and then breaking those patterns.
- You have to start with a “what if” provation. What if we sell socks that don’t match in sets of three? You need to crack the expectation gap to begin with, and then work out what happens.
- What if Darth Vader went to the canteen on the Death Star?
Warning, contains some offensive language:
Mike took some really great notes and synthesized them well: http://1222north.com/2010/05/thinking-the-unthinkable-how-to-spark-disruptive-innovation/
Rise of the UX Geeks

Where once businesses were launched by business people who could secure sufficient capital to build factories, web businesses have tended to be launched by programmers who had the skills and talent to build web applications. But the technology of web applications is getting easier and easier: a Ruby on Rails application is a small fraction of the effort to build a Java Enterprise application circa 2000. Meanwhile user expectations for interaction design are increasing. This means the major hurdle to be cross for launching a business is not raising capital or mastering technology, but designing a good user experience.
I wonder if we’ll see more startups launched by designers now.
Machine Learning and Data Mining in Ruby and R
My notes from the @pdxruby talk on 2010/04/06
- Randall’s Slides from Talk
- netflix, amazon, google: recommending movies, books and music, links based on your personal experience
- the future is about information…not data (how many gigabytes of data do you have sitting around?)
- if it’s so cool, how come everyone isn’t doing it? it’s hard
- world’s shortest stats course
- two types of statistics
- descriptive: the average height in this room is 5’ 6”
- inferential: odds are, this horse is going to come in first.
- the two tasks
- classification: you try to come up with a system for classification (cluster analysis, decision trees)
- prediction: card counting, i predict that this deck is hot
- or both: we want to both classify the data and draw inferences about new data
- two types of statistics
- two types
- supervised learning
- unsupervised learning: the way a bayesian filter works… i have no idea what the inputs were, but i can look at the macro behavior, and then make predictions. this is also the way markov models work, the way spam filters work.
- R
- heavy-weight lifting tool for statistics
- has shell for working in statistics
- 5 numbers, one picture
- pallas.telperion.info/ruby-stats
- RSRuby
- lets you eval R code
- Computer friendly data descriptions
- feature vector: simple 0 or 1 for each feature. beer, wine, whiskey, gin are the vectors. (1 if you like it, 0 if you don’t)
- attempt bitwise and of vectors
- feature vector: simple 0 or 1 for each feature. beer, wine, whiskey, gin are the vectors. (1 if you like it, 0 if you don’t)
- Clustering…
- Simple Geometric: just use the distance formula. If you have 2 dimensions, or 3 dimensions, there is a simple formula. that formula generalizes to N dimensions
- R code: plot(sort(mydata$profits))
- Not Simple Geometric Clustering
- Support Vector Machines: create maximal separation of unseparatable data by projecting onto different planes.
- You can seperate into two groups: one that is good, and one that is bad. one that are people attacking your IP ports, and one that isn’t. one that is spam, one that isn’t.
- You can apply the SVM over and over again recursively… this turns into a decision tree.
- Read:
- First: Introductory Statistics with R by Peter Dalgaard (2nd edition) – teaching you the basics in a tutorial fashion
- Second: A Handbook of Statistical Analyses Using R by Brian S Everitt and Torsten Hothorn
- load the free PDF in Rvignette(package = “HSAUR”)
- The Elements of Statistical Learning by Hastie, Tibshirani, Friedman
- www-stat.stanford.edu/~hastie/Papers/ESLII.pdf
- Regression in R
- Examples of companies doing this…
- Collective Intellect: doing mining of memes
Ideal Home Network Topology

After recently getting a second wireless access point, I was finally able to set up my preferred home network configuration. This topology consists of both an open access point and a closed (password-protected) access point. I wanted to have our network fileserver and PCs on a closed network, but I wanted to have an open access point to make it easier to connect smartphones and other network devices (printers, netflix device), as well as to allow guests to our home to connect to the network, and to serve as an emergency backup internet connection for neighbors.
SXSW Interactive 2010 Summary
- Make notes or read someone else’s notes: The insights that were so amazing while you were at the conference will fade unless you either write them down while they are fresh in your mind, or seek them out. You can usually search on Google or Twitter for #hashtag notes and find someone’s notes for the session.
- Share what you learned: Try to figure out why those insights were so relevant to you, your organization, your business, and share them with others. Not on Twitter, but in real life. Talk to people about what you learned.
- Find local social media / web meetups: Every city is bound to have some, so search Meetup. In Portland, you can find a thriving community of social media practitioners, designers, startups, and programmers on Calagator. (Although, if you are from Portland, you already know that.) If you can engage in the local community, you can recreate the SXSWi experience at least one night a month, if not more.
- Practice what you learned: If you had some amazing insight, some great idea, take action on it. Do it yourself, if you have to. Do it with others if you can. Don’t worry if you feel like you don’t have the expertise, you’ll learn it. That’s how everyone else up there did it.
- Global Voices: network of bloggers, regional heads aggregate in each region. And then aggregate at higher levels. They do translation. The purpose is to give voice to each region, and enable a global conversation.
- Witness: gives resources to human rights organization to record and share video to open the eyes of the world to human rights violations
- Meetup: For profit. Thought of doing it as a non-profit. We think of non-profits as volunteer work, and for-profits as IPO work, but there is a whole range of in between. Meetup has a tremendous amount of social good, and the founder only cares about saving the world, and makes money to keep the company going.
- Architecture for humanity: get designs for building, license them under creative commons license. architecture is quite hard, so sharing it and opening it up is tremendously valuable. designs for hospitals and schools.
- The Girl Effect: the power social and economic change brought about when girls have the opportunity to participate.
- Lulan Artisans: teaches women and girls how to knit, dye fabric, make money. Founder wanted to stop human trafficking, and the way to do that was to enable the woman to make money. They make more money than the man. So instead of selling the women, they are more valuable in the family. Thing has done more to stopping human trafficking than almost anything else.
- a system is more than the sum of it’s parts
- feedback delays + bounded rationality = design traps
- creating the right measurement of success
- selecting the correct level for change
- enabling new models by recognizing the relationship between structure and behavior
- issue-attention cycle: degree of awareness is inversely correlated to the degree of productive action.