Apr 10, 2016

Bringing Back Depth in Design by Jasper Cheng

Design Has Gone Too Far for Simplicity and We Need to Fix It.

The design revolution, sparked by a decade of complicated and labyrinth-like UIs, has resulted in our current worship of minimalism. But now we’ve gone too far. Instead of “make things simpler,” we’ve moved onto “make simple things.” In our pursuit of design simplicity, we’ve lost sight of the larger picture.
We prefer fewer but more powerful choices. We prefer likes instead of comments. We prefer minimalism over a library of actions.
As a consequence, our applications now lack depth. Depth, which is different from but often confused with complexity, is a design element that we desperately need. Depth is what lets a professional artist create a beautiful flyer with the same Microsoft Office application that a second grader uses to create her first banner. Depth brings a sense of accomplishment, an increase in utility, and a very real feel of mastery. Users of deep products feel a sense of loyalty with the application, wherein the mastery of the product becomes a part of who they are and what they can do.

How then do we bring back depth into our designs without needless complexity? Is it even possible in the first place?

For that, we need look no further than in the fields of both education and gaming. One design philosophy that both game designers and teachers have is the concept of flow channels. In the gaming industry specifically, game designers know this as the graph that indicates the stage of difficulty versus the amount of experience the user has accrued. Too hard and players give up. Too easy and they tune out due to boredom.
Photo Credits to “The Art of Game Design” book by Jesse Schell
Likewise, no experienced high school teacher would start the school year with how to manipulate imaginary numbers: that would be too difficult and risk tuning students out with frustration. Yet they also can’t make the course too easy with simple arithmetic because that would just bore students instead. In the end, instructors and game designers want the material to start easy but get progressively harder in a constant and manageable pace. A successful curriculum, like a good game, would see the chart rendered into a wave function:
Photo Credits to “The Art of Game Design” book by Jesse Schell
Games and teachers have known about this design philosophy for decades due to their product’s necessity in maintaining audience interest, but this concept is critical for every single product: technical or not. It is easy to see how this applies to products with complicated UIs or complex professional functions. In fact, that is what sparked our century’s interest in design in the first place. But the lower end of the spectrum has been neglected and UX designers have taken things to the extreme. Instead of adopting a progressive difficulty curve and lowering the graph intercept, they’ve gone to the mindset of “simplify everything” with an endless horizontal line.

Complexity is not bad.

As long as it’s introduced subtly and in a gradual manner, it stands as a natural byproduct of knowledge and usage. Complexity when done right means more variety, more impact, and more depth. For a product, this means a greater value proposition and larger usability. For a user, this means a more powerful product.
The difficulty in accomplishing this is that it requires designers to create an artificial and progressive workflow process. By pushing users through a voluntary funnel, designers can naturally lead more curious users into exploring more creative uses by giving them the tools to do so. The process itself should naturally introduce features one by one, with each additional introduction bestowing the user new skills and abilities.
This is why designers need to rethink how they perceive their users. In addition to characterizing user personas as a niche with its specific demographic wants and needs, an additional consideration should be made for how that demographic learns.
This tip is one of the only ways to max one of the game stats in play. It deserves a little more real estate than a loading screen. Photo Credits to DocPop.org
Currently, presenting tidbits and trivia is the most common method of products attempting to do this. Unfortunately, most of the time these efforts are either ignored by the user because they’re served on loading screens, or are reduced to bare factual details that grant no value. The loading screen is too short a process for introducing deep functionality. Even with the best attention-grabbing graphics, loading screen real estate is at most suited for event awareness or the simplest of game facts.
At this point, some of you might scratch your heads. The act of designing a funneling process seems incredibly difficult. If even such a popular game as Fallout Shelter cannot perfect it (though the rest of its channel flow is pretty well done), maybe it’s not the worth the trouble to consider: especially when the investment in design seems so mammoth and the goal so hard to measure even if done right. If my product is neither recreational nor educational, perhaps I can afford to proceed without this thinking… right?
Wrong.

Every Product is By Nature Educational

From the mere fact that every product must be used for the first time, each and every single product has to possess a way for the users to learn how to handle it. This by nature means that all products must be able to teach their users. For centuries, we achieved this through manuals. Even now, many things that we use still come with one: whether it be virtual or physical.
And that should not come as a surprise. Designers already know this and incorporate this into the UX through elements that build user discovery: constraints, signifiers, and other mechanisms like forcing functions. These are all great tools for what I think is the ultimate goal of depth and designing a channel flow: affordance discovery. At it’s simplest, affordance discovery is designing for users to find out how they can get new uses out of existing or new features. In context with a channel flow funnel, affordance discovery is the mechanism to subtly present new cases and usage to the user.

Clean Master

One great and simple example I found lie in the smartphone application Clean Master. Advertised specifically as a way to free up smartphone RAM, the application begins with a very simple UI that displays a headboard with some basic commands.
The ordinal procedure of the application goes from Left to Right. Application pictures courtesy of Clean Master.
Due to its marketing and name however, the user naturally just wants to use the application to remove the junk files. Easily enough, simple discovery and signifiers allow the user to find this functionality through the representation of the trashcan. A simple clicks brings us to the next step, in where the application provides appropriate feedback to the user but simplifies the necessary input to a very simple and direct “Clean Junk” call-to-action at the bottom.
Where affordance discovery and the user design funnel begins is in the 3rd and last photo, where the user has already accomplished his main goal. At this stage, the user has already completed his desired action: but instead of returning to the initial starting page, he is led to one that displays some of the other functionalities of the application.
These additional functionalities are in-line with exactly the type of services that the user persona would find of interest. By displaying it after the application has already fulfilled the user’s initial goal, the presentation of the material in no way obstructs from the original purpose. Single-goal users will at this point end the application, satisfied that they’ve accomplished their desire. But those more curious will voluntarily continue and be led to discovering the application’s additional functionalities.
That is the goal of a channel flow funnel. It allows users with flat needs to complete their objective with no impedance, but also voluntarily gives those curious and wiling to learn additional functionality in a nonintrusive way. With each product being unique to itself however, the best methods of affordance discovery and their flow funnel will differ. In those times of design formation, ask the same questions as would a teacher or game designer: “How can I get them interested in the next step?”
Stay Smart, Stay Greedy.
Go to the profile of Jasper Cheng

Jasper Cheng

Geek. Carnivore. Startup Hustler. Growth Hacker. Interested in IoT, VR, AR, impactful play and gamification. Find out more at jtc.io

No comments :

Labels

Giveaway ( 3088 ) Excerpt ( 1336 ) blog tour ( 942 ) Book Blitz ( 864 ) Cover Reveal ( 543 ) Guest post ( 518 ) Teaser ( 347 ) Book blast ( 283 ) Interview ( 260 ) Culture ( 245 ) Books ( 242 ) Trailer ( 228 ) freebie ( 227 ) Art ( 226 ) Funny ( 225 ) History ( 219 ) Promotion ( 207 ) Science ( 202 ) Articles ( 181 ) free kindle ( 145 ) Literature ( 142 ) Release Day ( 131 ) Review ( 120 ) Photography ( 115 ) nature ( 113 ) kindle ( 112 ) Gender ( 105 ) Book tour ( 90 ) Authors ( 89 ) myth ( 77 ) new release ( 77 ) Coffee ( 76 ) newsletter ( 71 ) Children ( 70 ) Music ( 66 ) box set ( 60 ) Archaeological ( 59 ) illustration ( 56 ) food ( 50 ) spotlight ( 50 ) PLAYLIST ( 49 ) social ( 48 ) 0.99 sale ( 46 ) YA ( 45 ) contest ( 43 ) fantasy ( 43 ) Mythology ( 42 ) Grand Finale ( 41 ) sale ( 39 ) blog hop ( 37 ) words ( 37 ) Poetry ( 35 ) artist ( 34 ) Characters interviews ( 32 ) Game ( 32 ) syfy ( 32 ) language ( 30 ) quotes ( 30 ) recipe ( 30 ) Release Party ( 29 ) Expert ( 27 ) ads ( 21 ) mystery ( 21 ) Photos ( 20 ) reading ( 20 ) Romance ( 19 ) Animals ( 18 ) Design ( 18 ) Education ( 18 ) Street Photography ( 18 ) book highlight ( 18 ) facts ( 18 ) comics ( 17 ) health ( 17 ) writing ( 17 ) Folklore ( 16 ) Holidays ( 16 ) Movies ( 16 ) poem ( 15 ) Biology ( 13 ) top 10 ( 13 ) Book release ( 12 ) Maps ( 12 ) covers ( 12 ) Book trailers ( 11 ) Cash Giveaway ( 11 ) Giveaways ( 11 ) Twitter Blast ( 11 ) Valentine ( 11 ) Friday revel ( 10 ) Libraries ( 10 ) Paranormal ( 10 ) Release blitz ( 10 ) agriculture ( 10 ) events ( 10 ) sport ( 10 ) Characters cast ( 9 ) Publishing ( 9 ) Sneak Peek ( 9 ) dream cast ( 9 ) work ( 9 ) BOOK SIGNING ( 8 ) Steam-punk ( 8 ) astronomy ( 8 ) interviews ( 8 ) plants ( 8 ) technology ( 8 ) Free Book ( 7 ) Halloween ( 7 ) NA ( 7 ) Thanks Giving ( 7 ) blog ( 7 ) blog blast ( 7 ) economy ( 7 ) letters ( 7 ) street art ( 7 ) Christmas ( 6 ) Contemporary Romance ( 6 ) Genetic ( 6 ) Goodreads giveaway ( 6 ) This and That ( 6 ) YA RELEASES ( 6 ) news ( 6 ) short story ( 6 ) writing tools ( 6 ) Amazon. ( 5 ) Audio ( 5 ) Philosophy ( 5 ) Spring ( 5 ) YA Fantasy ( 5 ) hosting ( 5 ) jobs ( 5 ) mother day ( 5 ) top 5 ( 5 ) Black Friday ( 4 ) BookRave ( 4 ) Fun Facts ( 4 ) Grammar ( 4 ) Song ( 4 ) Sunday Read Recommendation ( 4 ) Weather ( 4 ) Web ( 4 ) cakes ( 4 ) deals ( 4 ) evolution ( 4 ) gift card ( 4 ) horror ( 4 ) lol ( 4 ) photographer ( 4 ) soundtrack ( 4 ) studies ( 4 ) video ( 4 ) Architecture ( 3 ) Book Swapping ( 3 ) Book tor ( 3 ) Cartoon ( 3 ) Characters ( 3 ) Computing ( 3 ) Dance ( 3 ) Easter ( 3 ) Erotica ( 3 ) Indian ( 3 ) Kindle Fire HDx Giveaway ( 3 ) St. Patrick's day ( 3 ) Suspense ( 3 ) TV series ( 3 ) Thriller ( 3 ) Translation ( 3 ) bookstore ( 3 ) chapters ( 3 ) chemistry ( 3 ) contemporary ( 3 ) ecology ( 3 ) fall ( 3 ) film director ( 3 ) guest review ( 3 ) hope ( 3 ) icon ( 3 ) launch day ( 3 ) math ( 3 ) story ( 3 ) summer ( 3 ) syfi ( 3 ) urban ( 3 ) winter ( 3 ) 10 Fun Facts ( 2 ) 10 things ( 2 ) 4th of july ( 2 ) Adventure ( 2 ) Audiobook ( 2 ) Awards ( 2 ) Blogger Appreciation ( 2 ) Book reveling ( 2 ) Bookstores ( 2 ) Characters bio ( 2 ) Clean Sweep ( 2 ) Cover wars ( 2 ) Crime ( 2 ) Debut Author Challenge ( 2 ) Dystopian ( 2 ) Family ( 2 ) Free Shipping ( 2 ) Fun ( 2 ) Gifts ( 2 ) Graphs. STAT ( 2 ) Hop International ( 2 ) Introduction ( 2 ) Literature awards ( 2 ) Nostalgic ( 2 ) Ocean ( 2 ) Psychological ( 2 ) Psychological Thriller ( 2 ) Reading Contest ( 2 ) Release week ( 2 ) Selfies ( 2 ) Summer Reading ( 2 ) Summery of the year ( 2 ) Tablets ( 2 ) Tea ( 2 ) Titles ( 2 ) add ( 2 ) art Articles ( 2 ) birds ( 2 ) book bash ( 2 ) book contest ( 2 ) bread ( 2 ) cell & molecular biology ( 2 ) children’s literature ( 2 ) climate change ( 2 ) codes ( 2 ) discussion ( 2 ) dragons ( 2 ) ebooks ( 2 ) epic ( 2 ) extreme ( 2 ) facebook ( 2 ) facebook Blast ( 2 ) games & gadgets. test ( 2 ) ilustration ( 2 ) immunology ( 2 ) incredible ( 2 ) internet ( 2 ) labels ( 2 ) lists ( 2 ) lunch blitz ( 2 ) martial ( 2 ) min-interview ( 2 ) monsters ( 2 ) physics ( 2 ) poets ( 2 ) sea ( 2 ) tips ( 2 ) tv ( 2 ) water ( 2 ) wolf ( 2 ) 5 Fun Facts ( 1 ) 5 Rapid Fire Round ( 1 ) A vote ( 1 ) Action ( 1 ) Adult ( 1 ) Adult Historical Fantasy ( 1 ) Adult fiction ( 1 ) African-American Lit ( 1 ) Amazing ( 1 ) Amazon ( 1 ) Amazon.Tech ( 1 ) Announcement ( 1 ) Apology ( 1 ) April ( 1 ) Atlit Yam ( 1 ) B-day ( 1 ) Badass heroes ( 1 ) Baking ( 1 ) Bibliophile ( 1 ) Black & White ( 1 ) Blogoversary ( 1 ) Book Hop ( 1 ) Bookfest ( 1 ) Booklikes ( 1 ) Bravery ( 1 ) Bundles ( 1 ) Catalog ( 1 ) Concepts ( 1 ) Critique ( 1 ) Cut Scene ( 1 ) DVD ( 1 ) Did you know ( 1 ) Discovery ( 1 ) Disney ( 1 ) Donation Campaign ( 1 ) Earth Day ( 1 ) Etymology ( 1 ) Extravaganza ( 1 ) FAQ ( 1 ) Falafel Day ( 1 ) Favorite Reads ( 1 ) Folklure ( 1 ) Gadgets ( 1 ) Garden ( 1 ) Geography ( 1 ) Greating ( 1 ) Happy New Year. greatings ( 1 ) Heroes ( 1 ) High-Rise Buildings ( 1 ) Highlights ( 1 ) Holocaust ( 1 ) Infographic ( 1 ) Inspiration ( 1 ) International ( 1 ) Japan ( 1 ) Jazz ( 1 ) Kindness ( 1 ) Linguists ( 1 ) Literary Fiction ( 1 ) Maleficent ( 1 ) Meet the author ( 1 ) Misconceptions ( 1 ) Multicultural ( 1 ) New Adult ( 1 ) New Adult fiction ( 1 ) New Series Releases ( 1 ) New Year ( 1 ) Offers ( 1 ) PRE-RELEASE ( 1 ) Parental ( 1 ) Passover ( 1 ) Personal message ( 1 ) Picture Revision ( 1 ) Piracy ( 1 ) Pirates ( 1 ) Preview ( 1 ) Print Design ( 1 ) Psychology ( 1 ) QA ( 1 ) Query Contest ( 1 ) Quet ( 1 ) Quiz ( 1 ) Quize ( 1 ) Random Facts ( 1 ) Rapid Fire Round ( 1 ) Recommends ( 1 ) References ( 1 ) Religion ( 1 ) Reveal ( 1 ) Rhymes ( 1 ) Romantic Suspense ( 1 ) Scavenger Hunt ( 1 ) Scots ( 1 ) Sleeping Beauty ( 1 ) Sparkiversary ( 1 ) Target ( 1 ) Tax day ( 1 ) Tour ( 1 ) Tour Highlight ( 1 ) Tourney ( 1 ) Trivia ( 1 ) Typography ( 1 ) Unbelievable ( 1 ) Urban Fantasy ( 1 ) Vintage ( 1 ) Virtual Book Tour ( 1 ) Visa ( 1 ) WWII ( 1 ) Waiting on Wednesday ( 1 ) Western Historical Romance ( 1 ) What I'm reading ( 1 ) Women ( 1 ) Women’s Fiction ( 1 ) Women’s Lit ( 1 ) YA nonfiction ( 1 ) academic ( 1 ) alternative medical ( 1 ) angry robot ( 1 ) anima ( 1 ) author blog ( 1 ) available ( 1 ) book hunt ( 1 ) book industry ( 1 ) book sketch ( 1 ) book swag ( 1 ) brain ( 1 ) calligraphy ( 1 ) ceremony ( 1 ) challenge ( 1 ) clips ( 1 ) clocks ( 1 ) confidence ( 1 ) convention ( 1 ) crazy ( 1 ) creative ( 1 ) cupping ( 1 ) daimonds ( 1 ) diet ( 1 ) digital copy ( 1 ) discount ( 1 ) drugs ( 1 ) east ( 1 ) editing ( 1 ) essays ( 1 ) fairy tales ( 1 ) fashion ( 1 ) fiction ( 1 ) fool day ( 1 ) genre ( 1 ) gift ( 1 ) global warming ( 1 ) gov ( 1 ) green ( 1 ) greeting ( 1 ) guns ( 1 ) harvest ( 1 ) help ( 1 ) ideas ( 1 ) indi ( 1 ) infectious disease ( 1 ) info ( 1 ) insects ( 1 ) intro for audio ( 1 ) introducing ( 1 ) labor day ( 1 ) lego ( 1 ) make up ( 1 ) manga ( 1 ) meaning ( 1 ) message ( 1 ) money ( 1 ) monthly ( 1 ) mystical ( 1 ) names ( 1 ) names.culture ( 1 ) new cover ( 1 ) note ( 1 ) olympic ( 1 ) organic ( 1 ) out takes ( 1 ) outage ( 1 ) packing ( 1 ) palentology ( 1 ) party ( 1 ) pepco ( 1 ) physiology ( 1 ) pk ( 1 ) protein ( 1 ) protein folding×¥ ( 1 ) protest ( 1 ) public transportation ( 1 ) pulp fiction ( 1 ) rare ( 1 ) recommendation ( 1 ) rescued ( 1 ) retail ( 1 ) reveal tour ( 1 ) revel party ( 1 ) shopping ( 1 ) solutions ( 1 ) songs tracks ( 1 ) support ( 1 ) surfing ( 1 ) survival ( 1 ) swords ( 1 ) tags ( 1 ) theater ( 1 ) title reveal ( 1 ) top 12 ( 1 ) trees ( 1 ) update ( 1 ) visual ( 1 ) winner of giveaway ( 1 ) wo ( 1 )