Self-study|IT|Pre-Int|Lesson 9: UI testing
Follow the links and look at how these apps are designed. Rate the designs by choosing the corresponding number
Choose the correct option to complete Ken Norton’s quotation about UI and UX
Share your opinion and answer the following questions in the text area below.
🔹Do you agree with Norton’s analogy?
🔹Can you think of your own explanations/analogy of these terms?
Don Norton says that UX is everything that touches upon your experience with the product, do you agree with this definition? Can you think of another way to define UX? Let’s see how other people explain what user experience design is.
Choose the quotations you agree with
Match the words in bold from the previous exercise to their definitions. Then give your definition of UX design using the words
Complete the definition with your ideas. Then click on the button ‘Check’, read another definition, and compare it with yours. Do you agree with it?
Complete the comments about the principles of UI and UX design with the correct words
Look at the pictures and label them
Write a summary of the comments giving at least five key features of good UI and UX design
Look at the pictures. Do you like the design of these things? Which of these things would you call perfectly designed? Which things do you think are designed badly?
Name the objects in the pictures
Listen to 6 speakers expressing their opinion about the objects in the pictures above and match the speaker with the object and their opinion
You’ve already practiced expressing your opinion in one of the previous exercises. Let’s see how you can do it in a very polite way. Knowing what phrases to use and being able to express your attitude politely are excellent skills, which can be applied at work or in communication with clients and colleagues.
Put the phrases in the correct column
Choose one picture and write your opinion in the text area below. Use one of the phrases from the previous exercise
Let’s read the analysis of one mobile app.
Read the analysis of the mobile app BigRocket and find the correct heading for each paragraph
Choose one of the mobile apps and analyze it
Evaluate the app in terms of UI and UX principles. Use the given words. Prepare and record your speech
UI features: clarity, single action, the laws of physics
UX features: focus on users, consistency, user’s context, emotions
- to determine
- to interact
- to generate
Phrases to say that you like something
- It’s awesome.
- It is to my liking.
- It’s perfect. It can’t be improved any further.
- Phrases to say that you dislike something.
- It’s far from ideal.
- There are a lot of faults there.
- To tell the truth, I can’t bear it.
Phrases to say that you neither like nor dislike something
- I don’t mind it.
- Actually, it’s all the same to me.
- I don’t really care either way.
Read the comments on the principles of UI and UX design again paying attention to the modal verbs in bold and complete the rules. Then complete the sentences with the correct modal verbs
Clarity is the first and most important characteristic of any interface. You must generate such a design that people will be able to understand why they use it, recognise how the interface is helping them, predict what will happen when they use it, and then successfully interact with it. Clarity inspires confidence and fulfillment and leads to further use.
Maxim Shustov, Skytech
Every screen we design should support a single action of real value to the person using it. Of course, you can use two or more primary actions, but a single action makes it easier to learn, easier to use, and easier to add to or build on when necessary. Users don’t make a commitment to use the screens that support two or more primary actions.
Mila Shustova, Skytech
You must not forget about the laws of physics, no matter how strange it sounds. I’ll give you an example – the color of physical objects changes as the light changes. In the full light of day, we see a very different tree than the one outlined against the sunset. As in the physical world, color should not determine much in an interface. It can help, be used for highlighting, be used to guide attention, but should not be the only differentiator of things.
Yulia Ivanova, Skytech
All UX designers must focus on users throughout the design process. The term «user experience» itself makes it clear that your approach to work needs to center on improving your users’ experience with your product or service.
Mary Shelestova, Skytech
If you want your product to be marketable and addictive, you must keep it consistent. Users expect products to share some similarities with other products they regularly use. The more familiar your design is to others, the faster users can learn to use it, which enhances their experience. Such consistency also makes the design process easier for the designers, as they don’t have to reinvent the wheel every time they take on a new project.
Alex Rogov, Skytech
When designing, you have to take into account the user’s context. It’s the basic rule of UX design. Location is a commonly understood contextual factor — are you designing for someone on the go or for someone sitting at a desk? But there are other things to consider, including the time the user has at hand, their emotional state, the device they are using, the people who influence them, and more.
Rinat Trofimov, Skytech
We use must for obligation.
- You must generate such a design that people will be able to understand why they use it …
We use have to for a rule.
- When designing, you have to take into account the user’s context.
We use must not for a prohibition.
- You must not forget about the laws of physics, no matter how strange it sounds.
We use don’t have to for the absence of obligation.
- Designers don’t have to reinvent the wheel every time they take on a new project.
We use should for advice.
- Every screen we design should support a single action of real value to the person using it …
Choose the correct modal verb to complete the sentences
Complete the sentences with the correct modal verbs
Revise the terms related to UI and UX design and complete the sentences
Watch the video about addictive phone design and tick the points mentioned in the video
Mark the sentences as True or False
Read the text about the best tools for UI design and match the tool with its possible use
The best tools for UI design
MockFlow is a suite of applications that are very helpful for a number of tasks in the typical project process. Primarily, the WireframePro app is a good alternative prototyping tool for you to use, especially if you’re testing out some new ideas. If you just need to create wireframes, then take a look at MockFlow. It’s great for working on initial ideas and enables you to build basic layouts quickly, which is sometimes all you need to get thoughts into a presentable form.
Sketch is a very popular tool within the design community that enables you to create hi-fi interfaces and prototypes. One of the great features is Symbols, where you can design UI assets and elements for reuse. This helps create design systems and keep your interfaces consistent. From there, you can easily export your design into a clickable prototype. If you are an InVision user, make sure you check out the Craft plug-in.
Proto.io is an incredible contender for creating lifelike prototypes from rough ideas right through to full-fledged designs. The tool also provides a lot of possibilities for your projects, including detailed animations and custom vector animations too. You can start by developing initial ideas with a hand-drawn style, then work them into wireframes and finish off with a high-fidelity prototype. The Sketch and Photoshop plug-ins really help if you want to design using other tools, but Proto.io does handle the end-to-end design process well. Other features like user testing will also help validate your designs. This is an all-in-one solution with a great number of trusted brands already using it.
ProtoPie enables you to create quite complex interactions and get pretty close to how you would want your design to work. Perhaps the most standout feature is the ability to control the sensors of smart devices in your prototype, such as tilt, sound, compass and 3D Touch sensors. Depending on your project, this is a great tool for encompassing native app features. It’s easy as pie with no code required.
Put the phrases in the appropriate columns
Write an email to the developer of a mobile app that you didn’t like, using the phrases to express your preferences. Follow the steps below
1. Choose one mobile app that has a poor design.
2. Describe it, explain why the design is so bad.
3. Suggest the improvements in UI or UX design.
- Let's start!
- What is UX?
- The principles of design
- Is it good or bad?
- What do you think?
- Expressing opinion
- Homework 1
- Homework 2
- Homework 3