My thanks to Igloo Software for sponsoring Elezea’s RSS feed this week. Please check them out!

Igloo is now free to use with up to ten people, making it easier to work with your whole team, your customers or your partners.

Your Igloo is built around apps you already know and love: blogs, calendars, file sharing, forums, microblog and wikis.

Start building your Igloo instantly (no credit card required), or check out their awesome Sandwich Videos.

Sponsorship by The Syndicate.

The idea that we allow too many distractions to take our focus off the work we’re supposed to be doing is not new. And the solution — just turn things off! — is not rocket science either. But I find it interesting just how many blog posts we’ve seen about this topic over the past couple of years. Working in the Shed by Matt Gemmell is another really good one:

We act as if we take concentration for granted, yet everyone has had trouble keeping their mind on the task at hand. We litter our menubars with icons, keep notifications enabled, and run our email programs, chat apps and social media clients all day. Something’s got to give, and invariably it’s our creative output.

Seth Godin just published another very weird post¹ called What works for websites today? He makes a couple of claims that, to me, show what the biggest problem with Marketing is today. I’ll get back to that, but first… Seth says:

[An] effective website is created by someone who knows what she wants the user to do.

No. An effective website is created by someone who knows what users want to do. And she uses that knowledge to build something useful that is also easy and enjoyable to use.

He continues:

The only reason to build a website is to change someone.

Wait, what? No! We have a name for that. It’s called persuasive design, or at the far end of the spectrum, dark patterns.

No, the only reason to build a website is to enable people to do what they want to do.

Good user experience has both good utility (it fills a customer need) and good usability (it’s easy to use). The problem with many Marketers today is that they too often make it all about the company, and not about user needs. I’m sorry, but it’s not about changing people, and it’s not about making them do stuff. That’s old school thinking from a time when brands could steamroll their way into the consciousness and wallets of people through clever advertising and sleight of hand. Those days are over. Now our job is not to make it about how awesome we are, but how well we help people accomplish their goals.

Let’s respect our users and their needs. Let’s not treat them like puppets that need to be controlled.

Your app makes me fat is such a great post about respecting users by Kathy Sierra:

That one new feature you added? That sparkly, Techcrunchable, awesome feature? What did it cost your user? If the result of your work consumes someone’s cognitive resources, they can’t use those resources for other things that truly, deeply matter. This is NOT about consuming their time and attention while they’re using your app. This is about draining their ability for logical thinking, problem-solving, and willpower after the clicking/swiping/gesturing is done. 

It reminds me of Paul Ford’s admonition in 10 Timeframes:

If we are going to ask people, in the form of our products, in the form of the things we make, to spend their heartbeats on us, on our ideas, how can we be sure, far more sure than we are now, that they spend those heartbeats wisely?

We are responsible — at least in part — for how people spend their time. We shouldn’t take that lightly.

My thanks for TextExpander touch for sponsoring Elezea’s RSS feed this week! I use TextExpander extensively across all my devices, and I can highly recommend it.

Type faster on your iPhone or iPad using short abbreviations that expand into long snippets, such as email addresses, URLs, and standard replies. Tap in your abbreviation and it automatically expands to the full snippet. You can even insert today’s date automatically with the default abbreviation “ddate”! Use Dropbox to sync your snippets to all your iOS and Mac devices!

New in TextExpander 2.0: Make customized, boilerplate replies fast and easy using fill-ins. Compose messages and expand snippets in formatted text. Insert macros for date, time, date math, etc. easily when editing your snippets on iOS.

Please note that iOS does not allow TextExpander touch to work in the background (as it does in Mac OS X). But you can expand snippets directly in over 160 apps that have built-in TextExpander touch support including OmniFocus, Drafts, Things, iA Writer, DayOne, Byword, Notesy, Elements, and WriteRoom. See the complete list of supported apps.

Sponsorship by The Syndicate.

Don Norman wrote a great piece on The Paradox of Wearable Technologies. He starts by covering some familiar ground on the dangers of these devices:

While the supplementary, just-in-time information provided by wearable computers seems wonderful, as we come to rely upon it more and more, we can lose engagement with the real world. Sure, it is nice to be reminded of people’s names and perhaps their son’s recent skiing accident, but while I am being reminded, I am no longer there—I am somewhere in ether space, being told what is happening.

We see this argument a lot, most recently in an article that came out on the same day as Don Norman’s, Wearable tech VCs pan Google Glass:

“It’s too big a change of behavior. It’s technology that sits between you and other people… it feels to me that it’s too impersonal,” said [John Frankel, a partner at ff Venture Capital]. “It feels more like the Segway than anything else, which is, ‘hey, this looks great on paper but I probably wouldn’t have one in the garage.’”

What I like about Norman’s piece, though, is that it refreshingly covers the positive aspects of wearable tech that don’t get as much press, like this:

I am fully dependent upon modern technologies because they make me more powerful, not less. By taking away the dreary, unessential parts of life, I can concentrate upon the important, human aspects. I can direct high-level activities and strategies and maintain friendships with people all over the world.

It’s a balanced view, well worth reading.

Breaking Development is a conference about the future — as it should be. But as I reflect on the past couple of days of talks about going beyond the desktop, there’s one thought I can’t get out of my head:

We need to push the limits at both ends of the technology spectrum.

I’ll come back to that. First, I wanted to summarize the major themes that stood out for me at the San Diego conference on 22-23 July:

• Forget about device classes like phone, tablet, laptop, and desktop. Instead, let ergonomics, input methods, and multiple-screen experiences guide design decisions.
  • We need to start thinking about designing for wrist devices (smart watch) and eye devices (Google Glass), as well as wall devices like TVs (think Xbox One) (see my notes on Luke Wroblewski’s talk).
  • The biggest development challenges are going to come from new input methods like voice control and gesture devices like Leap Motion (see the slides from Jason Grigsby’s talk).
  • The problem is that we can’t reliably detect screen sizes and input methods (keyboard, mouse, touch) to adapt content appropriately.
  • The good news is that we can look forward to advances in CSS3 that allow for full control over content layout (see the slides from Divya Manian’s talk).
• So, how should we adapt to these changes?
  • Design for touch first. Josh Clark points out that “every desktop UI should be designed for touch now.”
  • Design for user need, not a specific form factor or input (for example, see Vimeo’s Couch mode).
  • We need to think of mobile as just another screen, and design for cross-screen experiences (see my notes on Cameron Moll’s talk).
  • We need to dump our linear workflows and adopt a much more collaborative way of working (see my notes on Ben Callahan’s talk).

These are important themes and I got a lot value out of the talks. We should absolutely explore the boundaries of new input methods like voice and gestures, and play around with experimental CSS features that let us take more control over content layout. This is how we move technology forward, and where we get to take advantage of the latest hardware and software standards.

But I’m a bit worried that we tend to push into the future so fast that we abandon fields of existing technology to whither and die before they’ve reached their full potential. It’s fine to experiment with the new and exciting, but innovation doesn’t happen only in the forward direction — lateral jumps often result in really innovative ideas.

I’m not sure if this is the best way to illustrate what I’m trying to say, but here’s what it looks like in my head. If we focus only on pushing the boundaries of the future, we end up with a pretty small “area of innovation”, for lack of a better word:

But if we also work on pushing the boundaries of what we already have, we increase that area by a large amount:

One example I keep coming back to is USSD. It’s a low-end mobile technology that got completely skipped over in the U.S., but is widely used all over Africa since it’s supported from the most basic feature phones all the way to the iPhone. Projects like MAMA (using mobile
technologies to improve the health and lives of mothers in developing nations) and messaging platforms like Vumi already use USSD in really innovative ways. We’re not talking about these low-end product solutions enough, and that’s a shame.

There are really two sets of questions we have to explore when designing and developing beyond the desktop. First, what can we do at the far edge of technology? How can we push the boundaries of the future? How can we go further?

But we also have to ask, what can we do at the low end of technology? How can push the boundaries of the present? How can we do more with what we already have?

As much as what I learned at Breaking Development will help evolve our company’s processes for future-friendly development, the most surprising outcome for me is how much it got me thinking about the potential to use existing technologies to solve the problems we run into while we push into the future. This is why I got more out of Breaking Development than I expected, and why I can highly recommend it to anyone who designs and builds digital interfaces.

I’m attending the Breaking Development conference in San Diego this week, and will be posting my notes from a few of the talks here.

Ben Callahan did a great talk on design workflows called Prototyping Style. He discussed the problems with linear workflows before giving some great tips on a new way of collaborative working specifically suited for responsive design.

• We used to have a very linear workflow, which went something like this:
  • Content
  • UX
  • Design
  • Front-end development
  • Back-end development
  • Launch
• The problem with linear workflows is that decisions are being made in each step, before we have all the data
• We need to invite others into the process, and work towards a “1 Deliverable” workflow

The “1 Deliverable” workflow looks like this (excuse my quick Paper drawing…):

The benefits of a “1 Deliverable” workflow:

• It’s centered on iteration
• It requires collaboration
• It results in natural decisions (waiting for the last responsible moment to make decisions, once all the right data is available)
• Watch out, it sometimes conflicts with organizational structure
• It requires the right team — no room for superstar egos

So how do we advance the Design phase through a “1 Deliverable” workflow? 3 stages of design:

• Establish the aesthetic
• Solve the problem
• Refine the solution

Establish the aesthetic

• Do style comparisons with clients, to get a sense of what they’re looking for
  • Light vs. Dark
  • Flat vs. Textures
  • Illustration vs. Photography
• Move from Style Tiles to Style Prototypes:
  • It shows more accurately what it will look like in the browser
  • It sparks conversations about browser support
  • It’s very easy to make quick changes with CSS
• Use tools you are comfortable with to establish the aesthetic

Solve the problem

• Some use static design tools (Photoshop, sketches)
• Some use responsive design tools (FROONT – design responsive websites in the browser, Macaw | The code-savvy web design tool.)
• Some use HTML/CSS Frameworks (like Bootstrap and Foundation)
• What’s important is not the tool, but to remember that you best solve problems using tools that you are fluent with

Refine the solution

• Don’t use static design tools to refine the solution
• Instead of static design handoffs, consider Design Pairing
• Continuously get feedback and input on design direction
  • Set office up to create collaborative conversations
  • TVs with Apple TV connections so that anyone can throw up their designs onto any of the screens to discuss
• Important: you need to be conscious of the switching point between solving and refining, so that design doesn’t continue ad in finitum

Ben ended his talk with a story about Miles Davis and the making of the album Kind of Blue, and what the album can teach us about collaboration. I really liked this because it’s something I’ve written about before as well, in A story about Miles Davis and the nature of true genius.

I really appreciated the practical nature of this talk. There were lots of ideas to take back and use in my everyday design work.