be rad…be foolish

It’s been over 24 hours since Mike Kruzeniski’s presentation ‘How Print Design is the Future of Interaction’ and I can’t stop thinking about a number of his points.  And then this morning I went to Designing iPad Interfaces – New Navigation Schemas led by Lynn Teo.  Seems like Lynn and Mike are on similar wavelengths.

Mike started out talking about the history of digital interfaces using components designed to represent familiar items found in our desks.  These were new interfaces that needed to be relatable and accessible to the user, so designers made the obvious choice.  Lynn spoke about more recent technology but made the same comparison.  The iPad, new technology and a new interface (albeit touch interface and naturally more intuitive), is often presented to the user with designs resembling physical objects around us.

Is this convention of ‘physicality of design’ to show off the capabilities of these new technologies?  Is it to amaze the user?  Is it to make it easier to use and interact with for the user?  Do these physical metaphors make new technology disarming? I think all of the above.

I think Mike’s and Lynn’s points converge at an interesting place in current interactive media trends, the rise of touch interface.  Lynn showed the audience a number of iPad apps in her presentation.  Both Mike and Lynn showed the Flipboard app.  And in my opinion as a rising designer, the best apps shown were the simplest and most straightforward.  They were the best designed because they incorporated the principles Mike advocates.  They moved away from the ‘styling’ we know as the reigning web design trend.  They skipped the glossy/glassy/chromed buttons and sought simply good, straightforward design.  As more and more elements on our screens become interactive, the styling designers are currently using will only confuse the user and clutter the interface.

More importantly, the best apps Lynn showed put the information front and center.  In the new design paradigm that touch interface will bring, the prevalent mode of design should be what Mike said: information as UI.  Lynn took a slightly different stance–navigation and ease of navigation–as necessities for designers creating for touch interfaces; users must be able to explore and find new information from a seemingly infinite resource.  Touch interfaces are more intuitive (Lynn showed a video clip of a very young child immediately learning the interface) and the pace of navigation is quicker than it ever has been on a digital device.  Physicality in interactive design will only act as an impediment; our physical metaphors are already making less and less sense.  Why would we think those metaphors are going to get any better?

Mike’s points changed how I think as a designer.  What he said spoke to inclinations I have always had but haven’t been able to put my finger on.  Lynn’s presentation grounded these newly formed ideas and showed the how, where and why in implementing these ideas.

As a designer, especially an interactive designer, information should be everything.  Nothing should get in the way of a clear expression of information.

I’m over in the Hilton for this one.  The room is absolutely packed.  I’m sitting on the floor as is about 25% of the crowd here.

The panel will be led by Carola Thompson of Mindjet and Jim Nieters of HP.  Carola seems like a nice person, she’s circulating in the crowd talking to folks.

Carola and Jim are telling their backgrounds…

hmmmm…seems this isn’t what I thought it’d be.  I’m not going to leave but I hope this gets interesting.

For an idea to succeed, you need executive support, the right and smartest people you work with, the users. This is good advice for someone who hasn’t been a designer in a professional capacity yet.  But it’s kind of obvious.

I might be the person in the room farthest from the door and to leave I’d have to walk in front of the panelists…#fail.

Thank god for ESPN Gamecast…even though Carolina is down 14 points to Duke at halftime.

I want to try something new.  Instead of Live Blogging, I want to record my immediate thoughts in response to Lynn Teo’s presentation on Designing iPad Interfaces.  So as she makes her points, I’ll write down my thoughts; I’ll do my best to include her points.  This will be a UX panel and while I see the value in UX design, as a designer I’d prefer to keep my distance.  So let’s see if anything changes for me during the panel.

The first toys we had as children were interfaces.  Makes me wonder how our toys affected us as we developed into adults.  Did I have some toy that has made me predisposed to design rather than developing?

We’ve gone from calculators to mouses to tablets to touch-interfaces.  The idea of touch has slowly evolved and become more prominent in design.  We want our technology to be more and more integrated with our natural behaviors and tendencies.

The most compelling devices are touch based devices. It’s more natural for us as humans.  It allows us to be more lazy.  It works for the less savvy.

Teo’s showing a video of a very young girl using an iPad for the first time.  The girl immediately starts swiping, using the keyboard, drawing with her finger. It’s amazing how intuitive the iPad interface has become.  The girl is dragging and dropping.  But as immediately savvy as this girl is, her dad still had to instruct her quite a bit.  Her dad had to instruct her to ‘touch the cat’s face’ for one of the apps.  That tells me, as designers, we will always struggle to make navigation obvious yet attractive and interesting within the interface shown on the screen.

Sometimes form influences our behavior.  Teo’s showing a chair that is so ergonomic that it might not have been recognized as a chair without the magazine and drink sitting next to it. Form has always followed function, but now we’re seeing the form be the function.  And that’s pretty cool.  It forces us to think more about the objects around us.

Form informs function. As a designer, this makes me excited.  I’ve always thought form should follow function, but this point makes me think that they should work in tandem.  Hopefully we can create better designed, more useful, more functional products.

Teo’s showing the Target app for the store.  It’s a very physical design, looks like a desktop. This brings me to a point that’s been present in my mind since a panel yesterday.  Yes, the iPad is a tactile device, but why are we trying to recreate the world around us?  Why not try to create something new, something beautiful, something that gets straight to the information rather than the visual aesthetic.  The information is more important, not the looks.  I’m seeing the importance of information being the center of the design and not the aesthetics.

Teo’s showing an app with a lower ‘drawer’ table of contents you can slide through. This is similar to a design Wired Magazine featured in an online video recently you can slide right and left to get straight to where you want to go.  I think this is a good example where the design is putting the information front and center and providing great functionality rather than just making something look cool.

Teo’s showing apps that use a kind of ‘layer.’ This is giving me some thoughts about my capstone.  It could be interesting design, to have layers of my infographics.  The user could click through layers behind, to the side, above, below, etc.  It would give the user a sense of everything being readily accessible.

Physical and recognizable navigation schemas are relatable to the user. I totally agree, but I think as designers we should attempt new conventions and interfaces.  To hold on to recognizable objects to represent elements in navigation schemas is a little dated, it’s old school.  We should at least try something new, even if in smaller projects.

Making users feel a sense of infinity an helping them discover should be the job of the designer. I completely agree.  It’s nice to hear this because I thought of UX design as designing for what the user wants.  And if we were to do that and only that, design would never move forward.  So as long as part of UX design includes the idea of moving forward and always evolving, then maybe I don’t see it as such a negative convention in the world of web design.

Teo’s showing ABC New’s app that has the ‘globe’ feature with articles and thumbnails wrapped on the globe. Interesting design.  I think it does was Teo explained the developers wanted, which is for the user to explore.  It’s kind of a poor design, but really good idea.  Could be improved on.

Teo is talking about ’tiles flipping’ as a way to encourage exploring. I disagree, I think it might in the short term but it’s a very stupid strategy.  To think a user is going to explore because something flips or is animated way underestimates the user.  Animation such as flipping tiles or a globe that you can spin to get to more content is cool but it’s totally auxiliary.  It should never be considered a primary strategy to try to boost click through rates.

Teo is now showing the Wired interface I mentioned above. I love this interface.  I designed something very much inspired by this interface but much simplified.  I hope this is the future of design for longer integrated pieces of writing.

Teo is showing the Marvel comic reader app.  She’s talking about how users might not know how to use the interface because it’s new and different. My question is: is it too soon?  Are we not yet to the point where the user can expect interactivity.  Eventually we’ll get to a point where every element on the screen is interactive and the user can expect interactivity on any element.  This is what I’m excited about.  I think when we do get there as a digital society, it’ll open up a lot of possibilities for us designers.

Teo reiterated a point she made earlier and I may have missed her point. She talks about the ability to swipe and interact as a way to encourage discovering.  And I agree, right now we need to ‘herd’ users to a new way of thinking.  Interactivity needs to be represented by animation now.  But I don’t think it will always need to be this way.  Once we do get to a point where everything is interactive, we’ll actually have to get rid of some animation as to prevent over-animation.

Session is over.  All in all pretty interesting.  Glad I came and this new form of blogging I thought was great for me to form and record some of my ideas.

It’s early Sunday morning at SXSWi.  There is hardly anyone in Ballroom A.  The room’s maybe 10% full.

The panel is the Music of Interaction Design, led by Cennydd Bowles and James Box, both of of Clearleft Ltd.  Reading the description, I thought music was a metaphor.  But as I sat down they’ve been testing out music clips, there’s music notes and bars on the PowerPoint presentations.  Being a music lover and former musician this could be interesting.

10:33 ELIAC – electronic integrator and computer.  They’ve got a picture of it up on the screen.  Huge computer.  Now punch card computers.  The user is being forced to speak the language of the machine.

10:36 In the 1980s Apple wanted to turn the industry and exploit the home market.

10:37  As interaction designers we think about how objects will be used over time.

10:38 Music and interaction design are asynchronous.  They both blend art and science.  Combine building blocks.  Both experiential.  Both ineffable.

10:39 Musical score up on the screen now.  It’s visual.  It can be abstract like music notes or more iconic like the guitar tab.  Digital desingers use similar notations for the visuals we design – sketches, wireframes for direct mapping.  But this is all about the surface layer and not what happens between the pages.

10:41 All the methods of planning and instructing how to build don’t get at the experience a design gives us.

10:42 Three layers effect our response to the world around us – affect, behaviour, cognition.

10:42 Today we’ll focus on the affective response.  Attractiveness bias…attractive defendants get out of convictions more so than ugly ones.

10:44  We’re shown a video clip.  Musical consonance is a positive affective state, it effects us all and we all respond the same…across the world.

10:46  They have a couple notes on screen.  They’re playing the chord that goes with them.  They’re talking about assonance and dissonance.  Which is how we talk about user experience sometimes.  They just showed the ‘Brown Note’ South Park clip…hahahahahahaha.

10:47 the brain has a built in ability to process musical assonance and dissonance.

10:48  Assonance and dissonance are really ratios, it’s all math.   A perfect 5th chord, totally assonant, beautiful, harmonious to us, has a three to two ratio.

10:49  They’re talking about the golden ratio now.  It’s been used in design for centuries.  they’re showing an example of the grid system.

10:50 Three and four beat measures feel good for us.  Five beat measures feel awkward to us.

10:51  Interaction design involves more than the visual rhythms on the page.  What comes between pages is important.

10:53  They’re talking about Hunch.

10:54 Our brains can find a certain pitch.  It allows us to filter out what we don’t want or need.

10:56 Perceptual Layering – for example the use of colors on the London Underground Map.  Our brains look for patterns – he has a picture of a snake up on the screen.  Evolutionarily, we had to recognize patterns to perserve our lives and health.

10:57 Music is the pleasurable overflow of the brain.

10:58 They just went through a bunch of chords.  Visually and through sound.

11:00 – Gestalt.  Figure – ground.  They’re showing a Mac Computer app for writing.  It takes up the whole screen, is a picutre of a snowy hill with two trees and there is soothing music playing.  It lets you focus on the task of writing.

11:03 Emergence – designers confuse the brain of the user so that it can emerge for them.  For example, an obscure picture that takes a while to understand.

11:04 Invariance – similar objects but presented differently.  He’s playing the 1812 Overture as an example.

11:07 Simplicity is prevalent in design, minimalism.  But like chords that sound better not thin but richer, can we design this way?

11:10Dissonance inspires frustration consonance inspires boredom.  How do we find the balance, the flow?

11:11  Subvert Expectation – Stravinsky was a master.  Our brains expect something, but we’re being tricked. Stravinsky wanted our minds to hear something new, it’s innovative.

11:19  People think that UX design is all about answering the desires of the user.  But as designers we have a responsibility to involve our craft in what we do.  UX designers should take the lessons of music to interaction design.  Sometimes users don’t know what they want, which is where the designers should infuse ideas of assonance, dissonance and consonance.  Designers should find the balance between frustration and boredom.

I’m sitting here with Mike and Cait.  This panel is in Ballroom A, one of the bigger rooms they’re using for panels.  The panel will be led by Microsoft’s Mike Kruzeniski.  With 15 minutes to go the room’s about 40% full.

10:23  They just started playing Sweet Disposition in the playlist before the panel starts…thanks.  In fact, the playlist in Ballroom A is pretty sweet this morning.  Had to get out Shazaam to figure out one of the songs.

10:29 Kruzeniski has a PowerPoint presentation ready to go.  I think the typography will be pretty great.

10:30 Kruzeniski is starting.  Room’s about 80% full.

10:34 Kruzeniski is a designer at Microsoft.  He works on the Windows phone.

10:35 He’ll cover how the visual languages of interfaces have been shaped, why interfaces need a new approach to visual design, why we can learn from print design.

10:36 Kruzeniski is interested in principles print designers use and how those principles can be applied to interactive design.

10:36 A history of: Kruzeniski talks about Vanevar Bush’s Memex machine.  He’s got a graphic of it up on the screen.  All our materials and documents are stored in the machine and can be accessed and worked with.

10:38 Kruzeniski is talking about the start of Xerox.  How Xerox used for the interface design metaphors of objects we recognize in a desk…scissors, knife, pen, etc.  Xerox’s Star Interface.

10:40 Apple started to really push the idea of using familiar, desktop objects in the design.  He’s got a picture of Apple’s calculator in an early operating system.  He’s talking about ‘recreating’ physicality.  It’s almost a virtual world with halls and buildings.  But it was abandoned.

10:41 As screen resolution improved, designers continued to recreate physicality.

10:42 Kruzeniski is talking about Apple and Microsoft’s operating system circa 2000 until the present.  Designers are creating icons for things that aren’t tangable.  Designers have to make them physical in some way…relatable.

10:43 Our physical metaphors aren’t making so much sense any more as designers push limits of design.  He’s got an image of a 3-D desktop-like interface.  The recreating of physical-ness is starting to get a little odd.

10:45 Hyperrealism is the dominant aesthetic.  Ergonomics, usability, cognition are primary concerns.

10:46 The web presents a different type of UI.  Interfaces were stripped down.  It became all about the information sent and received.

10:48 some web interfaces are out of control and have more information than they should.  He’s got a screenshot of Amazon up…haha.

10:48  Information as UI…i love this idea.

10:50 We’ve gotten to such glossy textures in elements like icon design.  It’s kitschy.  (I’m thinking of my iPhone interface design from last semester…haha).

10:51 Information and artifact UI are converging.  Resolution is increasing.  We can accurately render typography.  We can approach and design elements more elegantly.

10:52 Now that we’re giving up books, why don’t we start thinking about them differently?  Especially as designers.  These items need a new form of expression.  Information is changing this.  We want to express and render information more so than the kitsch of the design.

10:54  He just mentioned Massimo Vignelli.  I like this guy.

10:54 Print design has a much longer history than does interactive design.  There is a huge wealth of design we can pull from for inspiration when designing for information based user interface.

10:55 Kruzeniski believes the Swiss style of graphic design was when print design ‘snapped.’  It was the turning point when we started to think about ‘what have we learned from these hundreds of years of print design?’  Even after we moved on from the Swiss style, elements like the grid system remained.

10:56 Why has interaction design moved away principles of recent print design, which is built on hundreds of years of experience?  Why are not all of our screens as ordered as they should be?

10:59 Confident use of negative space.  Kruzeniski believes it’s scary.  (And I would agree, and I also agree and think we don’t use negative space enough).

11:00 Objectivity through imagery. The use of images in design.  And using it well to tell part of the story.

11:01 Uncompromising focus on typography.  Really use typography to create flow and rhythm.  It creates an energy and story just through type.

11:02 Proportion and Pacing.  Our interfaces a lot of times seem stale and boring.  He has images of branding materials from American Airlines.

11:03 Universal Iconography.

11:06 Kruzeniski has been showing some interfaces that have been improved by going back to ‘inspired by’ print design.  He showed American Airlines’ website.  The windows phone that went from being covered in icons to stripped down to some text.  Really beautiful (and surprising for me to see that from Mircosoft).

11:10 Kruzeniski is showing a clip from the film Helvetica.  The clip shows how kitschy print design was in the 50s then compares it to the rise of the use of Helvetica.  I’m seeing some parallels with our current interaction design to how things were in the 1950s.

11:12 Flat is the new black.  2-D is the new avant garde. – Steven Poole

11:13 We should treat the surface like a print surface.

11:14 What we need: the want to use and consume print design, the designers need to take up the practice of print design, the process-we need to think about visual design from the start.  Visual design is the end of the waterfall, but it should be thought about from the beginning.

What do we get: more beautiful products, beautiful brands

11:18 Kruzeniski just finished up.

I’m really inspired right now.  I feel like I’m a different designer now.  Totally new approach to designing for me.  Really transformative ideas.  I’m rethinking a lot of my design ideas and what I’ll likely do going forward.  A lot of what Kruzeniski talked about spoke to some tendencies and desires in myself as a designer that I haven’t been able to put a finger on or describe.  He made a lot of good arguments for these new conventions; type for interaction rather than a button, getting away from the physicality of what we design.  And maybe the most illuminating parallel was 1950s print design versus print design under the Swiss/International style and what the Internet looks like today.

A quick blog post as I’m sitting here with Mike and Cait before the How Print Design is the Future of Interaction panel begins.

Out of the three sessions I sat in on yesterday, they all had at least a slight message of ‘improve the world around you.’  Whether it be Chrissie Brodigan of Firefox/Mozilla, Clay Shirky or the guy who owns Awesomeness Reminders LLC, they all advocated for designers and developers to offer their services for projects for social good, to design and develop projects that are responsible and positive.

It’s encouraging for someone like me who is liberal with a desire to see a better Internet and better world.  This activism goes back to a question I ponder occasionally, are designers (and developers to a slightly lesser extent) naturally liberal and socially minded or is it a product of being in the industry?  Is it something else?  Is it generational?  And does it matter?  Should I just be happy I’m going into an industry that’s responsible and not question it?  But I do have to admit, I enjoy knowing why things are the way they are.

Second session of the day. Titled Why Everything is Amazing but Nobody is Happy. It is a panel led by Daniel Hope of DanielHope.org and Zachary Burt of Awesomeness Reminders LLC.

The chairs are setup around a central ‘stage’ area. The room is probably about 80% full with 14 minutes until the start.

At 3:20 the room is almost full.

3:25 the title comes from a well known Louis CK rant. The second speaker has a service called awesomeness. His company calls people who have signed up an tells them they’re awesome.

3:28 entitlement and the feeling of entitlement fuels a lot of our discontent.

3:29 entitlement may not be a bad thing. It’s in our nature to adjust our reference levels. It’s human nature. The speaker is talking about a venture capitalist who only invests in companies that break at least one seven deadly sin.

3:32 compassionpit.com. Compassionate outlets online and social media.

3:33 as interactive specialists, we can really direct people’ attention. We should do it responsibly.

3:35 bilocationality. Trying to be in two places at once or talking on the phone and driving for example.

3:36 digital autism. Walking, iPod in and totally unaware of the emotional economy around us. We can’t read or react to those around us. Deliterious effect.
Transformative presence – intentionality, mutuality, paying attention to your own emotions, being there for someone else. Turn off your phone and be there for someone.

3:39 methods of staying present. No twitter until lunch. Freedom app – disables Internet access when wanting to work and focus on something. 25 minutes on 5 minutes off – It becomes like a competition to see how much you can accomplish in 25 minutes.

3:43 measurement is important in being more productive and present.

3:45 twitter and texting based communication is information poor. It only applies to the concerned participants. How do we improve this? How do we improve how we communicate with technology to express more emotion and inspire more understanding?

3:46 a crowd member jokes about emoticons as the solution. Then makes us laugh even harder by suggesting animating emoticons. (you had to be there.)

3:49 the panelists have been taking a lot of questions from the audience. But they’re all stating the obvious…

3:51 If we don’t see a direct need in front of us, we don’t react. We’d save a person from drowning, but we don’t readily donate money for food or access to water, etc for those in need.

3:53 is technology making us more or less compassionate?

3:56 an audience member raises the point that when a person tries to express an understanding of someone else, the farther that person gets from his or her stereotype/demographic, the harder it becomes to empathize.

3:58 should we depend on social media and technology to make us happier?

3:58 appreciation and entitlement have a weird push and pull. We get excited about a new iPhone and after a few weeks we become disenchanted or worse we get upset with the product.

4:06 an audience member talks about wanting information is kind of like an addiction. We want more an more and when we don’t or can’t get more information into our head, we get disappointed or angry. We’re almost setting ourselves up for disappointment.

4:10 the main speaker doesn’t believe in Internet Addiction Disorder. It’s more of a compulsion.

4:12 we have more things throughout the day that matter to us and draw out certain emotions. We have so many emotions to deal with, it becomes exhausting.

4:15 form positive addictions. Social media outlets like reddit that provide humor.

4:18 people have been leaving the room periodically since it started. It’s been more of a group discussion than a lecture. Some interesting insights but it’s turned a little too much into a koombya fest.

4:22 the speaker asks if happiness I overrated. An audience member suggests we have to have moments of sadness to understand moments of happiness.

4:26 the speaker believes the tipping point of the Egyptian revolution was when the government shut off Internet access. Prior to that everyone was watching the protests on facebook. Once the Internet went off, everyone had to go to the streets to see what was going on. Crowds of hundreds of thousands turned into millions.

The first session of SXSWi. This is a panel led by Chrissie Brodigan of Mozilla/Firefox. The topic is how not to design like a developer. I have a lot of respect for Mozilla so I’m looking forward to what Chrissie will have to share. I’m here with Caitlin Smith(caitvsmith), classmate and fellow designer.

This is my first attempt at live blogging and all I have is my iPhone. This’ll be interesting. Please pardon the typos.

Chrissie has a PowerPoint presentation ready to go. The room’s filling up pretty quickly at 1:46 now.

1:52 – the room is about full.

1:55 – standing room only

1:59 – #betterdesign for the hashtag. Chrissie talks about sounding like a Disney character. Tinkerbell to be exact. Chrissie starts with giving some background on herself.

2:02- successful projects need good developers and interested users.

2:04 open source projects are not gorgeous but have good personality.

2:06 Designers and developers are a willful pridefull people. Working together can be awkward sometimes.

2:06 documentation matters. Design and development documentation are not the same.

2:07 project presentation and good design builds confidence in the users eyes.

2:08 seems open source projects lack willing designers. There’s no pay for it. So how do we get designers to design for open source projects?

2:10 developers see logical problems and use those excuses to bypass design choices.

2:11 being humble is a desired quality for designers.

2:12 those excuses developers use are convincing. Designers and developers need to do away with bad habits:
Work-arounds
Developers going rogue
Designers can be trendy. Designers CAN design in a logical way that helps developers
Developers practice version control, designers usually don’t. *Designers need to change that to help new designers pick up where they left off. it’ll help designers build on designs and evolve rather than always reinvent the wheel.

2:18 design graphic-lite. Allows new people to maintain the design. It’s simpler, easier to understand.

2:19 promote design specific bug-tracking.

2:20 promote micro opportunities for designers.

2:20 design and document for localization

2:21 refactor together. Going back to source code and repair hastily executed elements

2:22 forkability

2:22 Design design contests. Like the firefox logo. It bring new designers in

2:24 lettering.js openfontlibrary.com

2:25creatjve commons. Get designers work out there

2:26 good design. Be socially responsible ab the design and use that for marketing.

2:28 mairin Duffy, working for redhat mentions the fedora project and open source design, software, etc. Booth 344 at the SxSW expo.

2:31 remember @sirupsin.

2:33 chrissie is wrapping up.

All in all, a really interesting start to SxSW. Interesting insight into open source design. I didnt know there would be such a focus on open source software. But its a welcome change; its something i wasnt familiar with. The panel was a good look into the process of bringing open source software to market and some of its shortcomings. It was almost a call to arms; designers should offer their services as designers for open source software projects. It’s a win, win. We contribute to a good project and expand our portfolios.