So, as a product designer, you’ve got to take these realities into account. And your customers won’t always use your product the way in which you intended. The reality is that the world in which we live isn’t perfect, and things go wrong. When's the last time you created a screen that had only one state? Even if you're creating weather apps (cue Dribbble joke), one state won't cut it. That's because following the rules of the UI Stack and the five states helps you create a cohesive interface that’s forgiving, helpful, and human.īe honest with yourself. And you should consider these states for every screen you make. The UI StackĮvery screen you interact with in a digital product has multiple personalities.ĭepending on the context, these personalities are revealed to your customer. That means that somewhere along the line, some rules have been broken. When something falls, you can see it bounce.Īwkward UI is when a product designer doesn't take these things into account. When something travels, you can see it move. We think in flows, and we're used to the physical world. Or, better yet, they'd just talk with you in binary.īut we don't speak binary. In a computer's ideal world, all they'd have to do is throw obscure error codes and scary-sounding alerts when something unexpected happens. They don't care about helping people understand what's new, what to do next, or how to react when something goes wrong. After clicking "play" on the Apple remote, I see a nice indicator that Back to the Future is getting ready to play.Ĭreating interfaces that are easily understood by humans puts us product designers right up against the sad fact that computers are lazy. Then, after my heart stops racing, the movies I own suddenly and unceremoniously pop into place.Ĭontrast this with playing a movie. Where are my movies? Are they lost? Deleted? Hijacked? In the span of seconds, scary questions race through my head. Why am I scared? I don't see any loading indicator. Whenever I pull up my Purchased movies, I see this screen:įor a second, I get scared. (In fact, I have the latest episode of Star Wars: Rebels playing in the background as I write this). Still not clear about what Awkward UI is? Here's a simple real world example: I use Apple TV. It's a linear snap into place when introducing a new piece of data. It's a graph that looks weird with only a few data points. Bonus points for doing so with a scary error message. It's forgetting to tell your customer where something went wrong. If that's the case, you've probably experienced a case of Awkward UI.Īwkward UI is a missing loading indicator. Have you ever experienced a user interface that feels lifeless? Have you created a UI that just seems to be missing. who were interviewed about how they work. Learn more about the book and the 20+ product designers from Facebook, Twitter, Slack, etc. Does include links to apps by Dan Russell-Pinson in the Google Play Appstore.Hey! This is an excerpt from my book Designing Products People Love, which was published by O'Reilly in January 2016. Does not use 3rd party analytics / data collection tools. Does not contain integration with social networks. Try it now and enjoy four games for the price of one! Stack the States® 2 is an educational app for all ages that's actually FUN to play. Plus, all the great features that you loved from the original Stack the States®: 10 different 3D scenes depicting various locations in the US Brand new interactive map featuring major cities and a 3D elevation view of each state New voice mode that helps non-readers play independently New bonus games: Connect 2 and Capital Tap Try to collect all 50! As you earn more states, you begin to unlock the free bonus games: Map It, Connect 2 and Capital Tap. All of your states appear on your own personalized map of the United States. You earn a new state for every successfully completed level. Carefully build a stack of states that reaches the checkered line to win each level. Stack the States® is back and better than ever with new question types, new bonus games, voice mode, 3D graphics and a detailed interactive map!Īs you learn state capitals, cities, shapes, landmarks, flags and more, you can actually touch, move and drop the animated states anywhere on the screen. Watch the states come to life as you learn US geography!
0 Comments
Leave a Reply. |