6 posts tagged

design

Radioemoji 1.0

Radioemoji is a plugin that will help you to find out what users think about your content. Seven emotions in a set, any text on the buttons.

Users leave their emotions, the plugin counts them and displays the number:

Counters are connected to the database of the site owner, authorization works on browser Fingerprint technology. The number, text and images of emotions can be changed.

Designer is Ivan Zviahin, programmer is Olga Mokhova.


The plugin is free for everyone: radioemoji.intuition.team

2019   design   done   feedback   plugin   users emotions   website

Design Principles

Today I want to tell about the principles that help make decisions in design. What for? I do not know, maybe they will be useful for someone. Or maybe someone will share their principles in the comments. I borrowed some principles from someone; I came up with some principles myself. In any case, they help me.

Designer initiative

It simple, but important. I always forget about it. Nobody plans my week better. Nobody reminds me of a task. Nobody will tell about the requirements for the task. Nobody will tell about the technical limitations himself. Designer must be proactive in everything.

Act like a businessman

Designer compares the time spent with the benefit received. Designer does conclusions. Designer does not engage in self-expression, and looking for a cheap solution that gives the maximum benefit. Designer respects company’s resources.

Throwing napkins in the trash

This is a typical problem for any designer. The more time a designer spends on a layout, the harder it is for him to throw it out. Designer should do cheap layouts and small iterations in layouts to make it easier to throw away their decisions. If layouts don’t work, of course.

Understands the task well

If designer solves an incomprehensible or unknown task, then it is a disaster. It is better to spend more time analyzing the problem and offer a good solution. On average, about half the time spent by the designer on a task is spent on its analysis.

Responsible

This is also simple, but important. If designer promised, it means he must do it, put it in priority. If designer does not have time to do something, he must say this to those who are waiting as soon as possible.

Keeps a clear head, controls anger

Designer is not anxious and does not complain. Designer does not shift the problem to someone, designer solves it. Designer tries to follow the anger. Designer is able to calm himself. Anger and hysteria will not solve the problem.

Evaluates iceberg completely

Usually when you give a rating, you estimate time only for those tasks that are clear and visible immediately. But about the same tasks appear in the course of the decision. The simple way is to multiply the apparent time by two, then it will be more truthful. But the visible area depends on experience, so each designer has his own coefficient.

First, looking for a “perfect world”

Designer drops all the restrictions and generates the perfect solution to see a couple of final points in the future and then strives to achieve them. It often happens that “ideal solutions” can be easy to implement.

After doing simple and right now

The designer goes and solves the problem in a simple way, but without loss in quality. After he thinks how to add functionality.

2019   about me   design   principles

Cognitive Resistance

It’s time to describe the definition of cognitive resistance because it maybe helpful to someone. I’ll try to explain it in plain language.

Cognitive resistance occurs when the human mind encounters a complex system that also depends on the context of the product use. Author Cooper assures us that all modern informational products have high cognitive resistance.

High

This is when the user looks at the interface and has no idea what will happen when the interaction between the product and user begins. For example, a washing machine. In one mode it regulates the temperature, and another mode, it regulates the number of revolutions. A person will not understand it without explanation or previous experience with such an interface.

Normal

Another example, the classic hyperlink. It has two parameters of clarity which are underline and font color. It’s clear by clicking on it, the user will move to the next page. Furthermore, the hyperlink can accurately describe the page it will take the user.

Low

With a tablespoon, it is clear what can be done with it.

You need to aim for low cognitive resistance, so that your products will be understandable and enjoyable your users.

2019   design   human interface

Navigation for Sportfamily

Problem and Solution

The fitness club opened in the business center SPEKTR in Minsk two years ago. The visitors had difficulty finding the entrance, frequently wandering and complaining about being lost. That’s why Yegor Selyutyin and I designed and displayed signage inside the fitness club. We wanted the signs to answer a few questions, and the answers to those questions we treated as elements of the signage system. We discovered without much effort you can make a sign for any location.

Location

The club is located on the business center’s third floor. Unfortunately, the stairs’ entrance is hidden. After a series of observations, we developed a plan to find key traffic sources and display the signage as shown in the picture.

Visual language

They were inspired by the subway signs in New York and wanted to compliment its American style. The main colors of the gym were also used in the signage design.

Materials

In August 2017, we placed the signs made of plastic and supported by metal frames throughout the center, using heavy duty double sided tape. We were pleased to see that the signs did not fade in color, did not fall off, and continue to help visitors navigate.

2018   design   done   navigation

Concept App Yandex.Home

In early 2016, I was participating in a project for the Yandex Design School. I was tasked with imagining a smart home system for Yandex and offer a mobile app concept for the task.

Objection

Improve a person’s interaction inside the home by creating a reliable and easy-to-use mobile app.

Solution

  1. To develop a comfortable application targeting two audiences – Advance mobile app users and Beginners.
  2. Enable the user to show status and save.
  3. Close daily needs and security issues.
  4. Save the visual language of Yandex.
  5. Fulfill the application with other useful Yandex services.

I started the project by taking a loft style apartment as a visual prototype. Therefore, with a small number of “smart” items, I drew the scheme of the apartment:

Kitchen Bedroom Hallway Bathroom
Light Light Light Light
Warm floor Music Warm floor Warm floor
Curtains Curtains Alarm Air conditioner
Air conditioner Air conditioner Air conditioner

Further I developed the app for this apartment, prototype only. List of smart objects.

Useful application

A person is interested in the result, which is built on needs. For each of the needs I made decisions.

Based on these needs and decisions I was building the concept.

Achieving results in the first screen

On this screen, the user launches scripts, views active items, and most importantly, manages the home. Adds, deletes, and modifies scripts has access to the chosen subjects, adjusts the home.

Fast switching between homes

Homes automatically switch by geolocation or manually by the user. It is possible to add a new home or office.

Smart Items and features

You can simply call an ambulance, fire rescue, and police with a single tap. The Home app sends all the necessary data for these services. You can pay insurance, utility bills through Yandex.Money. Call a cab using Yandex.Taxi and analyze monthly expenses. I can see all the status of items in the house and change them in one screen.

Rooms

These screens are responsible for managing items in separate rooms. You can add, customize, or delete an item.

Music

Here I turn on my favorite music. I run it from Yandex.Radio Yandex.Music or the smartphone library. Setting the alarm clock. Share my favorite tracks to friends in messengers and social networks.

Air conditioning

Here I manage the temperature in the room or in the whole apartment. The application tells how many degrees on the street according to Yandex.Weather, so I can select the right temperature in the house.

New Items

I find the subject, add it to the room. If you do not have the desired room, create a new one. I add an item to my Favorites tab if I use it frequently.

Care

If you forget to turn off the “Warm floor”, no problem. The Home will remind you of it and offer to turn it off for you. Did the Light burn out? Change it by ordering a new one in Yandex.Market. You do not need to remember to pay for utility services and insurance because now this is the care of your home.

Settings

Give access to other family members. Set up notifications, voice control, widget, and geolocation. Determine what to do at home if the phone is off. Select a language. Determine the units of temperature measurement: Celsius or Fahrenheit? Include the access code. Friendly interface for people with disabilities.

Icon from family Yandex icons

I have collected the basic services of Yandex, which I use myself. Drew an icon for Yandex. Home, which is similar in style to the other icons of services Yandex. Now she looks harmoniously in this family. In the European countries most people live in apartments, so the icon of the private house is not suitable. The house with apartments resembles a remote control. The first letter of the company “Y” is hidden in the icon.

2018   design   done   human interface   mobile app   smart home   Yandex
Earlier Ctrl + ↓