How to design User Experience?

We all experience things differently

Many people talk about design User Experience today. Have you thought about what an experience is? And that we have different experiences because we are all unique? If you hold that thought and think about the meaning of User Experience design -is it even possible to design an experience?

Here are my thoughts about User Experience, this is not an exact definition, just my way to explain and my very personal reflections and guidelines towards better User Experience.

Think of the scenario that you go for a walk, it’s springtime. You hear the birds singing with joy. The gras looks so green and new. The sun warms your skin and the breeze is tender. This is one experience many of us can relate to. We might not feel the exact same way but most of us think about this scenario in a positive way.

design User Experience?

The big thing today is to experience things

Today people have turned from owning things to experience things. It’s not enough just having great experiences on your trip to Thailand, but you want experiences more often than that. An example is how we act towards music: today it’s few people that buy records (if it’s not for the experience connected to collecting old LP’s). You don’t need to own records, people like to experience the music, on a phone or a concert etc.

Is it possible to design User Experience?

There lies a challenge when we are going to design User Experience, of course, you can’t just copy and paste. It’s not about technology, UI or Graphic design, even if these things are important and are needed for the experience, it’s about creating a meaningful experience through a technological device.

According to Marc Hassenzal (2010): “an experience is a story emerging from the dialogue of a person with her or his world through action”.

We need to experience the design before the product, to learn how it feels to act on a product, to use it or interact with it. 

To design a great User Experience you need to be able to imagine what the user wasn’t to feel and experience while using the system or site that you have designed…

To imagine that you need to know the user and his or hers needs. You have to create scenarios where you tell the users story while using the system or site:

  • Why is people visiting your site (purpose, meaning)?
  • What tasks does the user need to performed?
  • How can your system/site help the user do this?

Create your scenario like a story, where the user interact with the system or site. This is a huge and solid ground for your design process. 

Here is an example of a simple scenario:

Lisa gets home from work and has a seat in the kitchen. She feels tired and a bit sad after en argue with here boss. She is feeling lonely. Suddenly, a sound from her phone. 

A message gets visible on the screen: Hi, How are you? Do you wish to go out for a while? Love from Sue 

Lisa smiles, her friend is always there for her, how fantastic, isn’t that? The evening looks to be a lot better.

In this scenario, the phone plays a part and the technology to. The phone fills a need for social relationships and friendship in this case. You can also see that we actually design the product and the possibility to connect in this case, the experience is personal and happens in different ways. But we need to create stories to understand  and imagine the users situations. In this case, the phone could have showed a lot of different messages to different people. All should have created unique experiences.

How to find the scenarios?

You can base a scenario on user surveys or by observing the user situation. For a large site that sells clothes, it’s not possible to observe all the actual users. Then surveys are an excellent way to find out what some possible users expect from a site like that. Why do they visit? To get inspired or, for shopping?

Summary

To sum up, people today have more or less moved from owning to experience things. To design a product or website or mobile app, we need to put the experience first. All functions, buttons and graphic design is ways to prepare the product to let the users have numerous experiences. In designing a User Experience lies a challenge, but it is doable if we have the stories in mind, the user scenarios and if we try to understand our users.

Share This:

Why should I create prototypes during design process?

Design process -time to create prototypes

I know many people wonder why they should create prototypes. When you are designing a new website, you probably have a lot of great ideas. Or you don’t have any ideas… I know that happens too, of course. But for now I think we settle with the case that you have a lot of ideas. I guess that you also want to test your design ideas, in different stages of your work. My recommendation is that you create prototypes, in every phases of the design process.

If you decided to design a website you have products or ideas that you like to share with the world or future customers. Right? If that’s the case, your ideas should mainly build on your customers needs.

Your entire site should be based on these customers (users) needs.

I know that millions of people struggle everyday with bad usability. It happens on websites and in other systems. On this site I mainly target my content to people that design or develop websites or systems. My target group is people interested in how to make IT more usable and how to improve the User Experience.

How to create a prototype?

My opinion is that it’s not about creating one prototype before you begin coding. Prototypes should or can be done several times during the process. The purpose is to test your ideas. Begin with sketching your idea on a paper. You can create a “fake flow” just by changing the sketch when you simulate “pushing” a button for example. That way you will find out, in an early stage, if some functionality is missing or if the flow you are testing works. If it doesn’t, you have to generate new ideas, iterate and create new sketches and prototypes.

Here you can see an example:

 

I recommend that you also create digital sketches and prototypes. You might need to test interaction of some kind or evaluate the look and feel of the user interface.

Here is an example of a rapid digital prototype i have made to test user interaction: Art_App, It’s in Swedish, but I hope you understand the purpose.

create prototypes

How much time does it take to create prototypes?

To create a paper prototype like the one in the video above takes a few hours. The digital prototype I made is rather small with limited number of pages. It took me about 2 hours to create including the sketches.

If you iterate through the design process and create different prototypes for different purposes it will take some extra time. I will assure you that this time is well invested.

Why should I create prototypes?

Like I mentioned, there are some good reasons for creating prototypes before starting to code or publish your site:

  • ​Testing flow between views or pages
  • Testing navigation
  • Testing functionality, small parts like a calendar function, a web shop checkout or the whole site
  • Testing interaction, between users or between the site/app and the user
  • Evaluate look and feel of the site/app

The most important take away is that you should create prototypes to test your ideas and to test different kind of solutions. It’s an easy way to get on the right track and design a great User Experience.

Testing

If you really want to find out if you meet your users needs you have to test with people in your target audience, “real” users. I will say that this is important during the whole design process. You can test using prototypes. The first thing you need to do is to decide what you are going to test and then which people you need to involve. My experience is that at some point it might be developers that need to test to confirm that your design is possible to develop. At another point it might be users that test a specific functionality on the site, that can also be done with a prototype.

I ask you to remember that it’s important to chose the right people for the test, as well as what need to be in the prototype. If you manage that, the testing will give you great feedback and value for you and your customers.

Share This:

How to find and meet your users needs

How to find out what your users need?

To create a good user experience on your site you need to understand your users, who they are and what they need you to help them with. What are their challenges that lead them to your site? What are their expectations? These factors depend, of course, on the services or products that your site is offering. This is about understanding your target audience.

If your users are going to be satisfied also depends on other things like usability, content and the overall user experience etc.

Meet your users and find out what their challenges are

The best thing to do when you do want to find out users need in this case is to make a small workshop with some mums you know and work with this together. Other things you can do is to make a secondary research. That means searching among existing information in blogs, articles, books and so on. Gather as much information as you need to find what are the main challenges for your target audience. You can also use available tools for analysis of trend and so on. But I believe that, to create a great user experience, it is important to talk to, at least a few of your users to be. It will make it easier for you to see what “they don’t say” and to get an deeper understanding for their needs.

This is especially important if your target audience is narrow and you are designing a system or an app or similar. But I think that it also is important for your site to be authentic and genuin. It will show that you really know your users (readers) and their needs.

users needs

An example on how to find and meet users needs

If you write about Weight loss for mums, start with writing down which challenges they are facing to lose weight. Best alternative is to actually ask some mums and maybe use your own experiences in this niche. There is especially one thing you need to know, and that is what challenges these mums are confronting.

Start making a list the challenges, for example:

  • There is not any time for exercise.
  • Many of the nutritious foods are expensive.
  • It’s nice to reward myself with some sweets when my kids are sleeping.

Now you need to work your way through all challenges you have identified and answer them with solutions:

  • Make a schedule and make time for exercise. Or take some help from neighbours, support each other babysitting.
  • Lists of affordable nutritious food and also inspiring recipes.
  • Facts about sweets and alternative things to eat. And about the negative things that happen with the body when eating too much sugar. How to feel rewarded without eating sweets.

The solutions above are things that your readers (users) expect to find or need to find to get help with their personal challenges, in this case loosing wait after having a child. If they enter a site with individual diets and not a word about mums with babies they might leave. It’s important to find your users challenges and help them to address them. Then you will have a growing audience and chances are your visitors get a good user experience if they get satisfied with the content and also feel they get inspired and find the support they are looking for.

Usability testing to check the user experience on your site

To create a great experience for your users, you need to do tests to see how your site work for them. But before you can test you must have a site, a you need a design and some content on the site. And you need to know what people that visit your site is looking for.

Start creating content

Now that you got some knowledge about your users (readers) needs you can start to create content.

Use some of the questions you identified as challenges on your home page, like: “Are you a mum that just had a child and you do not have time to exercise?

Your site will get attention if the problem is familiar to the people that visit.

Before launching your site, you can test both content and usability on people that have the challenges you identified during your workshop or research. This way you will get feedback for improvements and you will also find out if you manage to reach your target audience. You can speak for your users in a way that will be genuin and that is worth a lot. It means that you take time to understand how you can help them:-)

Share This:

Good website design tips -six guidelines

A good experience for your visitors -website design tips!

Good website design don’t need to be as complicated as it sounds. Even if you use WordPress templates there are some guidelines to bear in mind. You can almost always change things by customizing your template and style. Most templates are created to follow conventions for websites and that is a good thing. I will tell you more about that later on in this post.

To help you get a design that supports usability I will describe 6 guidelines to be taken into account. I have chosen to mention factors that influence the readability and also how to design your page to support users to understand and find things on your website.

good website design

Readability guidelines

Headlines
Use headlines that guide your readers. The headline should give a hint about the content. It also will be easier for your readers to find what they are trying to find on your website.

Descriptive link names

Descriptive link names are exactly what it sounds like. The links, like the headlines should guide your readers. It’s not fun to click on a link that just says “click here”. It better to say what it’s all about, like “read more in
this post about website usability”.

Support scanning

Most people don’t read the content of a webpage. They scan it. That means they look for words, images or phrases that interest them. If they find out what they are looking for they will probably find out more and stay for a while. I do this all the time. It makes it a lot easier to find what I look for and I can “read” a lot of content in a short time. If the content supports scanning…

Use colors wisely

Colors are wonderful and make us happy, or? When it comes to readability there are some simple rules: light text on dark background or the other way around. You get the highest readability when writing black text on white background. It might sound boring to know that but it will help your readers to read your content!

Page design guidelines

Signs and clues

Use signs and clues to guide your readers in your site. Ensure that it’s obvious what is clickable and what is not. You can find out when you do usability testing. You can compare with a city, where street signs tell you where to go and helps you get your way. It’s the same on a website. Signs should be easy to find and the meaning should be clear. Like “comment here” or “follow future posts” and also that buttons look like buttons (things you can click on) and also that links looks like links. Use categories to help your readers to find relevant content.

Conventions

Conventions are called that for a reason. When you are using a computer, for example, you expect the keyboard to look in a certain way and the same goes for the mouses and screen. There are conventions for websites too:

  • Logo in the upper left corner.
  • Titel on the top of the page.
  • Navigation (menu) mainly across the top of the page or to the left (or right).
  • Content to the right.
  • Hamburger icon is often used for menus in mobile sites or apps.
  • Here is also clues important: a shopping chart looks like chopping chart. A trash can like a trash can and so on.
  • Fields for address and other information, comments and so on looks similar on most sites.
  • Buttons should look like buttons and links like links (underscore and often blue).
  • Links should change when you hover over them with your mouse pointer.

These are some things I think you should not change, people are used to it and if it’s radically different they might not know what to do and leave your website.

I hope this is helpful for you! Most of the templates have the navigation guidelines in mind. But in some cases you can do a lot of changes, do it wisely and your readers will love it:-)

Do you know more things that are important to have a good design on a website? Please leave a comment below!

Share This:

What is User Experience?

User Experience is everything” (Don Norman)

We experience things all the time. When we work, eat, celebrate Holidays, spend time with our kids and also when someone close passed away etc.

In a time when more and more time is spent online we have begun talking about what users experience. Today we use tablets, smart phones and computers a lot and it will result in higher demands on usability and experience.

user experience

The term is greater than “just” usability, it includes everything you experience when using something (a site, a system, a phone): and is affected by the usability, user interface, design, and graphics. A site with excellent usability is fantastic but it will not give warranties that the users stay on the site. We really don’t read the content when we are looking for something, we scan it. If the keywords or graphics don’t appeal to us or if the usability is bad we will leave.

The most used function in the web browser is the back button? I think this tells us something about User Experience, right?

Videotime

Here are some wise words from a wise man that worked with design that fit humans for many years, Don Norman:

 

Don Norman -The design of everyday things

Don Norman is kind of a “guru” for designers. I can definitely recommend this amazing book, written by him:

If you have some hours to spend on a book about design, this is the one! It begins with some examples of bad design and the frustration it creates. The book is not just about websites and apps. Its about every day things we use and. It’s also about Human Computer Interaction and contains examples of bad design that makes you feel frustrated. When I read the book I exactly know what he means! One example is how Stove controls are placed according to the burners they belong to. It’s not that clear on all stoves witch control goes to which burner. This is a case of bad mapping, which also is the case on many websites. Navigation or buttons is placed where the user has no idea what they do. This might create a negative experience because the user gets frustrated.

The rest of the book are about humans, psychological factors, and how to create things that don’t create frustration when used. He goes through seven design principles, that he is rather famous for: affordances, signifiers, mapping, feedback, conceptual models, discoverability and constraints. The purpose is to connect design with humans and their abilities and needs.

So what do you think? Is there a possible connection between “the real world” and the “online world” when it comes to design principles? Please give your opinion in the comments field below.

Share This:

How to design a good user experience?

Tips for improved user experience when designing a site or system

User experience or UX is today in every company’s vocabulary. And everyone wants to create great UX, of course. Is it easy done? How are you aware if the user experience is good?

There are some important aspects if you want to give your users a great experience on your site. But there are no exact rules or “perfect process” to do so. Experiences are individual and to create an experience for other people (our users), we have to look at our site from the users point of view.

We often have a tendency to look for the perfect process, the process that will fix all problems. We tend to concentrate on the process. When we work with UX, we need to focus on the people, our users. Our sites and systems should be designed to solve problems, not create additional problems.

This might sound obvious, but how do we succeed if experiences are unique? It’s not possible to satisfy everyone, is it? You just have to start with your goal and your market: who are your customers/users? You can do a great deal for a great user experience and it all starts with your users.

To find out about what your users need or expect from your site you need feedback from them. When you design a site or system or maybe make improvements, as soon as you have something to test or show make prototypes! You can use online tools like:

All tools above have pricing plans but you can try them for free. I prefer InvisionApp, but all tools above are rather easy to use.

I do prototypes to get feedback on many things: navigation, layout, functionality, how the site “feels” and so on. You can make several prototypes to check different things. If the goal is to get feedback on navigation and functionality it might be enough with handmade sketches, you do not have to make perfect drawings of all details for that. You save time and can move on developing extra things for your site.

I know it can be hard to take time for prototyping but I have worked in web projects and system development projects where we have spent numerous hours correcting things when the project is done. Things that our clients weren’t satisfied with. It has ended up as an expensive experience for us and some irritation of the clients. With an iterative design and development process you can avoid this and get closer the expectations when it be the time to deliver.

If you do your own website, I think you can save time and have more returning users if you ask for feedback before you publish your site for the first time. It might be feedback on your design (layout), market or usability. I written about usability testing on this site in an earlier post, read more in the post “usability testing on your blog“.

Usability is important for the user experience, so is beginning with the users and to work with continuous improvements.

Share This: