Self-study|IT|Pre-Int|Lesson 9: UI testing

pic1_SS|IT|Pre-Int|L1


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


pic2|ss|it|pre-Int|L1

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?

pic1_SS|IT|Pre-Int|L1

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


pic2|ss|it|pre-Int|L1

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?

pic1_SS|IT|Pre-Int|L1


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

pic1_SS|IT|Pre-Int|L1

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

1. To tell the truth, I can’t stand it. It looks perfect but, in fact, you can’t use it! When you buy it, it comes with a slip of paper that says, «Don’t use this juicer to make juice because the acid will destroy its cover». .

2. I don’t open them the right way, but I don’t really care either way. I know that I’m supposed to tear down the middle, but I tear the tip off and voilà.

3. They are awesome! Just think about it – three turns on a piece of wire is all you need to properly secure a stack of paper.

4. I’m sorry to say this, but I just hate it! I believe the advertising slogan should be «For turning the simple act of pouring liquid into a tough challenge!»

5. They are to my liking. It is the basic combination of adhesive and a square piece of paper, but they still have no peers.

6. They are absolutely average. I know that many people hate them because they always break at the wrong moment. Well, yes, bad things happen, but most of the time when I use them, they are ok.


pic1_SS|IT|Pre-Int|L1

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

match2

pic1_SS|IT|Pre-Int|L1

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

YouTube

Trello

Slack

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

Useful Language

  • to determine
  • to interact
  • marketable
  • addictive
  • fulfillment
  • to generate
  • commitment

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.

pic4|ss|IT|Pre-int|L1

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

UI design

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

UX design

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

pic1_SS|IT|Pre-Int|L1

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

pic1_SS|IT|Pre-Int|L1

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.

Урок Homework Курс
  • 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