SXSW Live: Right Way To Wireframe

2010 March 13
by Michael Leis

Only got to see the tail end of RWTW part one.

Fred opens by saying it’s time to nut up, He also admits that he loves prototyping, and can’t think of a situation where prototyping can’t help your design.

As designers, we’re not making solutions, we’re making hypotheses, and building towards a solution. So the process of design — prototyping is key. You need to be an effective communicator and experimenter.

But it doesn’t matter what tool you use. as long as you go through the prototyping.

Fred uses Axure in this case for Design For Health. He’ll talk about where Axure helped him, and where it bit him in the butt.

At Evantage, they start with the business, and really, in UX design, it’s all about meeting the business goals.

Fred keeps saying that he’s “Not a sexy thinker,” but I think people want to think of him as sexy he says it so much.

He tries to imagine what the users want and sketch for that. He went through 14 sketches with pen and paper to find a flow that he liked. If he did that with Axure, he would have been killed.

He’s doing more modular sketching in components, much like Nathan Curtis does at 8shapes.

He started sketching the interaction flow, again, with pen and paper because he needed to keep revising fast and repeatedly.

Define scenarios and test plan

You don’t have to have real content, but you do have to have realistic content. It helps you test comprehension a little better. But you do need to have a sense of what kind of content is going in.

Structuring a prototype in Axure:
Start with a grid – master so it’s reusable throughout the prototype.
page template custom widget
create pages

Wireframes:
1. Make the wireframe
2. Make it interactive — which is great in axure

Don’t forget, prototyping lets you take bigger risks.

He added a function showing someone very close to being funded, to try and encourage some user to donate and put it over the top. But he has no idea if it’s going to work until he tests the protoype. Now he’s showing some video of him in Axure making the prototype interactive, and allow for real testing in key interactions.

Proof of concept testing

where the benefits of taking the risks are understood and realized.

Prototype only key interactions
Strip test plans to key tasks
run quick tests
Fix what sucks
Retest

Comprehensive testing:

1. Proto. only what’s needed for test and isn’t in your Proof of Concept Prototype
2. Then two rounds of testing to make sure your fixes are actually fixed
3. Make a report. Yes, go through and tell the story to all the different team members can know what is up.

Visual design:
Visual design is an opportunity for your design to evolve. It is not simply refinement.

He makes sure that the designer has all the info, and the context of the decisions that he made going to that point. It’s not about right or wrong. It’s about getting to a better place.

You can’t have babies, you can’t get attached to the project or the design.

Collaborate, don’t dictate to visual designers. Let visual designers take risks, too.

Fred now talking through his video, about how the brain takes in stuff, and craps out ideas.

Take the time to properly set up your prototype. It saves much time and hassle all the way through the project.

Now Fred hands over the mic to Will Evans

Will starts with his conceptual model mapping every possible activity and their interrelationships. He doesn’t have a set process at all, he has a whole range of activities that are employed depending on the client and the needs.

Then he gets into sketching and wireframing.

Many people like to sell on a process. But selling repeatable process is a fallacy. Measure twice, cut once, like a circumcision.

He uses design studio to gather requirements. With the stakeholders in the room, they can sketch, iterate and present their ideas to find out what is important to them.

One of the big things is that it allows people across the company to collaborate. By the time to present a wireframe, they can identify themselves inside the design, and keeps any stakeholder from having too much input in a process based on politics.

Personas
Measure 3x and cut once. Users lie. They don’t want to admit certain truths due to embarassment. Use contextual inquiry or ethnographic study where you can observe.

Functional sitemaps, then sketching Wireflows — which are basically storyboards of the Web experience.

Get into the mind of the user and try to build around the story of how the user wants to accomplish a task.

Sketching Wireframes
He’s able to create many different concepts quickly, a transformative act of working through problems.

Don’t go right from requirements analysis right into a tool. Free yourself from the tools and do basic sketches first.

Keep the sketches quick and dirty. Restrict your time doing this. Iterate through the screens many times.

Wireframes are a thinking device for exploration of the problem space. He recommends Omnigraffle.

ugh. Honestly, in making Will’s video, I’ve seen this so much I’m gonna stop blogging it. You can just see the video:

  • Share/Bookmark

SXSW Live: We f’d up with happy cog

2010 March 13
tags:
by Michael Leis

Hyping right in with Kevin Hoffman and the happy cog crüe talking about projects they’ve been in that have failed, and how to identify and eliminate those f-ups in the future.

They’re starting with easy-to-recover from failure.

Maintain scope

Don’t borrow from one budget to pay for another. Just stop, and issue something like change of scope. Communicate early and often so you don’t run out of money.

Did you test?

When you fail, you’ve got to own it. Apologize profusely, take the hit financially and take the abuse.

Scope and Expectations

Greg hoy was bleeding money on redesigns never ending. They had gone through 6 rounds without success, and exhausted all their resources.

He put together a series of 300px attempts, and save money by doing snippets to see what resonated. You have to think of creative ways to keep things moving.

Manage the unknown

Will Reynolds has a unique part of their client agreements is getting ahead of them. If you see things aren’t going well, call them and tell them to stop paying before they call you. It engenders trust.

When they told a client that the results weren’t good enough and to stop paying them for two months, they got three referrals in that time.

The ménage a trois
Adding third parties to your project

Greg story was working with a guy who literally left the client. The new guy had a completely different platform and approach, which they went with, but it didn’t deliver the results they needed. The site didn’t work right.

They went back to the client, and partnered with three different vendors, adding a month of project purgatory time, and lopped off a bunch of great features they just couldn’t do at that point.

Great panel I’ve got to leave early for to check Russ and Todd at Right Way To Wireframe

  • Share/Bookmark

SXSW Live: Who Will Win as Most Absurd Brand?

2010 March 12
by Michael Leis

Guys in suits on bikes. What brand is investing in this?

As noticed by Amy Cueva as we walked around Austin, looking at this bunch of oddly adorned bicyclists, there seems to be a trend this year by brands to be as silly as possible, ultimately humiliating themselves before this audience in the hopes that (I guess) people take some pity on them and buy something?

This is ultimately my problem with the presence of many of the companies spending a lot to make a quality impression with the many people here at SXSW. What’s the point? It can’t be just about getting your attention, but quickly moving you to the next step. But too often there is no next step, making it seem like they don’t want the business? I don’t get it. And whenever I finally get to go through this year’s triple play of big crud bags, I’m sure more questions will pop-up.

Best panel discussion of the day happened around crepes

Other than that, this year’s SXSW has so far been great for hanging with excellent, smart folks, and terrible for actually attending any of the presentations/panels. They completely oversold the conference and I haven’t been able to squeeze my way into anything. Let’s hope tomorrow is different.

Look! I caught three gigantic bags of promotional crap!

  • Share/Bookmark

SXSW Live: Harsh Lesson #1: Get To Sessions Early

2010 March 12
by Michael Leis

Margot is the tiny dot hundreds of ballroom miles away, laying down some serious content strategy

Psyched since yesterday to watch Margot Bloomstein open SXSWi with her presentation on content strategy, how to include it in a workflow, and budget appropriately for it. She is absolutely brilliant and a great choice to open the conference with. She’s also a JUXer, which means she’s been training a lifetime in how to structure arguments. :)

For all these reasons, I’m standing here furious outside the ballroom because I got to this 2pm five minutes late! Still, hard to stay mad when a truly talented person has an overflowing ballroom to talk content strategy.

Oh no. Now they closed the doors. Nuts. Now I got no presentation at all….

...and now I'm pushed out by the crowd.

  • Share/Bookmark

SXSW live: walking the green line of registration

2010 March 12
by Michael Leis

And hello to badge pickup and our warm up for many, many, many long lines. Looking forward to Margot bloomenstein at 2pm, and maybe some BBQ lunch. Here we go!

Update: by 2pm, the lines stretched across the entire building. Woo hoo! Now I’m glad I was in the short line.

  • Share/Bookmark

SXSW Live: Touchdown

2010 March 11
by Michael Leis

The sunset landing in Austin for SXSW 2010After four hours of southwest, and maybe my second-ever time on one of their planes, it seems the way to keep your fares cheap is to skimp on sound insulation. Loudest. Flight. Ever.

But… Accompanied by a plane full of Philly sxsw’ers, and welcomed by this incredible sunset. Time to set up the local nerve center and find food. Interactively, of course.

  • Share/Bookmark

Programming Note: SXSW Begins Tomorrow

2010 March 10
tags:
by Michael Leis

Very ready to dive back into SXSW this year, and write this as a warning. Over the next two weeks, I’ll do my best to fill this blog with the same kind of coverage I did two years ago.

Mostly I do this for all the people who can’t make it. There’s too much good stuff going on to not try and share it.

So here’s what you can expect over the next two weeks:

  • More, varying posts that range from literally transcribing certain presentations, to pictures, commentary, poems, and combinations thereof. I’m just trying to send as much back to the homebase as I can, so I’m going a bit more “Editorial Parkour” than the typical outline format I follow here.
  • There will be typos. The only time SXSW stops is when you’re sleeping. So don’t expect much in the editing category. Of course, if you are the other reader of this blog, you already knew that.

Should be fun!

  • Share/Bookmark

Join the IDEArmy at SXSW

2010 March 10
by Michael Leis

Join the IDEArmy at SXSW!

If you know me, you know that I volunteer my time to lead sponsorship and marketing for the IDEA conference because I believe it’s an incredibly valuable learning experience for the UX community.

Designing for complex information spaces melding the physical and virtual is critical knowledge for anyone with a stake in designing digital today, and most everything else tomorrow.

To that end, IDEA2010 (this upcoming fall in Philadelphia) is about to engage in asymmetric promotional activities to spread the good word.

On Saturday, March 13th, we’ll be bringing the beautifully designed IDEA2009 T-shirts to SXSW and handing them out for free. Kinda like the revolutionary Minutemen. But with T-shirts. And not at all in a war. But other than that exactly the same. read more…

  • Share/Bookmark

Will The Least Efficient Win the Race For The Middle?

2010 March 6
by Michael Leis

Reflecting on my recent experience talking with a range of senior agency leaders, as well as senior practice leads in traditional shops across PR and Direct marketing, the race for the middle (as Forrester calls it) is not only on, it’s getting kinda heated.

Regardless of the background of the agency, leadership understands that clients want one company to serve their integrated communications needs. They want a company that can do all of it: get press, transform them into a publisher, or programmer, and make all the channels that they’re engaged in have a responsive flow across all channels. read more…

  • Share/Bookmark

What Value Do You Attribute To Your Personality?

2010 February 23
by Michael Leis

So Nick Jefferson at LikeMinded wrote this excellent post, but their CAPTCHA is hidden without scrollbars under an iframe on their blog. I did not realize this until after I was compelled to write a comment. So in the spirit of sharing, here’s the original Valentine’s day post, and my response.

What Value Do You Attribute To Your Personality? read more…

  • Share/Bookmark