Filed under Design

UX trend predictions of 2012 B:

Whenever likeminded creative people try to innovate trends emerge. Ideas give birth to ideas. As ideas keep combining in the heads of creative people everywhere some ideas become more sticky than others. I’ll document some of the trends in user experience design I predict will become the norm in 2012. You can find my first post on the subject here.

Another example from a 2011 app is the amazing full screen representation in Wren.

Wren app for Mac

 

White space apps

When I first saw Wren I was amazed. It was focused and minimalist. Therefore I was shocked to see the full-screen button in the top right corner of the app, “Wouldn’t that completely wreck the experience” was my knee-jerk reaction. Then I tried it and another trend was obvious, apps that scale without bloating their feature sets, or White space apps.

Why are White space apps different? Mobile.

The mobile revolution has some interaction and UI designers scratching their heads or pulling their hair trying to fit all the usual information. The current computing paradigm has relied on massive amounts of text and information tags for a long long time. Even programs that have really tried to rid themselves of rarely used functions or unnecessary amounts of help information have sometimes been stuck in contextual help hell due to the modus operandi of desktop interface design.

No more. Mobile has rid us of all these things. And some designers are provocative enough to realize that less really is more and simply scale their apps without adding more information or complexity.

Is this good or bad?

Only time will tell. But the dominance of mobile design today tells us a lot about what people like. I think it is less about the iPhone being a must-have product and a lot more about really smart and beautiful apps that are just complex piles of engineering on other platforms.

Simple is better. And using white space to focus the users attention on a sparingly chosen set of functions beautifully designed makes this clear. I believe these minimal products will in the future continue to trump the feature behemoths of yesteryear.

Due for iPad

Due for iPad

Tagged , , , , , , ,

UX trend predictions of 2012 A:

Whenever likeminded creative people try to innovate trends emerge. Ideas give birth to ideas. As ideas keep combining in the heads of creative people everywhere some ideas become more sticky than others. I’ll document some of the trends in user experience design I predict will become the norm in 2012.

An example trend from previous years is the scroll down to refresh design. Created by Loren Brichter for his famous Tweetie iphone app it has since become the standard for refreshing feeds and lists in apps everywhere.

Example from mobile webKit build

Related function Panels

You’ve seen them already. Open your Facebook app and look at the button in the top left corner. Tapping the button or swiping the interface from left to right opens the menu:

Facebook iPhone app

Facebook iPhone app menu

 

 

 

 

 

 

 

 

 

 

This background panel is always there. Neatly integrated in iOS navigation panel.

The iOS navigation panel? At the top of all iOS apps with many views is a bar that usually has two buttons on it. This bar is called the navigation bar in the iOS SDK and intended to be used like this:

  • the left side button steps you back in the app. Just like the back button in your browser.
  • the right side button steps you forward. Showing the next step or function in the app.
Related function panels will become a trend become complex apps need menus, and no one wants to start the app in a menu. Instead starting the app smack in the middle of activity giving the user an option of accessing the menu by “stepping back”.

Why is this different from a menu

But the reason I call the panels related function and not menu panels is that when a menu is that as soon as we have this paradigm, panels on either side that are “behind” our current view in chronological order. We can show the user all sorts of related information and functions, regardless of the apps functions.
Take for instance Path 2.0, a beautiful example of UI design. It too uses the left side menu, but to the right it shows your friends list. In the Facebook app this right side button opens sorting options and not a panel at all. This doesn’t matter. As long as the paradigm is in place, panels will start showing up with the most important related functions in apps of all sorts.

Is this good or bad

The design works great in the Facebook app, in the Gmail app and in Path 2.0. But if it will work when lots of apps join the trend? We can’t know beforehand.
The design is solid from a perception and usability perspective. It also looks great. So I’m hoping to see some innovative use of it shortly!
Gmail appGmail app

 

 

 

 

 

 

 

 

 

Path 2.0 appPath 2.0 app

Tagged , , , , , , , ,

Defining A Principle of Quality that works

Quality was what set the good craftsmen apart form the bad ones. It was why some brands became more revered than others. The illusive idea is why Apple sells so well, why some artists are better than others. But what the hell is quality? Does it change from artist to artist? Does it mean something different for cars than for software? No. I don’t think so. I think there’s a common feature for all types of good quality.

Using Cognitive Psychology to reveal quality

In academic circles scholars of cognitive psychology  have been debating and hacking the human perception for a very long time. One of my favorite tidbits of knowledge from my student days is that negatives are worth twice as much as positives. That means if I give you $100 and then take it back, you’ll feel as if you’ve lost more money than you felt you gained in at first. Put another way: if you spend $50 and earn $100 dollars you’ll feel you made about even. Losing something is negative, and is therefore twice as important to you perception.

This gives us valuable clue to Quality. Let’s see how far that can bring us.

If negative values, and negative experiences, create stronger reactions in users we should look at minimizing these as much as possible. If we get close to no negative values we’ll have a  really solid product experience regardless of the products positive values.

For example, if you create an app where every action gives clear feedback it will feel great. Even if the UX design isn’t all that great from the start.

Getting the values right

But wait, let’s back up a bit. What is a negative value? And what is a positive value? We’re talking about products here! What is a negative in a web app?

Happily, another branch of cognitive psychology has dealt with what value is. This is the theory: there is no “real” value. Only subjective, or perceived,  value. That is to say: water to a man dying of thirst has a lot of value, while water to a man at a cocktail bar in NY is worth very little. This sounds really basic right? But if all value is relative to experience that also means that we determine reasonable prices from prices around us. We distinguish beauty not by their own beauty but by how much less beautiful the other people around us are. Dan Ariely has some great examples of this in his book Predictably Irrational.

The good part starts 12 minutes in.

So all value is interpreted relative to similar experiences by each individual. How does that help us? That means every experience is valued compared to other, similar, experiences.

So?

Well if people experience negative values much stronger than positive ones, we need to focus harder on making our apps perform at least as well as other apps the users are using instead of trying to one-up our competitors. This will make out UX more positive than focusing on making the positive experiences better. Most Human Computer Interaction studies are actually based on this. They’re often studies to define how consistency works. And consistency is exactly what I’m talking about here. But not internal consistency, while that to is extremely important, but experience consistance for the user. No matter what that use might look like, spanning over machines, apps, platforms and use cases.

Summing up

A principle of quality, a rule of thumb that works for all products and services, is not making something really well. It’s minimizing the negative impact of shortcomings.

So how do we use this principle?

  • Don’t show the user experiences that aren’t finished. Release early release often as much as you want, but don’t release half baked.
  • Polish one feature instead of making two features.
  • Make sure other apps aren’t making your experience feel broken by creating an experience gap that will feel negative for example the pull-down-to-refresh UI of iPhone apps.
  • Look at the platform. Look at the most popular uses. Look at the environment it will be used in. Then try to be consistent.
  • Make your marketing consistant with your experience, or you might end up making your product feel worse than it is

The perfect example of not understanding quality is the Nokia N97, enjoy!

Another great example of achieving quality, not by adding features, but by managing your negatives is the iPhone and iPad operating system. Just compare these transition effects from iOS to the Android counter parts:


Tagged ,

Quora – win or fail? A User Experience study

I recently was asked to check out Quora again. This time from a UX standpoint. I found a lot of strange design decisions and an almost crazy implementation of “Gamification” so I thought I had to share it:

Quora logo

First Impression

What does this do? Quora is a mess of questions. That’s a good thing. But it’s also a mess of features. There is no real overview to how the service is supposed to be used nor how the features fit together to create a whole. It feel like a mess of somewhat related features that have been randomly added to a wiki.

User feedback loops

All services and products intended to be used more than once work because their is a loop in user interaction. After we’ve done what we came for we’re back at the start and can do it again.

Feedback loops is a way to look at how feedback is introduced in the loop to keep users going forward and using the product. Quora does this really strangely.

There are two ways to understand what happens in a loop, one is to look at emotional impact or internal steps in the process from the point of view of the user. This is called the intrinsic loop. The other is to look at the service’s constructed steps from the point of the user. This is called the extrinsic loop.

Intrinsic

The value in looking at both of these is to see where they meet and reinforce each other. So how does the intrinsic loop look?

answer questions -> gain social proof in form of replies, votes and followers -> answer ranks higher on lists of answers -> return

This loop works well. Interacting with the site gives you a sense of communicating with other users. Though notifications are bad and it’s hard to really understand what is happening, there is a definite sense of activity spawned from other users interacting with your content.

Extrinsic

So how does the extrinsic feedback loop look?

Add information (unidentified) -> earn points -> use points to request answers -> no return

Basically it adds points but not to obvious steps in the loop. In fact, Quora only seems to add points for adding information. But Quora doesn’t tell us why, how much or for what we earn these points.

This is an extrinsic loop set up to give users rewards for interacting that doesn’t reward user for interacting. What went wrong here? Quora is giving out points for interacting with Quora, but not with other users.

The problem is humans don’t think of services as independent entities and don’t expect to interact with services, humans expect to interact through services. Another problem is that these rewards aren’t reinforcing the intrinsic loop but instead starts rewarding an entirely different behavior. And last but not least, there is no clear end or way to start again from when you receive rewards. Rewards are doled out in the middle of the intrinsic feedback loop.

Gamification or What Bumblebees feel about Bicycles

Points. Just add points and it’s a game. Just add points and the weird statistical exercise has miraculously turned into “fun”! Right? No. That’s not how it works, you can read all about how to add the fun here. But Quora doesn’t care about that, you get points for adding content but aren’t told when or how much. There doesn’t seem to be a differentiation between how you add content, you simply receive an arbitrary amount of points.

There’s only one way to use points. You can pay others to answer questions. That’s it. You can’t even compare your points to another users.

Quora app icon

Summing up

Quora is awesome. What makes it awesome is the high level of interest from other users. The problem is, Quora does little of anything to enhance this. More often it gets in the way.

The service quickly became famous for supplying answers from high level CEOs and business savvy high performers. Sadly though, it took me hours to find any such answer. It took me hours just to find some interesting questions.

The random points thrown in just increases perception of randomness. Quora is a great idea, close to a good product. Over designed and under thought. It’s confusing as hell and weird to use. But if you’re lucky you can at least get some answers. Just don’t expect the question to be the same one you had in mind from the start…

Tagged , , , , , ,

Nokia N9 slogan – Just Swipe, dumbass!

Nokia N9 marketing

All screen
No home button
Just swipe
Nokia N9
No way to know how to use it without reading a manual or being taught how
Just swipe, DUMBASS!

Nokia must really love being different. Or at least love patenting interaction models, so they can differentiate from iPhone.

To bad different isn’t the same as good.

Tagged , , ,

Twitter is the Twitter-killer

Twitter, the micro blogging service, has taken the world by storm. While there are only a few hundred million users compared to Facebook’s massive near Billion, the service has become the place to share real time updates and is often used to gauge peoples reactions by news and analytic firms because the platform is open.

But Twitter is about to face it’s doom
While Google struggle to reproduce the viral effect of micro blogging services Facebook’s grab for the real time feed was hampered by the need to privacy. Twitter has already gained wide acceptance and was never intended for private information in the first place. But a series of ominous events are slowly hollowing out the foundations of Twitter.

Twitter is being killed by…
Twitter has never been the most stable of tech startups. The service used to be plagued by downtime which became so frequent the Fail Whale error page became as famous as the service. The company itself is also changing management again, and again. Not a great trend this early in a one product company. The lack of leadership is clear to see.

Twitter UX
Twitter (the company) is constantly changing and evolving it’s product. Which is a great way to organically fit the needs of their users. But Twitter (the company) is doing this in a somewhat odd way. It started when Retweeting (passing on another users tweet as a sign of encouragement while marking it with their name and RT) was made a part of the product, after it’s wide adoption by users, Twitter (the company) decided to implement it differently than the usual Retweets. This lead to better statistics, but also a fractured UX as apps now had to implement both ways to RT because users didn’t like the new one. Eventually Twitter (the company) incorporated the old style Retweets but called the function Quote Tweet instead. And the problems were just getting started.

Twitter app insanity
Twitter apps were almost a category on their own in the beginning of the Appstore. Twitter has become so important to mobile phone manufacturers they always showcase a twitter app with their new flagship phones. But Twitter wanted to control the experience, like Apple. Maybe a good idea. But really bad execution. They bought Atebits, the developers behind the most popular Twitter apps for iOS and Mac. Have you ever pulled down a list to refresh? Atebits invented that. So why was this a problem? Sounds great, right?

Tweetie and Twitter

Totally worth a years work right? Not just detail changes at all. Nope.

After being purchased by Twitter (the company), the newly renamed Twitter for Mac and Twitter for iPhone started being updated less frequently… Let me make that clear, having the developer of the apps work closer with the Twitter development team made them update the apps less often.

Then shit really hit the fan. Twitter (the company) redesigned all their interfaces to be similar across platforms. Starting with a roll out on iPad, then web then the rest, Twitter (the company) streamlined their interface development.. in theory.
What really happened? The interfaces now looked the same, but they didn’t work the same. In fact, certain features only exist on certain platforms even though the interfaces look the same. Which makes it really hard as a user to remember what you can do where.

Later on the developers behind Atebits have left Twitter (the company), possibly in raging despair. And Twitter (the service) is fracturing into a mess. Not just between interfaces but functions as well. For example with the roll out of the activity tab you can follow some of the things people are doing through Twitter, following, unfollowing, making lists and so on. These features, which btw totally contradict the extreme simplicity of the core product, are weirdly integrated into the web interface as the afterthought they are. And it’s only available on the web.

Summery
Twitter (the company) is destroying Twitter (the services) with some sort of odd design-by-committee culture.  No matter if you like or dislike these new features, the case is clear that teams behind Twitter (the service) definitely aren’t working towards the same goal.

This is sad. Because I love Twitter (the service). And I don’t like that it’s being killed by Twitter (the company). Please RT this if you agree.

Update:

Apparently the sentiment is echoed by people leaving Twitter (the company).

Tagged , , , , ,

The Verge video and Lenovo Ultrabook

The Verge does amazing video reviews. Short, snappy, all the info, great shots and great narration.

Lenovo has really made a beautiful notebook with the u300. I have no idea why no one else has tried the book design but it looks great!

The video is after the jump.

Tagged , , , , , ,

What to use the iPad for

When the iPad was announced a lot of people wondered what it was for. Why carry a giant iPod touch with you instead of a small laptop? When Apple later unveiled the updated MacBook Air a lot of people asked the same thing. But the iPad is still flying off the shelves and people love the machine.

But if you’re still wondering why the iPad is good I did some snooping. Actually I’ve asked non-leading, weird, questions to every iPad user near me for close to two years just to understand the behavior. And I think I’ve solved it.

Why the iPad feels wrong for real work
Some people will tell you the iPad does multitasking and that it works great. That’s just not true. It does uni-tasking and great app switching.

The difference is it really forces you to focus on one thing at a time. I have no problem switching between apps to get stuff I need to send or reply to that email with facts from simplenote etc. But you can’t have all that on the screen at the same time like you are used to.

This makes people believe it’s hard to use for work. Simply because they have to relearn their entire workflow. The desktop experience simply doesn’t translate to the tablet and it makes people feel less efficient.

using iPad for work

Why the iPad is awesomee
The iPad actually makes you more effective. Not efficient. You won’t be doing things at the same speed as you do on a desktop, and that might frustrate you. But it’ll also force you to think about what is most important. Usually, in both my experience and my sneaky interviews, making the end result better.

The iPad really does almost everything a desktop computer does. So far I’ve found two things it doesn’t do as well as a desktop:

  • Create graphics, the iPad simply cannot compete with Adobe Photoshop and a mouse.
  • Formatting text. Yes I’m serious. You can do it. But it takes forever.

The second thing the iPad doesn’t to really do highlights the efficiency vs effectiveness problem. It doesn’t format text well. But is that really what you should be doing? Yes a well formated document looks a lot more professional than a poorly formatted one. But the content is really the important thing, right? And seriously, you could’ve made a template for those visual documents years ago.

Don’t worry though, there’s probably an app for that.

 

The ending was intended as sarcasm and not rampant fanboyism. Though I probably am a rampant fanboy of Apple’s take on design.

Tagged , , , ,

A new iOS notification design

Something I don’t get about most current design is that designers adding features always add layers of complexity.

Never add things unnecessarily.

This is my design for a new Notification system. The notification counter on top will ping in color and sound/vibration when new notifications drop in. The user can set which service does what in settings.

The entire notification list is under the spotlight window. If you use spotlight, it’ll disappear until you remove your search.

 

UPDATE:

iOS5 has been unveiled and while I’m not shocked to find I wasn’t spot on, I am a bit shocked by their adding another menu just for notifications. If you have no idea what I’m talking about check em out here.

Tagged , , ,

New iOS notification system

Notifications on the iPhone and the iPad are broken. They distract us and get us away from our work flow or Angry Birds and if you, like me, get a lot of them they stack most annoyingly.

Push notification on an iPhone

So why haven’t Apple already solved this?
We can’t know that for sure, secretive as Apple is. But I’ll bet it has something to do with the new iteration of OS X.

Lion
In Lion Apple is bringing iOS features back to the Mac. Specifically, for notifications, applications are now encouraged to be full screen. Full screen apps can’t use badges or jumping icons in the dock to notify users of what’s going on.

Lion has to redesign notifications.
And Lion has to make notifications work with full screen apps, exactly the same problem that Apple faces on the iPhone and iPad.

Unified notification system
I believe the new notification system will be the same, or very similar, across all Apple platforms. It just makes to much sense not to, all their devices need new notifications and they face the same constraints… Except input. iOS handles touch,  OS X has a mouse/keyboard. Both of them handle gestures however.

Universal Gestures?
In the new beta of iOS, 4.3, Apple has released a set of gestures to do multitasking making the feature a lot more powerful and easy to use.

[youtube wvxSSGUtTYA]

These gestures don’t translate all that well to the iPhone (five fingers on a 3″ screen?) but I dare say Apple can solve that.
But I also notice there’s one gesture missing: down.
Right and left swipes change app, swipe up to show active apps, why not swipe down to show a notification app/menu?

Notification app/menu/dock
Gathers all notifications, only needs to make a sound or visual cue for new notifications and users can come back to it at will.
It would work on all Apple devices and could be accessed by gesture or from the icon.

Sounds pretty Apple-y to me. What are your thoughts?

Tagged , , , , , , ,