What can UI designers learn from a baby’s face?

In the presence of a cute baby, you would be hard-pressed not to smile even on your worst day. Have you ever wondered what it is about them that melts your heart; ever thought about possibly capturing this cute-factor in your user interfaces?

Cute baby

Spare a moment to really look at the picture of the baby above and then look at this guy:

Patrick Wilson

By now you must have felt the different ways your body responded to the two pictures, even though the two people may be total strangers to you.

So, what is it about the faces of babies that makes us smile, or gives us the yearning to interact with them? Ted White, my lecturer at the time who later became my mentor taught me a valuable lesson in one of his lectures when he said, “you can’t create a user experience, but you can create the situations that can enable the user experience you desire”.

Being a budding user experience designer, that statement shook my world- I had to learn more, I had to know how he came to that idea. Where that journey took me is an article for another day.

Today, Ted’s statement makes a lot of sense and I will share the few characteristics I presume prime total strangers to smile at the sight of babies they don’t know.

# Innocence is captivating

We find new people a little harder to trust, we remain cautious until we have ascertained that they will not hurt us. This kind of feeling is absent with children because we know they won’t hurt us.

Applying this to the interface:

–       Interfaces should take the blame for things going wrong and assure the user that it is safe to engage with them.

–       User interfaces should never seek more effort/information then what is reasonably comfortable for the user. Ever heard somebody say: “what do you want from me?” You’ll rarely hear that said in a pleasant tone.

# Small is cute

Being less harmful, babies are also small and thus appear more vulnerable and therefore people are somewhat drawn to protecting them. This draws you closer.

Applying this to the interface:

–       As little, yet as much as necessary. This is the mantra of minimalist designers. Minimalism can be understood as a design philosophy where the simplest and fewest elements and content are used to create the maximum desired effect. And so were babies created; as such our interfaces should have no obstacles between the user and the experience we are laying the foundations for.

# Babies’ guards are low

Babies are forever handing out olive branches; as long as you don’t present a threat to them- a baby will accept you and acknowledge you in kind.

Olive Branch

 

Applying this to the interface:

–       There is a never-ending debate in the usability circles/forums regarding “intuitive” interfaces, one side arguing that nothing is intuitive and the other camp surprisingly arguing that a nipple is the only intuitive interface and that everything else is learned thereafter. Being aware of this debate (regardless of your camp) is important because UI designers need to be aware of the learned things that users already know so that we could make use of interface metaphors to reduce the learning curve of the user interface, in effect lowering our guard.

# Strong emotions are contagious

Babies cry and yell in joy at the top of their lungs, they share all their emotions indiscriminately.

Applying this to the interface:

–       Be passionate about your message and remember that a great interface is selfless, does not draw attention to itself and is devoted to serving a specific purpose for the person using it.

–       Find the right tone of voice for your interface and stick with it. Among other contributing factors to choosing your tone, the most notable is determined by how you want to be remembered. It is about crafting the personality to go with the look.

What other things have you found in your world that light up your soul? Share them with me on Twitter @uxtshepo and we can draw more parallel UX discussions.

Make love, art and live free

Tshepo Lehutjo

 

UX lessons learnt from the film Spirited Away

The 2001 Japanese animation “Spirited Away”, has been one of my favourite films for quite some time.  The brainchild of the amazing  Hayao Miyazaki , from studio Ghibli, it is not only beautifully crafted animation, but the plot contains a lot of valuable life lessons. To summarize the storyline: 10-year old Chihiro becomes trapped in a forbidden world of gods and magic when her parents take her to investigate the other side of then tunnel. In order to survive, Chihiro must work and make herself useful, and find within herself the courage and resolve she needs to save her parents and escape from a world where humans are despised.

 Let’s start with the similarities between Chihiro as a character and my experiences as UX designer:

 

Fear of the unknown

Fear of the unknown - Spirited Away

Chihiro doesn’t want to move to a new town. She doesn’t want to explore the other side of the tunnel. She is a scared, weak child, clinging to her mother. Unbeknownst to Chihiro, she has inherent maturity and wisdom, which she only discovers once she is pulled out of her comfort zone and has to deal with the spirits as Sen.

Working in the digital realm, you find yourself constantly scared of what you are undertaking. Most projects involve new technology. How do you estimate? How can you know what problems may surface? Can’t you just do a similar project to the last one, where everything is predictable and you know what to expect?  Do you have to work with different devs, product owners, etc? The answer is, in short, yes. Origin Interactive has not done the same work twice. It’s what we pride ourselves on. It’s not nearly as scary as a spirit bath-house might be to a 10 year old girl. But in the end, you fall back on the wisdom and maturity you’ve had all along, and the product turns out great.

 

Optimism, trust and empathy

Trust and empathy - Spirited Away

Throughout the tale of Spirited Away, it is Chihiro’s sense of trust and her optimism that helps her conquer. Even in the face of evil, she strives to understand WHY the other characters act the way they do. As with the spirit No-Face, she has empathy for his loneliness and allows him to follow her despite the fact that he ate half the bathhouse.

When you are part of a great and talented team, optimism and trust comes easily. But we all have had the “unreasonable” clients, or incapable development, etc. I have found that if you try and understand the WHY for people’s behaviours, it is much easier to find a solution or reach launch point. Empathy is a core value in UX, in my opinion. Understanding what users want and why, understanding the business goals,  understanding the pressures your client is under… empathy gets you invested in the end-goal and in most cases produce amazing results.

 

Never forget your true name

Never forget your name - Spirited Away

The witch Yubaba takes a part of Chihiro’s name, turning her to Sen. This is how Yubaba controls people. By signing the contract to work for Yubaba, Chihiro gives away her identity and becomes someone else.  Throughout the course of the tale, Chihiro manages to remember her real name, which in the end frees her.

We all take on various roles on the job. User Experience has been coined a Jack-of-All-Trades profession quite a few times over the last few years. Though some would believe it is at the detriment of the trade, I believe it is a necessary characteristic to any good UX. To know as much as possible, and to deal with as many people as possible, ensures a good solution. This means a UX has to be a dev, or a product manager, or a project manager, or a user, or a CEO.  Be who you have to be to ensure everything is covered, but at all times, know that you stay a UX at heart.

 

The power of the bla-bla          

Bla Bla - Spirited Away

Chihiro’s saving grace in the first part of the film, is her ability to choose her words carefully and say only what is important. Other characters like Yubaba and Kamaji try and distract her from her true purpose with random questions and comments. But their trickery fall on deaf ears. Chihiro wants a job, and keeps asking for it.

It’s easy, especially in the first phases of a project, to get caught up in the bla-bla. We have all gotten pulled in by the temptation of a revolutionary, all encompassing amazing product that will rule the world. Or the opposite happens. Instead of over-delivering in promises for the solution, you find your ideas being shot down, restricted. Developers kick back on every bit of functionality you want to add, clients are upset by the budget. In the end, it’s all bla-bla. You know, as a UX, what to do to make a solution that fits all requirements and more.  Just do your job, and keep asking for what you need.

 

Stick to the rules, be respectful

Stick to the rules - Spirited Away

Early in the film it is clear that Chihiro’s manners and sense of right and wrong is her saving grace. Despite the fact that her parent’s gorged themselves on food they did not pay for, she refuses, saying it is stealing. This saves her from being turned into a pig. Later on, it is her respect for the hierarchy within the bathhouse that leads to great reward.

Rules are made to be broken, and in our industry it is very easy to confuse “revolutionary” with “let’s disregard everything and make something unusable”. We have all seen the end-results when usability and standard practice takes a back-seat to conceptuality. Again, it is about striking a balance. If you are respectful of the end goal and the users’ needs, and push within those limits, the results can be great.

 

Hard work pays off

Hard work pays off - Spirited Away

In the end of the film, Chihiro’s hard work, values and dedication to her cause ensures her parents’ freedom. She returns to the real world more prepared for the adventures ahead, and more aware of what she is capable of.

The reward of sticking to your guns, and bearing through the tough bits is something we are all familiar with as digital professionals. Every project is in itself an adventure, where you meet new characters, protect the ones you know, and have a goal you aspire to. Of course we all have our own work-flows and methodologies. And nothing is ever set in stone. The appeal of user experience, and the reason why I love it so much, is that it is a practice that can be applied to anything and everything. Don’t be scared, empathise and trust, understand, know yourself and the team’s capabilities, avoid the bla-bla, and push the limits within the boundaries of usability. A fool-proof recipe for any UX-adventure!

 

 

 

 

Let’s build a UXNation this Freedom Day!

 

This Freedom Day, 27th of April 2013, we celebrate 19 years of freedom. I want to take this opportunity to reflect on the User Experience (UX)  industry in South Africa, and the impact it has made in the short time that it has been around.

Freedom Day 27 April

South Africa celebrates 19 years of Freedom this week.

If anything, there are opportunities when it comes to User Experience which have never been explored before, because it is relatively new and people have not fully grasped the concept of User Experience, and do not understand what it actually means. With the internet providing so many definitions  it does not  help the User Experience “struggle” but instead further confuses the everyday South African. We have an opportunity here to get people to understand it.

User Experience (UX) can be explained as the feeling or impression created when interacting with a company, its brand or service and how this is communicated and perceived by users within the digital realm. 

It might seem strange that I’m writing about Freedom Day and linking it to User Experience. You are probably wondering what one has to do with the other? Well believe it or not, I think there is an indirect link between the two, and I will do my best to demonstrate that, and hopefully by the time you’re done reading  you will understand my point of view.

Freedom Day: Commemorates when South Africa became independent from the oppressive powers that be and a better life for all was promised to the people.

This meant that South Africans were given freedom of expression and people could study what they wanted and where they chose to. User Experience could now be given a platform to spread all across South Africa. How has Freedom Day and what it stands for influenced the digital industry? South Africa is a young democracy, and we are still being introduced to the vastness of the digital realm. We are playing “catch-up” to the rest of the world in terms of technology and methodologies, User Experience being one of them.

South Africa’s User Experience history is younger than our independence.

Interaction design

We love UX.

UX is still being slowly introduced to the South African market, with a few exceptions of people and companies that are already, or have been, practising User Experience. What this means is that Companies  can target potential users that they have never had the opportunity to reach before. By providing products and services to users who need them, brands are able to make people’s lives easier and better.

Which is what we at Origin Interactive strive to do: make a difference in people’s lives with User Experience, to educate people about User Experience and to get the public to appeciate what User Expierence does and can do for them.

With all that said, we here at Origin Interactive can appreciate what Freedom Day has meant for our industry. We strive to expand digital knowledge through User Experience. We are lucky enough to teach previously disadvantaged South Africans at a young age about the benefits of User Experience in the digital world, providing them  with a platform to create a UXNation! In the words of our fearless leader Mike Lewis, who always challenges us to do great things,  “Always think of ways User Experience can make everyday South African’s lives easier, and make shit hot stuff”.

Freedom in South Africa has given us the platform to plant and spread the User Experience seeds. Let’s help them grow. Viva UXNation!

Nelson Mandela

Viva UX-Nation!

 

TechEd Africa 2013

South Africa’s premier technology event for IT Professionals and Developers, TechEd Africa, was held from 16-19 April 2013 at the Inkosi Albert Luthuli International Convention Centre in Durban.  Offering the most comprehensive education across Microsoft’s current and soon-to-be-released suite of products, solutions, tools, and services; the four days were jam packed with more than 1 000 learning opportunities and hands-on training, 500 unique breakout sessions with Microsoft speakers and industry experts, and more than 200 self-paced labs created by product experts.

TechEd2013 Windows 8 Application

Translating the application from the Windows 8 desktop and tablet devices to Windows 8 phone was a new challenge we embraced with fervor

Due to Origin Interactive’s close relationship with Microsoft SA, we were asked to do the User Experience and Visual Design of the Windows 8 application for TechEd Africa 2013. Using the framework provided on www.tech-ed.co.za, we set out to create an application that would aid delegates not only before the event, but during as well. Pre-event users had the option to check all sessions, speakers, and schedules, and book their days accordingly to ensure that they got the most out of the experience. During the event the apps came to life with Twitter feeds, live alerts, as well as the ability to comment and review sessions you had just attended. Translating the application from the Windows 8 desktop and tablet devices to Windows 8 phone was a new challenge we embraced with fervor . Using the Metro principles and style guidelines, the solution was slick, yet playful, with a modern African feel.

TechEd2013 Application Agenda Page

Pre-event users had the option to check all sessions, speakers, and schedules, and book their days accordingly to ensure that they got the most out of the experience

If you attended the conference this year and made use of the app, we would love to hear your thoughts on it. Fire away in the comments below!

Once upon a time…

“Stories are the most powerful delivery tool for information, more powerful and enduring than any other art form” – Nancy Duarte

When people ask me what I do I say “Oh, I manage stuff in the studio. I write a couple of headlines now and then.  Edit web copy. You know, that kind of thing”.  But to be honest, I write stories.

When I’m managing resource distribution throughout a project, I’m writing that project’s story. How and when it started, and why it ended the way it did. When I’m checking wireframes for consistency, I’m helping our User Experience Consultants and Information Architects ensure that the flow of the story they are writing for the User makes sense. What may seem like small, silly things to check  like button labels on a website or mobile application, they are all part of the bigger story called User Experience Design.

When starting a project, we look at it from the User’s perspective. We start with the basic questions:

User Journeys

“Right, I’m here now. What are you going to do?”

  • “How?”
  • “Where?”
  • “Why?”
  • “What?”
  • “When?”

From that we develop our “characters” or as we like to call them in UX: personas. We then create journeys for our personas. Which are like storylines or plots. When the plot thickens, the user’s journey develops more steps. If they take the left fork in the road as opposed to the right fork, what happens then?User Experience Consultants have to consider all the variables that make up the end user’s experience of your product. In order to do this, we make use of Storyboards.

Storyboards are a great way to collect your thoughts. To visually represent what you are thinking, to other team members and clients. It is a low-risk, very important step in the UX design process that helps make sense of our thoughts. We all remember fairy tales, movie plots and songs. Why? Because they tell a story. We are hardwired to remember them. Being human with a sense of curiosity helps us to relate to these stories. We all want to know what happens to our heroes and heroines.

Storyboarding Sketch

There’s nothing like a good old fashioned whiteboard, coloured markers and post-its when creating a storyboard

So the next time someone asks me what I do, I am going to say, “I write epic novels. I write about you, me and that guy over there. How we are all related. The common thread that binds us together. The shared goal that drives us. And how we are going to get there.”

User Experience – In my own words

“User Experience cannot be described, it is perceived while you are in it. Only after it is over can you comprehend and review with the benefit of understanding the situation”.

www.capgemini.com

I thought I would start with this quote to open up the topic, since for me it best describes my understanding of what User Experience is. Having come from a traditional agency background where there is little or no user experience present, the term was relatively new to me and from what I understand, one can never entirely grasp what User Experience is / entails.

User Experience has opened my eyes to a whole new world of the digital realm and all the teachings it has to offer. One of the major lessons for me to come from User Experience is that one must put user needs first, its not about making the design and / or application look pretty its about  “does it work for the user?” ,which brings me to my next point, user testing. Which is a major part of user experience, if not the most important, because that will determine how you create the experience for the user.

ux-roi-user-experience-return-on-investment

One can also say that the words – User Experience – are self explanotary but it goes much deeper than just the explanation, there is a methodology involved that one has to follow. User Experience affects all aspects of the user’s interaction with a product: how it is perceived, learned, and used. It’s about understanding your users, meeting their needs and crafting amazing digital experiences.

What I have learnt in the space of a year is pretty amazing, the most remarkable thing being that the learning never stops and that I’m hungry for more knowledge.

I don’t think I could ever go back to thinking any other way but the UX way.

Origin Interactive Office

Our diligent worker bees

In the everyday life things that we do, there is a whole lot of UX involved even if you don’t notice / realise that that’s what it is. From simple things such as sitting on a chair, which was designed with the user in mind and their comfort while they sit, the toothbrush also designed with the user in mind, how you hold it so you can get the maximum experience when brushing your teeth.

Bad UX is when, not all designs and / or products meet their users needs, which is why we see designs fail or products that don’t sell and have to be sent back and re-evaluated, tested and then put back in the market. All this could be avoided if the user is taken into account during the initial design phase.

Users are very simple; they want something to fit into their daily life routine. They don’t have time to learn how a new design or product works, they would rather move on to the next best thing. Which is why it is vital that User Experience be done the right way to get maximum results for the user.

Nqobile Tshabala our Studio Manager

The lovely NQ

 

 

Written by our very own Nqobile Tshabala, Studio Manager Extroadinair

Interactive Prototyping

Review: InVisionApp

In today’s world, where time spent on projects is measured in minutes, where deadlines get tighter and tighter, time is everything. The same can be said for the Interactive world, where the next project is usually waiting in the wings.

A year or so ago I came across InVisionApp, a powerful web application capable of transforming app, web and / or mobile designs into interactive prototypes. It was a little overwhelming and at first I wasn’t sure how InVisionApp would fit into my world. Fast forward to 3 months later, a project arose where the client wanted to preview a web app in preparation for development. I immediately thought of InVisionApp, rushed over to the site, ran through the tutorials and within an hour I had begun uploading concept designs and creating interactive prototypes from Photoshop files.

InVisionApp not only saves hours of explaining, it has become the most exciting phase in all of my projects. It’s the closest step to visually display how any project is intended to work without having to actually build it. From wireframing to click-through interactive prototypes, InVisionApp will leave its mark in the interactive world as a truly remarkable benchmark. The usability of the app is also a huge bonus, as most designers work with large file sizes that haven’t been optimised, but InVisionApp handles all the optimising for the user.

In a nutshell, if you need to create an interactive prototype from wireframes, concept designs, or just plain-Jane drawings, InVisionApp is by far the best tool that will deliver on all its promises.

Top 5 Features:

• Create stunningly beautiful, fully interactive web application prototypes using the tool you know and love — Photoshop.
• Build your wireframes and prototypes in whatever fidelity you like.
• Share prototypes with stakeholders and get feedback directly on the screen.
• Collaborate on your designs and make the UX process a team effort.
• Stage realistic usability tests and get important feedback early.

Take a tour on InVisionApp

Summary:

If you need to create the visual experience of a concept before further development or design, then InVisionApp is exactly what you’re looking for. It takes only a few minutes to figure out all it’s simple yet powerful capabilities. It falls nothing short of awesome in my books.

Rating: 9/10

Price: $9.99 Monthly (est. R85.00)