How designers can use their skills to get a seat at the strategy table

Luke Wroblewski, 2006, Defining the Problem: Q&A with Jamie Hoover (emphasis mine):

Q: From my experience, defining problems has been a doorway for designers into the world of product and corporate strategy. Have you experienced similar results

A: By having success at bringing an awareness and clear description of actual problems to others through visual narrative, I became viewed as able to analyze what was really the problem and communicate it. Communicators are who get invited back to the table when its time to shape direction. I think this worked for me because I was invited to be a part of many crucial projects at eBay after this point.

Good design goes hand in hand with good communication. Whether it’s fine art or interface design, a design artifact is always trying communicate something visually. The Luke Wroblewski‘s interview with Jamie Hoover presents a real example of how designers can use their visual communication & storytellings skills to make them valuable at the business table, where they get to influence strategy & direction, rather than be confined to a production role and just “making things pretty.”

Design for communication within a company

Luke Wrobleswski, 2005, Design is communication. Use it as such:

However, as designers and design organizations move up the design maturity continuum (outlined by Jess McMullin) from pure stylists to problem solvers and framers, they’ll have to increasingly apply their skills toward communicating strategic direction to high-level stakeholders. At which point, understanding how to effectively communicate with design artifacts is a very useful skill.

Luke Wrobleswski makes excellent points for how designers can communicate vision, provide context, and illuminate internally. Read the full post here.

Luke Wroblowski on the unique perspective designers can bring to business strategy

Luke Wroblewski, 2006, Defining the Problem:

how can design become part of the strategic process? As outlined above, my response is “by helping to define (or redefine) the problem your business needs to address.” Because they research and dissect user needs, designers are in a unique position to define a problem through the eyes of customers. Because they think and act holistically, designers are able to articulate relationships within a market, across product ecosystems, and between customer needs and business goals. Because they can communicate visually and with narrative, designers are able to effectively articulate these definitions to product teams and stakeholders.

If you’re a designer and you follow Jonathan Courtney (you really should), then you know that he’s been hammering the point that designer can no longer exclusively concern themselves the user while neglecting the big picture of the business and how it works, lest they be relegated to a production role. Luke Wroblewski was making a similar point above back in 2006. What I found further interesting is his articulation of how designers can bring a perspective to the table when discussing strategy that is unique to them and their relationship to the customer across product ecosystems and with relation to business goals.

The simple fix to the iOS media control buttons in control

Ever since Apple introduced Control Center iOS 7, they’ve pretty much updated it with each OS release. While iOS 8/9 had minor updates, iOS 10 was a major one which moved to using different cards for system, playback, and HomeKit controls. Then in iOS 11, they gave it another overhaul which moved everything back to one card, sort of. You had to long press/3D touch some controls to get all the options you had in iOS 10. But I was happy to see them move back to the one card metaphor because I hated swiping around to pause my audio in iOS 10.

Source: MacStories

Source: MacStories

But while the iOS 11 Control Center was definitely an improvement, I’d hoped that iOS 12 would fix my major annoyance with it: media playback controls. Alas, it’s not going to, based on the iOS 12 preview Apple showed in WWDC ’18. The problem with the media controls in iOS 11/12 is that they’re too small and too close to each other. Combined together those two factors make it very easy to tap the wrong button. When you’re listening to music, it’s annoying to accidentally tap next when you meant to pause because someone is talking to you. And it’s doubly annoying when you accidentally fast forward 60 seconds in a podcast/audiobook and have to rewind back to where you were when all you wanted to do was pause! The nightmare scenario is when I’m jogging and trying to hit one of those damned buttons. I either have to twist my thumb to try and touch as little of the screen as possible or I have to 3D touch the play controls to some reasonably spaced controls. Both solutions suck.

For some inscrutable reason, Apple decided to jam the previous/play/next buttons with only 3mm between each button and the next, with the buttons themselves not exceeding 4mm in width. The problem is that most people use their thumbs for most their interactions with their phone, and a thumb’s contact surface area with a screen can easily take up 7–10mm.

Source: Luke Wroblewski - Conversions@Google 2018

Source: Luke Wroblewski – [email protected] 2018

As you can see in the chart above, touch targets under 5mm cause an exponential increase in tapping error rates. What drives me nuts about this is this isn’t a hard problem to solve: make the buttons bigger and space them apart! It’s really that simple. Apple had it mostly right in iOS 7 through 9, and even 10 if you ignore the annoyance of having to swipe to the Now Playing card. I get that they have reasons for the new designs but that doesn’t mean they have to make it work worse than previous versions. They can still easily fix the current design by moving the buttons around a bit:

Left: iOS 11/12 - Right: Concept Solution 1

Left: iOS 11/12 – Right: Concept Solution 1

Does that look as nice & symmetrical as the current design? Maybe not. But would it work better? Heck yes! No way in that design could you accidentally tap the wrong button unless you had very shaky hands. Apple is known for caring about accessibility but the current incarnation of their playback controls is not an instance of such care.

Don’t like it? Alright, we can do better. Who said we need a square anyway? Why not a rectangle:

Left: iOS 11/12 - Right: Concept Solution 2

Left: iOS 11/12 – Right: Concept Solution 2

There, nice and symmetrical. Again, problem solved. Down sides over current design: none (that I can think of). Take a look at all 3 designs and tell me you still think the current design is better, I dare you:

Left: iOS 11/12 - Middle: Concept 1 - Right: Concept 2

Left: iOS 11/12 – Middle: Concept 1 – Right: Concept 2

What do you think? I’m curious to know if you have a better design in mind or if you can think of good reasons to justify the current design over my proposed solutions. I’d love to hear from you.

Have you ever experienced similar pains as I have with media controls in iOS 11? If so, please share this post around so that maybe Apple would notice and fix it. Thank you!

Designing a better Deutsche Bahn app (Part 1)

[et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”3.0.47″ custom_padding=”0|0|48px|0px|false|false”][et_pb_row make_fullwidth=”on” custom_padding=”0|0||0px|false|false” custom_margin=”|0px||0px” padding_right_1=”0px” padding_left_1=”0px” admin_label=”row” _builder_version=”3.5.1″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ padding_left=”0px” padding_right=”0px” parallax=”off” parallax_method=”on”][et_pb_text admin_label=”Text” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”]

We all use multiple apps everyday. Most of them are fine, in that they do the job. Although a lot of the most popular apps lack refinement. I totally understand prioritizing shipping over perfecting the UI, but it seems a lot of apps don’t put in much work into the interface after shipping the first version of their app.

With frequently used apps, even small annoyances become grating over time. Imagine having the light switch in your bedroom be just a little out of reach so that you have to stretch a bit every time you want to turn it on when you walk in. Imagine having to do that every day. It’s a small thing, but it’ll get on your nerves.

Since I live in Germany and I don’t have a car, I rely on public transport to get around. That means I use the DB Navigator app frequently. And it’s fine for the most part, but I don’t love it. For an app that I use so frequently, I really wish it had more polish. I believe in giving your customers a feeling of joy when they use your product. DB Navigator is neither a joy to use nor to look at. Here are the problems I have with the main screen, aka Trip Planner:

Current Trip Planner in DB Navigator

So I took it upon myself to try and come up with a better design that addresses my complaints:

Reimagined Trip Planner (Concept)

Here are the two designs side-by-side for easy comparison:

Beyond the visual design, small interaction details and animations can make the app more fluid and natural to use, for example:

Dismissing Card Animation

That said, animations can be overused. Having too many animations can add visual clutter and make it slower to navigate an interface if you have to wait for each little animation to play. I believe in subtle, quick animations that serve a contextual purpose or add a flourish that might make the user smile.

For example, the current DB Navigator app uses a fullscreen view to select the date which takes the user to a different context and also takes time since it’s animating the whole screen:

DB Navigator Date Picker

Whereas a more contextual date picker could be faster, while the animation would serve to give the user a sense of where that date picker came from:

Concept Date Picker

Feel free to grab the Sketch & Principle files I made for this redesign.


Austin Kleon on daily blogging

I had forgotten how wonderful blogging is as a mode of thinking. Blogging is, for me, more about discovering what I have to say, and tweeting more about having a thought, then saying it the right way.

Once I started daily blogging, not only did I have more to link to, it’s actually better stuff

Daily, just consistent, blogging is something I’ve been wanting to achieve for so long, but building new habits is hard.

Ever since I came across the “writing is thinking” mentality, I’ve been a strong believer in it. Writing forces you to put thoughts to words, and when you try to do so, you’re forced to think something through. Sometimes you discover that your thought didn’t make sense, other times you flesh it out more and develop it further.

If you’ve toyed with the idea of blogging but haven’t jumped in yet, or if you’ve never considered it before, I recommend you read Austin Kleon’s full post. It’ll only take you a couple minutes to read and you’ll be happy you read it. Trust me.

4 mistakes to avoid in your next Design Sprint

Quick lessons from my first Design Sprint. #designsprint

A post shared by Amr Khalifeh ★ (@amrkhalifeh) on

Look Here

One Day You’ll Be Dreaming Of Something You Have Now:

Work toward your goals and your dreams, but remember that one day you’ll be dreaming of something you have now. It may be your youth, or your health, or a lost loved one, etc. We will lose things along the way.

A good reminder to snap out of being so obsessed with the chasing the future that we don’t enjoy the things that will not be with us in that supposed happy future.

The Book of Life: On Resilience

I came across this gem from the wonderful Book of Life at a particularly apt period in my life:

We imagine that we could not live without a certain kind of income or status or health; that it would be a disaster not to have a certain kind of relationship, house or job. This natural tendency of the mind is constantly stoked by life in commercial society, which adds to our sense of the number of things that should be considered Necessities rather than Luxuries.

Read the full article here.

Thoughts on peace of mind vs. desire for progress

Amr Khalifeh - Post Image

I’m a big proponent of always trying to know myself better. For example, studying the things that upset me and knowing why they affect me in such a way, finding out about my weaknesses, and so on. If you’ve ever tried to learn about how your mind works, how to be mindful and in control of it, you’ve likely come across this piece of wisdom in some form or another: desire is the source of misery.

If you give it some thought, you find that it makes sense. In most cases, if not all, we’re upset because there’s something we want that we don’t have: money, love, success, free time, etc. My mistake was in making & adopting the following conclusion: if desire equals misery, I should strive to limit my desires as much as possible. But of course, that’s easier said than done.

But why was that the wrong conclusion to make? Well, recently, I made the mistake of wanting something too much, and I failed to get it. I had made it such an important part & goal of my life that when I failed to get it, it impacted me tremendously. I was in so much pain and it felt like a big part of me had collapsed. Only then did I realize that I hadn’t been applying the lesson of limiting my desires. So I tried to reapply it. But since I had been burned by my recent desire, I ran as fast as I could to the other extreme of no desires at all!

That turned into a kind of depression. I lost all motivation to do anything. Like, what’s the point? If it’s best to not want anything, then I don’t really care about making progress on anything. Yes, that sounds silly, I know. But I was still rebounding from the initial impact of my failure. Shortly after, my senses started coming back to me. I remembered that living without wanting anything is just not realistic. Life without progress, no change, would quickly drain the will to live out of its owner. We all want progress on something: career, relationships, mindfulness, spirituality, etc.

So how do you reconcile these two things: not becoming miserable by your desires but also be motivated enough to make progress towards things you desire? The answer in retrospect is obvious: like most things in life, it’s a balance. But how do you get that balance right in your mind? Different people do achieve it in different ways. Personally, I’m a man of faith. I believe that if I work hard & work mindfully, Allah will take care of the rest. Half work, half faith. My faith helps me keep my peace of mind while also pursuing progress on things I want, and without becoming enslaved by my wants & desires. Now since I’m not perfect (gasp!), I lost sight of that and had to relearn it. But hope I’m getting back on the right track.

All the best,