{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "ivan's blog",
    "_rss_description": "It is my diary. I’m ivan zviahin, an designer, manager, car enthusiast.",
    "_rss_language": "en",
    "_itunes_email": "ivanzviahin@gmail.com",
    "_itunes_categories_xml": "",
    "_itunes_image": "https:\/\/ivanzviahin.by\/blog\/user\/userpic-square@2x.jpg?1711411913",
    "_itunes_explicit": "no",
    "home_page_url": "https:\/\/ivanzviahin.by\/blog\/",
    "feed_url": "https:\/\/ivanzviahin.by\/blog\/rss\/",
    "icon": "https:\/\/ivanzviahin.by\/blog\/user\/userpic@2x.jpg?1711411913",
    "author": {
        "name": "Ivan Zviahin",
        "url": "https:\/\/ivanzviahin.by\/blog\/",
        "avatar": "https:\/\/ivanzviahin.by\/blog\/user\/userpic@2x.jpg?1711411913"
    },
    "items": [
        {
            "id": "193",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/feed\/",
            "title": "New feed entry point · Tinkoff",
            "content_html": "<p>How we made the personal feed in the bank app more readable by increasing 1-week feed retention rate several times over.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/feedmain.jpg\" width=\"2560\" height=\"1918\" alt=\"\" \/>\n<\/div>\n<p><a href=\"https:\/\/apps.apple.com\/RU\/app\/id455652438\">Tinkoff<\/a> is an online ecosystem or super app based on financial and lifestyle services. The best mobile privetely-held bank in the world according to Global Finance. The third largest bank in the CIS with 30,000,000 customers.<\/p>\n<p>A personal feed is a product. With the help of which we are building a communication platform where people learn all about finance, save money and have fun. Businesses need a personal feed to sell financial products through it. Users need to have fun, learn something new, be part of an expert community. In simple words, it’s just a feed of events and news.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-old.jpg\" width=\"2541\" height=\"2031\" alt=\"\" \/>\n<\/div>\n<p>The personal feed is having a positive impact. We test disabling the feed on new users and compare metrics across our products. There has been a drop in metrics, including cashback, bonuses and airline tickets. The product is working well, but we need to make it more efficient.<\/p>\n<p>The feed is in a difficult-to-reach place on the interface. To get to it, you have to open the “City” tab, which doesn’t tell you what’s on there. You have to look at a complicated screen and open the bottom sheet with the feed.<\/p>\n<p>People say the feed is hard to find. If people can’t access the feed, they won’t come back. If they don’t come back, they won’t use the product.<\/p>\n<p>By comparison, the stories on the home screen get visited several times more often and people come back more often, even though both are feeds with content, just in different formats.<\/p>\n<h2>Problem for users<\/h2>\n<p>We want to make the feed accessible. To make you more likely to open the feed on the mobile app. It’s heavily hidden at the moment.<\/p>\n<h2>Problem for business<\/h2>\n<p>Increase retention rate in the feed. If we increase the retention rate in the feed, customers will be more engaged with our products. If customers use more products, the bank will make more money.<\/p>\n<h2>Audience<\/h2>\n<p>The audience is very wide and diverse. But we aimed at all our bank users with an active lifestyle. I can’t share the audience of the personal feed, but it makes up the majority of the total number of customers. Considering that we have 30,000,000 customers, the scale of the product is confirmed. Wow!<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-audience-dia-3.jpg\" width=\"2541\" height=\"873\" alt=\"\" \/>\n<\/div>\n<h2>Success criteria<\/h2>\n<p>↑ 1-week feed retention rate<br \/>\n↑ 1-week app retention rate<br \/>\nWe also need to keep people engaged in the feed, which will be difficult.<\/p>\n<h2>Discovery<\/h2>\n<p>We’re looking for a solution in other products, but we haven’t found any yet. So, we’ll have to come up with a solution ourselves. We looked at what our users had to say. We’ve put together a job spec for a Data Analyst. But...<\/p>\n<p>But I find interesting is this. It’s not just about moving the feed. How do you get people to go there? The analysis shows us this:<\/p>\n<ol start=\"1\">\n<li>We already have a big audience that goes to the bank every day. We just need to put the feed on the home screen and get people interested.<\/li>\n<li>We already have content on the home page in the form of Stories, which is a great product.<\/li>\n<\/ol>\n<p>So, what we have<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-2.jpg\" width=\"2541\" height=\"579\" alt=\"\" \/>\n<\/div>\n<p>This scheme helped us make some guesses.<\/p>\n<h2>Hypothesis formulation and low-fi prototypes<\/h2>\n<p>These are the hypotheses.<\/p>\n<ol start=\"1\">\n<li><b>Main screen.<\/b> Adding the feed to the home screen will make it easier to access and more likely to be used.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i1.jpg\" width=\"2541\" height=\"1923\" alt=\"\" \/>\n<\/div>\n<ul>\n<li>We had many more options than I’m going to show you. I’ll show you the best ideas and how they look. I thought the best idea was to put content in a separate tab.<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i1-1.jpg\" width=\"2541\" height=\"1878\" alt=\"\" \/>\n<\/div>\n<ul>\n<li>We stopped because we realised it was unrealistic to expect people to read content on secondary screens in the bank. We tried adding stories to secondary screens. It doesn’t work. Right, let’s move on.<\/li>\n<\/ul>\n<ul>\n<li>The second idea was to just put the feed under all the accounts, as there aren’t that many of them on average.<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i1-2.jpg\" width=\"2541\" height=\"1878\" alt=\"\" \/>\n<\/div>\n<ul>\n<li>We saw that people don’t scroll past the second screen. How can we open it from the first screen? We added a right swipe option.<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i1-3.jpg\" width=\"2541\" height=\"1878\" alt=\"\" \/>\n<\/div>\n<ul>\n<li>It’s cool, but it looks complicated. It’s not natural. Turn the story feed into a smart widget.<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i1-4.jpg\" width=\"2541\" height=\"1878\" alt=\"\" \/>\n<\/div>\n<ul>\n<li>Interesting idea, but we don’t have the guts to do it. There’s a big risk we’d mess up the stories and it’d all fall apart. But on day five, we had a brainwave...<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i1-5.jpg\" width=\"2541\" height=\"1878\" alt=\"\" \/>\n<\/div>\n<ul>\n<li>It’s much more straightforward to swipe down than to swipe right. Pull to refresh is no longer necessary as all the data is updated in real time. It seems to be the best idea, so we’ve decided to go with it. And opening quick tools works the same way in iOS, which gave us the green light to go ahead with it.  We showed this idea to everyone who was interested: the product managers, the designers and the stakeholders of the home screen. We got a few doubts in response, but everyone was generally on board with this solution. We gave this to user testing, and we were pleased with the results. Let’s consider some other possibilities.<\/li>\n<\/ul>\n<ol start=\"2\">\n<li><b>Interest.<\/b> Make an entry point interesting to increase its open and retention rate.<\/li>\n<\/ol>\n<ul>\n<li>The simplest way to get people interested is to create an information trigger on the outside. I think stories are probably the best trigger, but it’s tricky to make stories and a feed one platform. It’ll probably be a separate story soon.<\/li>\n<li>But for now, we just need something simple. And here’s the thing: if you’ve been keeping up with our content, you’ll have noticed that we recently added a <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/news-card\/\">news card in the feed.<\/a> It would be great to take the most interesting words from the introductory text and put them outside.<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i2.jpg\" width=\"2541\" height=\"1809\" alt=\"\" \/>\n<\/div>\n<ul>\n<li>Let’s move on to the next item on the agenda.<\/li>\n<\/ul>\n<ol start=\"3\">\n<li><b>Clear.<\/b> Make the opening of the feed simple and clear to increase accessibility.<\/li>\n<\/ol>\n<ul>\n<li>Somehow we have to teach people how to use the new feed. At first we tried to come up with some kind of detailed training, but then we realised that the easiest way to do was to just pull the feed a few times. And stop when the person has done it.<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i3.jpg\" width=\"2541\" height=\"1968\" alt=\"\" \/>\n<\/div>\n<ol start=\"4\">\n<li><b>Habit.<\/b> If we don’t change user habits, we’ll keep old stuff.<\/li>\n<\/ol>\n<ul>\n<li>Some people use the current feed the old way. We shouldn’t break their habit. Let’s add a history button. This is about the new way to access the feed. Don’t show it for a long time. If the user opens the feed, we’ll remove the button.<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i4.jpg\" width=\"2541\" height=\"1833\" alt=\"\" \/>\n<\/div>\n<ol start=\"5\">\n<li><b>Additional entry points.<\/b> Finding more entry points will increase availability.<\/li>\n<\/ol>\n<ul>\n<li>When we spoke with users we found something interesting. When people contact the support team (chat) they go to watch stories on the home screen because they’re afraid to close the app (in general!!!). We must find a way to deal with these situations. This could affect how accessible the feed is.<\/li>\n<\/ul>\n<ul>\n<li>We knew this idea wouldn’t make it into the first version, so we didn’t make a prototype. But you can imagine it in your mind.<\/li>\n<\/ul>\n<h2>Priority<\/h2>\n<p>I met with the product manager and engineers to estimate the hypotheses according to two parameters: business value and technical complexity. We made a list of priorities.<\/p>\n<ol start=\"1\">\n<li><b>Main screen.<\/b> Adding the feed to the home screen will make it easier to access and more likely to be used.<\/li>\n<\/ol>\n<ul>\n<li>∞ ⁄ 5 = ∞<\/li>\n<\/ul>\n<ol start=\"2\">\n<li><b>Interest.<\/b> Make an entry point interesting to increase its open and retention rate.<\/li>\n<\/ol>\n<ul>\n<li>3 ⁄1 = 3<\/li>\n<\/ul>\n<ol start=\"3\">\n<li><b>Clear.<\/b> Make the opening of the feed simple and clear to increase accessibility.<\/li>\n<\/ol>\n<ul>\n<li>3\/1 = 3<\/li>\n<\/ul>\n<ol start=\"4\">\n<li><b>Habit.<\/b> If we don’t change user habits, we’ll keep old stuff.<\/li>\n<\/ol>\n<ul>\n<li>3 ⁄ 2 = 1.5<\/li>\n<\/ul>\n<ol start=\"5\">\n<li><b>Additional entry points.<\/b> Finding more entry points will increase availability.<\/li>\n<\/ol>\n<ul>\n<li>4 ⁄ 4 = 1<\/li>\n<\/ul>\n<h2>Scoping<\/h2>\n<p>We break down our ideas into iterations to get the product to users quickly and make sure it’s perfect.<\/p>\n<p><i>Iteration 1<\/i><\/p>\n<ul>\n<li><b>Main screen.<\/b> If we make the feed on the home screen, it will increase its accessibility and retention rate. This is our main idea, we will  make it.<\/li>\n<li><b>Interest.<\/b> Make an entry point interesting to increase its open and retention rate. I really want to do it at once, so that it will be the cherry on the cake. But if we don’t have time, we’ll put it in a separate iteration. Of course, it will be an ab-test to understand the impact of this particular idea.<\/li>\n<\/ul>\n<p><i>Next iterations<\/i><\/p>\n<ul>\n<li><b>Clear.<\/b> Make the opening of the feed simple and clear to increase accessibility. Let’s test it separately, in case this problem doesn’t exist and it is clear and simple without some additional activities.<\/li>\n<li><b>Habit.<\/b> If we don’t change user habits, we’ll keep old stuff. Important stuff. But we’ll run the first iteration only for new users and if everything is good there, we’ll make this idea and publish an update for everyone.<\/li>\n<li><b>Additional entry points.<\/b> Finding more entry points will increase availability. Oh, it’s definitely a contender to make it out of the first round!<\/li>\n<\/ul>\n<p>— Let’s go!<\/p>\n<h2>Iteration 1 · hi-fi<\/h2>\n<p>I just wanted to point out that our lo-fi prototypes already sounded pretty hi-fi. Having said that, we didn’t come across any major technical issues. So, all the ideas from the concepts made it through to the hi-fi stage, which is pretty unusual.<\/p>\n<p>But the final solution was this. The feed on the main screen looks like a top sheet that you can open by swiping from the top to the bottom. Plus, we made it so you can just click on the dragger and text to open it. We figured this out during the UX tests, but we assumed it in advance.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-new.jpg\" width=\"2541\" height=\"2031\" alt=\"\" \/>\n<\/div>\n<p>Above the dragger is a shortened descriptor from the feed, which changes every day along with the full descriptor inside the feed. You can read about this in the case study about <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/news-card\/\">the news card.<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-new2.jpg\" width=\"2541\" height=\"1860\" alt=\"\" \/>\n<\/div>\n<p>Just then, Sergei Egorov came along. The second designer to join us. I needed to move on to other things. Sergei took the reins as the second designer on the project. The second half of the work on the final layouts is creating animations of opening and closing the feed. Based on my prototype, Sergei put together a much more detailed one with a description of all the details.<\/p>\n<p>To close the feed, just hit the close button or swipe down. When we were testing it out, we realised that we needed to make closing by swiping up, so that it’s the reverse of opening. This meant there were three ways to close the feed in total. This way, everyone would know how it worked.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-new3.jpg\" width=\"2541\" height=\"2031\" alt=\"\" \/>\n<\/div>\n<p>We had to get the most complex interactive feature in the Tinkoff app up and running at the time, which was a big challenge for the whole team. It was pretty straightforward to develop the animation and the feed itself on Android, but we hit a few snags on iOS. But we managed to get around all those limitations in the end. Sometimes we had to switch up our strategy and come up with quick fixes, so Sergei spent a lot of evenings with the engineers. Sergei says,<\/p>\n<ul>\n<li><i>“We often sat with the engineers late into the night tweaking details and catching endless bugs together. I even picked up a few lines of code in Xcode.”<\/i><\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-serg.jpg\" width=\"2541\" height=\"1992\" alt=\"\" \/>\n<\/div>\n<p>At some point, we got everything to a state that could be called a release state. And it was so lovely to see that happen!<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/feedmain.jpg\" width=\"2560\" height=\"1918\" alt=\"\" \/>\n<\/div>\n<h2>First launch and results<\/h2>\n<p>We released it as an AB test for a new audience. At the same time, we ran a separate AB test on the description. Here’s what we found out.<\/p>\n<ol start=\"1\">\n<li>We saw a big jump in the number of people who stuck around and checked out the feed on a weekly basis (1-week feed retention rate).<\/li>\n<li>The percentage of users accessing the feed on the app shot up several times. This indicator saw a nice increase, even if it couldn’t help but grow.<\/li>\n<li>The engagement rate of the feed saw a slight decrease. This is because more people are now entering the feed, but the quality of these users has dropped. They’re not as active as they could be. We’ll be addressing this in the next episodes.<\/li>\n<li>There was no change to the weekly retention rate of the app, statistically speaking. We were disappointed, but not overly so. It’s really difficult to make changes.<\/li>\n<li>The descriptor did the job. Without it, the retention and open rates in the feed were lower.<\/li>\n<\/ol>\n<p>I’m happy to say that we met our goals, and we’re all proud of that.<\/p>\n<h2>Role and platforms<\/h2>\n<ul>\n<li>I participated in the formulation and confirmation of the problem together with the product manager.<\/li>\n<li>I did the primary research.<\/li>\n<li>I formulated hypotheses and participated in prioritization together with the product manager and engineers.<\/li>\n<li>Together with the manager, we divided all the hypotheses into iterations.<\/li>\n<li>I designed lo-fi and and first part of hi-fi mockups and described the requirements together with the technologists and engineers.<\/li>\n<\/ul>\n<p>Half of the layouts and animations were designed by Sergei Egorov. He joined us in the middle of the project as the second designer. Sergei helped QA engineers to run all the flow and described bugs.<\/p>\n<p>Basically, all solutions work on android and iOS.<\/p>\n<h2>Reflection<\/h2>\n<p>I think the first version of the personal feed opening could have been made much simpler, but it’s great that we overestimated the requirement at the start and made the transition above the level of the traditional design approach in the company. I’m really proud of this little project. See you in the next episodes, thank you!<\/p>\n<h2><a href=\"https:\/\/telegra.ph\/Kak-my-zatashchili-personalnuyu-lentu-na-glavnyj-ehkran-mobilnogo-banka-i-povysili-metriki-v-3-raza-04-13\">Story about the same, but from Sergei, only in Russian<\/a><\/h2>\n",
            "date_published": "2024-08-26T22:36:06+00:00",
            "date_modified": "2024-10-01T15:07:17+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-audience-dia-2.jpg",
            "_date_published_rfc2822": "Mon, 26 Aug 2024 22:36:06 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "193",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-audience-dia-2.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/feedmain.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-old.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-audience-dia-3.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-2.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i1.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i1-1.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i1-2.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i1-3.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i1-4.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i1-5.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i2.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i3.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-i4.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-new.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-new2.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-new3.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-feed-serg.jpg"
                ]
            }
        },
        {
            "id": "186",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/pd-job-pathways\/",
            "title": "Design career paths",
            "content_html": "<p>How we made design career paths and criteria for transition from one role to another for designers and got an effective tool to make a personal development plan. Additionally, we helped designers understand how they can develop and what level they are at now.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/cm-map.jpg\" width=\"2434\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<h2>Intro<\/h2>\n<p>A classic problem in a design team is that designers need to become managers in order to grow their careers. And we faced this problem too. Before some changes, each designer could only develop along one track: from middle to senior, and then please only go to management. After all, this was the only way for a designer to feel career growth and start earning more.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/cm-asis.jpg\" width=\"2526\" height=\"615\" alt=\"\" \/>\n<\/div>\n<p>That’s not cool, especially when we started running into situations where experienced designers don’t want to become managers. They want to be experts and grow further as designers, not peоple managers. There were two such cases in my time. Necessary to change something and we formulated the problem.<\/p>\n<h2>Problem<\/h2>\n<ol start=\"1\">\n<li>Designers don’t understand how they can grow in their career path. Plus they don’t understand what level they are at now.<\/li>\n<li>From team to team, designers have different development plans, and some have none at all, or they have them, but not about development.<\/li>\n<li>Designers think they can earn more and grow only if they become people managers.<\/li>\n<\/ol>\n<p>We conducted a survey of three questions. We collected more than 35 answers. The results confirmed the problems described above. The survey could not have been conducted, it was enough that this problem was confirmed by design managers. But it’s better to be sure than to make a mistake.<\/p>\n<p>Additionally, we suspected that many experienced designers go into people-management, burn out and quit afterward. We couldn’t confirm this because of the difficulty of collecting reliable data.<\/p>\n<h2>Criteria for success and audience<\/h2>\n<p>Quantitative survey shows that designers <b>understand how they can grow<\/b>, where they are now, and where they aspire to go in the future. All designers <b>have a personalized development plan<\/b> and are aligned together.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/cm-audience-(1).jpg\" width=\"2560\" height=\"1240\" alt=\"\" \/>\n<\/div>\n<p>The problem was solved within the Tinkoff Bank company, which is more than 200 designers of different levels and specializations. Graphic, interface, communication designers.<\/p>\n<h2>Actions<\/h2>\n<p>Obviously, we need some kind of explicitly described path-map that explains to designers how to develop. What were my actions?<\/p>\n<ol start=\"1\">\n<li>I researched how other companies do it.<\/li>\n<li>I looked for similar problems on the internet. There are plenty of them too.<\/li>\n<li>I called 4 design and not only design managers from other companies for an interview to share how it’s done.<\/li>\n<\/ol>\n<p>I analyzed the results and finally realized that there are different development tracks: people-manager track and individual contributor track. We can also build something similar.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/cm-tobe.jpg\" width=\"2526\" height=\"798\" alt=\"\" \/>\n<\/div>\n<p>But a path-map is not enough, we need something that will help us evaluate the designer and hint how we can develop further.<\/p>\n<p>I don’t believe in schemes where everything is described in detail: what books to read, what courses to take, something else to do. Because I haven’t come across a single successful case where it worked. Plus I have tried to build such schemes myself before and it is very difficult and expensive to keep such schemes up to date. Moreover, it turns out in reality that it is not necessary.<\/p>\n<p>As it turns out, each person is individual and the situation is also individual. We just need some role boundaries and growth criteria. Then it’s a matter of the specific situation and communication between the designer and his manager. The main thing is that development plans should include not work tasks, but actions that will help the designer to grow as a specialist.<\/p>\n<p>We need to make<\/p>\n<ol start=\"1\">\n<li>Design career paths<\/li>\n<li>Criteria for transition from one role to another<\/li>\n<\/ol>\n<h2>1. Design career paths<\/h2>\n<p>Sooo, paths. I want to remove some of the legalities. We have done dozens of iterations and the result is this one. It’s perfect for me. Design career paths edited due to the fact that I had to hide sensitive information.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/cm-map.jpg\" width=\"2434\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<p>The most popular question was this. What is the difference between a design lead and an expert designer? There is no difference between the roles, they are both the same level of knowledge specialists. There is a difference in focus.<\/p>\n<p><b>Expert designer focus are future, conceptual design, product vision, design strategy, interface quality, visual language. Design lead are process, x-communication, reward and recognition, performance, underperformance, hiring. Everything else is common.<\/b><\/p>\n<h2>2. Criteria for transition<\/h2>\n<p>Everything is clear with career paths, now we need to somehow understand what are the criteria for transition from one role to another. 60% of all criteria I wrote based on my expert opinion, 40% I looked up something in other companies. We did more than 20 iterations to improve the structure and content. Showed the map to design leaders, collected feedback. Selectively showed it to designers in 1-on-1 meetings.<\/p>\n<p>After the final collection of feedback we realized that some criteria are not clear to designers, but for the sake of speed we simplified the description and came up with a scheme where we will describe the criteria in detail in separate articles to be written by designers themselves. After the articles were written, we started adding links in the table as additional information and clarification.<\/p>\n<p>We chose the easiest format to launch the tool as early as possible and that’s Google Docs.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/cm-crit.jpg\" width=\"2526\" height=\"1644\" alt=\"\" \/>\n<\/div>\n<p>The criteria are clear, but how can a supervisor create a growth plan for designers? For this we came up with a simple method that consists of several steps.<\/p>\n<ol start=\"1\">\n<li>Make a copy of the table and make a separate page for each designer.<\/li>\n<li>Independently evaluate each designer for each point, for example from 1 to 3. I like coloring the table cells in shades of one color.<\/li>\n<li>Ask each of your designers to do the same thing independently. Let them also do this on their own. Then discuss the results 1 on 1 and combine these two tables into one.<\/li>\n<li>Choose the right development strategy, considering the interests of the designer and the team. Choose 1-3 most important growth points (not more!) and develop a plan. We trust mentors to decide specifically what needs to be done. Such issues are resolved personally and I don’t believe it can be formalized in any way. Each person is an individual and each person needs their own approach.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/cm-crit-2.jpg\" width=\"2517\" height=\"1644\" alt=\"\" \/>\n<\/div>\n<p>Hurrah! The plans exist and now they do not consist only of work tasks. Furthermore, each manager now has at least one topic for discussion at 1-on-1 meetings to monitor the progress of each designer. It is on these meetings that progress needs to be supported.<\/p>\n<p>By the way, after all this, you can easily compare one designer with others and draw conclusions what portrait of the team as a whole. We tested it on five designers, made minor changes.<\/p>\n<h2>Launch<\/h2>\n<p>It seems like it’s time to implement. We needed to do it in a way that would get minimal resistance from the designers. I came up with a plan like this:<\/p>\n<ol start=\"1\">\n<li>Conduct a test development plan and conduct a criteria review for four designers selectively and gather feedback.<\/li>\n<li>Ask the lead designers to show design career paths and criteria in 1 on 1 meetings and collect feedback.<\/li>\n<li>Once changes are added, make a public announcement to the entire design department.<\/li>\n<li>Hold 2-3 public workshops.<\/li>\n<li>Make final edits.<\/li>\n<\/ol>\n<p>That’s exactly what we did. Bow!<\/p>\n<h2>Results<\/h2>\n<p>I went through more than 20 development plans. In the end, I saw clear development plans with growth points and no work tasks. This is a success, but we need to keep monitoring this further and add this to the onboarding of new designers.<\/p>\n<p>I conducted an anonymous survey among designers and got these results.<\/p>\n<div class=\"e2-text-table\">\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tr>\n<td><i>Issue<\/i><\/td>\n<td><i>Yes, %<\/i><\/td>\n<td><i>No, %<\/i><\/td>\n<\/tr>\n<tr>\n<td>You know about the competency map?<\/td>\n<td>81,8<\/td>\n<td>18,2<\/td>\n<\/tr>\n<tr>\n<td>Do you understand how you can develop in the company as a whole?<\/td>\n<td>83,4<\/td>\n<td>16,6<\/td>\n<\/tr>\n<tr>\n<td>Do you know what you need to develop in yourself to move further along your career path?<\/td>\n<td>78,8<\/td>\n<td>21,2<\/td>\n<\/tr>\n<\/table>\n<\/div>\n<h2>Next steps<\/h2>\n<p>I plan to collect feedback and make improvements. If the topic takes root, make it more convenient in a separate software that is being developed by the internal product team in the company. Separately write detailed articles on different topics from the criteria and insert links in the table with the criteria. I want these articles to be written by the designers themselves.<\/p>\n<h2>Role and reflection<\/h2>\n<p>I was the owner of this project, so I made career paths and criteria myself, but with the help of a huge number of our designers. My manager validated the directions of thought. Special thanks to the design managers and designers who implemented it all to themselves and wrote feedback. I take my hat off to you all.<\/p>\n<p>I didn’t come up with anything new. But I am proud that I was able to convince everyone and implement  it in such a big company. I am proud of the work we have done together. See you in the next episodes, thank you!<\/p>\n<h2><a href=\"https:\/\/drive.google.com\/file\/d\/1_kk4OkFfXh0nPcU9JdWV0b4sBhPWmmG5\/view?usp=sharing\">Poster, PDF 3.4 MB<\/a><\/h2>\n",
            "date_published": "2023-11-16T22:35:39+00:00",
            "date_modified": "2024-01-31T22:08:13+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/cm-map.jpg",
            "_date_published_rfc2822": "Thu, 16 Nov 2023 22:35:39 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "186",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/cm-map.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/cm-asis.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/cm-audience-(1).jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/cm-tobe.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/cm-crit.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/cm-crit-2.jpg"
                ]
            }
        },
        {
            "id": "191",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/comments\/",
            "title": "Comments in stories",
            "content_html": "<p>I’d like to share a story about how we made a comments in stories. By doing so, we increased the number of stories read and the number of days in stories by 13%. I won’t describe the case in detail here, as it is described in <a href=\"https:\/\/telegra.ph\/Kak-my-vstroili-kommenty-v-istorii-mobilnogo-banka-Tinkoff-07-27\">great detail by Misha,<\/a> I will only share a few points.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-comments.jpg\" width=\"2560\" height=\"1796\" alt=\"\" \/>\n<\/div>\n<p>Tinkoff is an online ecosystem or super app based on financial and lifestyle services. The best mobile privetely-held bank in the world according to Global Finance. The third largest bank in the CIS with 30,000,000 customers.<\/p>\n<h2>Situation and challenge<\/h2>\n<p>We need to sell financial products in some way, this is the company’s main income. In order to do this more effectively, we talk about financial products in stories. Consequently, engagement in these stories has a positive effect on sales. That’s why we decided to make a comments module as a tool for engaging in our stories. At the same time, we conducted research and made sure that people want to be involved in the community, to share their opinions, to ask questions.<\/p>\n<h2>Actions<\/h2>\n<p>We did a simple discovery. Analyzed similar products, analyzed similar solutions within Tinkoff and did a desk study of benchmarks. In the end we have 6 hypotheses, prioritized them and took the first two hypotheses in the first iteration to cover all success criteria. As part of the first iteration, made hi-fi mockups and tested them. I’m not talking about a dozen approaches, how the comments could look like, it’s all <a href=\"https:\/\/telegra.ph\/Kak-my-vstroili-kommenty-v-istorii-mobilnogo-banka-Tinkoff-07-27\">described in detail by Misha.<\/a><\/p>\n<h2>Results<\/h2>\n<p>At the beginning of September we launched AB test. A few weeks later, we go into analytics, and the number of comments there has increased 70 times in relation to the previous weeks. What is the reason? Comments were enabled on Junior users (kids under 14). They made this feature monumental.<\/p>\n<p><b>Total number of stories read increased by 12.9% and number of days by 13.2%<\/b><\/p>\n<p>And these are the results of adult clients, in children it is 2-3 times higher, but we don’t include children in the results for obvious reasons. The role of designer was performed by Misha Naer. I played the role of the head of the design process. And these are the results of the first iteration, further on it will be more interesting. See you in the next episodes, thank you!<\/p>\n",
            "date_published": "2023-09-04T21:53:32+00:00",
            "date_modified": "2023-09-12T23:25:52+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-comments.jpg",
            "_date_published_rfc2822": "Mon, 04 Sep 2023 21:53:32 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "191",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-comments.jpg"
                ]
            }
        },
        {
            "id": "190",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/the-best-designers-are-artists\/",
            "title": "The best designers are artists",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/The-Best-Designers-are-Artists-1.png\" width=\"2400\" height=\"1496\" alt=\"\" \/>\n<\/div>\n<p>Not all designers are artists. In fact, most designers aren’t artists and that’s perfectly fine. But the best designers are indeed artists. And that’s the difference. For the most talented, successful designers in the industry, art is the secret ingredient that takes their work to the next level.<\/p>\n<p>I like it ♥️<\/p>\n<p><a href=\"https:\/\/vanschneider.com\/blog\/the-best-designers-are-artists\/\">The best designers are artists<\/a><\/p>\n",
            "date_published": "2023-06-02T14:24:34+00:00",
            "date_modified": "2023-06-02T14:24:29+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/The-Best-Designers-are-Artists-1.png",
            "_date_published_rfc2822": "Fri, 02 Jun 2023 14:24:34 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "190",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/The-Best-Designers-are-Artists-1.png"
                ]
            }
        },
        {
            "id": "185",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/news-card\/",
            "title": "News card in personal feed · Tinkoff",
            "content_html": "<p>How we made a news card in the feed and increased CTR of first card by 32%, 1-week retention rate of the feed by 8%, open rate by 4% and engagement rate by 35%.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-new-sexy-feed.jpg\" width=\"2560\" height=\"2005\" alt=\"\" \/>\n<\/div>\n<p><a href=\"https:\/\/apps.apple.com\/RU\/app\/id455652438\">Tinkoff<\/a> is an online ecosystem or super app based on financial and lifestyle services. The best mobile privetely-held bank in the world according to Global Finance. The third largest bank in the CIS with 30,000,000 customers.<\/p>\n<p>A personal feed is a product. With the help of which we are building a communication platform where people learn all about finance, save money and have fun. Businesses need a personal feed to sell financial products through it. Users need to have fun, learn something new, be part of an expert community. In simple words, it’s just a feed of events and news.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-old-feed.jpg\" width=\"2526\" height=\"1695\" alt=\"\" \/>\n<\/div>\n<h2>Problem for users<\/h2>\n<p>Analyzing different types of cards and collections, we noticed an increase in interest in news cards, especially when we combine them into collections. Based on this insight, we decided that we need to develop in this direction.<\/p>\n<p>Hence the problem — people want to be able to see an up-to-date selection of news based on their interests. They don’t want to collect this news in different places, they want to see it all at once. Most importantly, this was confirmed in a series of user interviews that were aimed at finding the answer “Why do users use the feed?”<\/p>\n<p>We decided that it needed to be checked somehow cheaply. And we collected a selection of news based on the type of card already available.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-with-news-old-card.jpg\" width=\"2526\" height=\"1695\" alt=\"\" \/>\n<\/div>\n<p>After such an experiment, we noticed a significant increase (+24%) in the CTR of this card relative to the most popular card in this place. So we realized that we need to improve the user experience of this card and come up with maximum ways to engage a person.<\/p>\n<h2>Problem for business<\/h2>\n<p>We are always looking for ways to increase CTR with the feed cards. Because with the growth of CTR → engagement grows. With the growth of engagement, the loyalty of users grows, and with the growth of loyalty, the revenue from sales of our internal services grows.<\/p>\n<h2>Audience<\/h2>\n<p>The audience is very wide and diverse. But we aimed at all our bank users with an active lifestyle. I can’t share the audience of the personal feed, but it makes up the majority of the total number of customers. Considering that we have 30,000,000 customers, the scale of the product is confirmed. Wow!<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-audience-dia.jpg\" width=\"2541\" height=\"528\" alt=\"\" \/>\n<\/div>\n<h2>Success criteria<\/h2>\n<p>We will consider the success criterion to be CTR of this card, which will be higher than CTR of the news card from the experiment above (which means it will be higher than any other card in the first place of the feed).<\/p>\n<p>Additionally, we will look at the open and 1-week retention rate of the feed, because the first card will be visible in a hidden state.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-compare-was-willbe.jpg\" width=\"2526\" height=\"1695\" alt=\"\" \/>\n<\/div>\n<h2>Discovery · Interview<\/h2>\n<p>Fortunately, quite by chance, we conducted a series of interviews with our users in parallel. We were trying to find an answer to the question of why users read the feed. We had a small product market fit, but we didn’t understand exactly why it happened.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-interview.jpg\" width=\"2526\" height=\"1551\" alt=\"\" \/>\n<\/div>\n<p>Total 19 in-depth interviews. The latest news got into the top 3 insights. This confirms our initial insight. In addition, we realized that we need to recommend news in a personalized format and give only a selection of headlines.<\/p>\n<h2>Discovery · Analysis of similar products<\/h2>\n<p>Next, we went to see how different products aggregate different information into a card. Here we found some interesting ideas.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-similar-products.jpg\" width=\"2526\" height=\"1413\" alt=\"\" \/>\n<\/div>\n<p>First, almost all cards with no more than four lines of content. If more, then do a horizontal scroll. Secondly, it is important to understand the date of publication, how new the material is. Third, currency exchange rates and investment stickers look cool together with a selection of news as a single widget. Fourth, the introductory description, as an engagement tool, creates the effect of personalization. Additionally a personal address by name attracts a lot of attention. (everyone already knows that)<\/p>\n<h2>Wow! As a result, we had a lot of ideas. We have described them in the form of hypotheses below<\/h2>\n<h2>Hypothesis formulation and low-fi prototypes<\/h2>\n<p>Now the card is colored and we know that this is important. When the feed is hidden, a piece of the card is visible and it attracts attention. We decided not to experiment with this and further considered it only in color.<\/p>\n<ol start=\"1\">\n<li><b>Dates.<\/b> If we display the publication dates of articles, it may affect card CTR.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/lofi-dates.jpg\" width=\"2526\" height=\"1695\" alt=\"\" \/>\n<\/div>\n<ol start=\"2\">\n<li><b>Pictures.<\/b> If we add pictures to the news, it may affect card CTR.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/lofi-pic.jpg\" width=\"2526\" height=\"1695\" alt=\"\" \/>\n<\/div>\n<ol start=\"3\">\n<li><b>Personalisation.<\/b> If we display news based on user interests, it may affect CTR and retention rate.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/lofi-pers.jpg\" width=\"2526\" height=\"1695\" alt=\"\" \/>\n<\/div>\n<ol start=\"4\">\n<li><b>Name.<\/b> If we contact to you personally, it may affect feed open rate.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/lofi-name.jpg\" width=\"2526\" height=\"1695\" alt=\"\" \/>\n<\/div>\n<ol start=\"5\">\n<li><b>Introductory text.<\/b> If we write a humorous introductory text, it may affect retention rate.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/lofi-text.jpg\" width=\"2526\" height=\"1695\" alt=\"\" \/>\n<\/div>\n<ol start=\"6\">\n<li><b>Currency rates.<\/b> If we display currency rates and share price, it may affect retention rate.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/lofi-rates.jpg\" width=\"2526\" height=\"1695\" alt=\"\" \/>\n<\/div>\n<h2>Priority<\/h2>\n<p>I set up a meeting with the product manager and engineers to estimate all hypotheses according to two parameters: technical complexity of the implementation (from 1 to 5) and business value (from 1 to 5). We divided one into the other and got an hi-level prioritisation coefficient. So...<\/p>\n<p><i>Card CTR <\/i><\/p>\n<ul>\n<li><b>Dates.<\/b> If we display the publication dates of articles, it may affect card CTR.<br \/>\n3 ⁄ 1 = 3<\/li>\n<li><b>Pictures.<\/b> If we add pictures to the news, it may affect card CTR.<br \/>\n3 ⁄ 1 = 3<\/li>\n<li><b>Personalisation.<\/b> If we display news based on user interests, it may affect card CTR and retention rate.<br \/>\n5 ⁄ 5 = 1<\/li>\n<\/ul>\n<p><i>Open rate<\/i><\/p>\n<ul>\n<li><b>Name.<\/b> If we contact to you personally, it may affect open rate.<br \/>\n3 ⁄ 1 = 3<\/li>\n<\/ul>\n<p><i>Retention rate<\/i><\/p>\n<ul>\n<li><b>Introductory text.<\/b> If we write a humorous introductory text, it may affect retention rate.<br \/>\n3 ⁄ 2 = 1.5<\/li>\n<li><b>Currency rates.<\/b> If we display currency rates and share price, it may affect retention rate.<br \/>\n2 ⁄ 2 = 1<\/li>\n<\/ul>\n<h2>Scoping<\/h2>\n<p>We divide all into iterations in order to deliver a valuable product as quickly as possible. We focus on three metrics card CTR, retention rate and feed open rate. Therefore, we can take one hypothesis for each metric in each iteration. Of course, we understood that they could influence each other, but speed is more important.<\/p>\n<p><i>Iteration 1<\/i><br \/>\nWe definitely make a news card with dates right away. We had a dispute about the pictures, the product manager believed that it would work better without pictures. We agreed on an AB test. Additionally, we will take the appeal by name, since it affects another metric.  We do not take hypotheses aimed at retention rate in the first iteration due to the fact that they are complex, and we want to deliver value as early as possible.<\/p>\n<ul>\n<li><b>Dates.<\/b> If we display the publication dates of articles, it may affect card CTR.<\/li>\n<li><b>Pictures.<\/b> If we add pictures to the news, it may affect card CTR.<\/li>\n<li><b>Name.<\/b> If we contact to you personally, it may affect open rate.<\/li>\n<\/ul>\n<p><i>Iteration 2<\/i><br \/>\nThe text-introduction will be launched separately. Potentially, this can affect the retention rate individually, it is interesting to check.<\/p>\n<ul>\n<li><b>Introductory text.<\/b> If we write a humorous introductory text, it may affect retention rate.<\/li>\n<\/ul>\n<p><i>Iteration 3<\/i><br \/>\nAfter that, we will add a widget with currency rates and investment tickers. It is also interesting to test them separately because this hypothesis is also aimed at the retention rate.<\/p>\n<ul>\n<li><b>Currency rates.<\/b> If we display currency rates and share price, it may affect retention rate.<\/li>\n<\/ul>\n<p><i>Iteration 4<\/i><br \/>\nNext, we try to personalize the news (a difficult thing), so in the end.<\/p>\n<ul>\n<li><b>Personalisation.<\/b> If we display news based on user interests, it may affect CTR and retention.<\/li>\n<\/ul>\n<p>— Let’s go!<\/p>\n<h2>Iteration 1 · hi-fi<\/h2>\n<p>We added only 4 news, it seems enough to start and looks easy. We tried to make the interface as simple as possible, we have already made mistakes with this many times in the collections. And there was an insight from users that they want to see all the current news in a list at once. We borrowed the algorithm from a web magazine, it is already ready there, current news.<\/p>\n<p>We had two options:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-1-news.jpg\" width=\"2526\" height=\"1695\" alt=\"\" \/>\n<\/div>\n<p>I chose the second option. It looks simpler and more aesthetically pleasing. Next...<\/p>\n<p>Added dates. There are not too many options for how this can be shown, so we made it as simple as possible. We already have a date display style in other cards.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-1-datesandrules.jpg\" width=\"2526\" height=\"1695\" alt=\"\" \/>\n<\/div>\n<p>We enter the dates according to special rules that I have formed.<\/p>\n<div class=\"e2-text-table\">\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tr>\n<td><b>Have<\/b><\/td>\n<td><b>Show<\/b><\/td>\n<\/tr>\n<tr>\n<td>≤ 5 min<\/td>\n<td>just now<\/td>\n<\/tr>\n<tr>\n<td>< 1 hour<\/td>\n<td>56 min ago<\/td>\n<\/tr>\n<tr>\n<td>< 2 hours<\/td>\n<td>1 hour ago<\/td>\n<\/tr>\n<tr>\n<td>< 1 day<\/td>\n<td>23 hours ago<\/td>\n<\/tr>\n<tr>\n<td>< 2 days<\/td>\n<td>yesterday<\/td>\n<\/tr>\n<tr>\n<td>< 8 days<\/td>\n<td>6 days ago<\/td>\n<\/tr>\n<tr>\n<td>≥ 8 days<\/td>\n<td>18 february<\/td>\n<\/tr>\n<tr>\n<td>≥ 1 year<\/td>\n<td>18 february 2020<\/td>\n<\/tr>\n<\/table>\n<\/div>\n<p>Added an appeal by name. I made it as simple as possible, using the available styles from other cards. That’s where we stopped.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-1-name.jpg\" width=\"2526\" height=\"1695\" alt=\"\" \/>\n<\/div>\n<p>Added pictures. As I said before, we had disagreements on this, so it got into the first iteration, we will run them AB test. Option A without pictures, option B with pictures. We will show the card 50-50, we will look at the card CTR.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-1-abpics.jpg\" width=\"2526\" height=\"1695\" alt=\"\" \/>\n<\/div>\n<p>That is all.<\/p>\n<p>We didn’t do any interface tests, because it seems to us that there is nothing to check here. I checked only the list of <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/self-checking-the-interface\/\">self-checking the interface.<\/a> So, it was → will be.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-1-willbe.jpg\" width=\"2526\" height=\"1695\" alt=\"\" \/>\n<\/div>\n<h2>First launch and results<\/h2>\n<p>AB test results. At the first visit, users tap better on the news card without pictures. The relative uplift in CTR is 9%. It does not affect taps when re-entering. It does not affect the return to the feed. The card without pictures won, I cried :-(<\/p>\n<p>In general, first card CTR +8% (new format and dates) and feed open rate +4% (address by name). Cool! Let’s move on to the next iterations.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-role-3.jpg\" width=\"2526\" height=\"1527\" alt=\"\" \/>\n<div class=\"e2-text-caption\">This is a product manager, his name is Nikita. Nikita is glad that he won the AB test. He was for the option without pictures<\/div>\n<\/div>\n<p>Moving on!<\/p>\n<h2>Iteration 2 · hi-fi<\/h2>\n<p>Hello again! It’s time to work with the retention rate as part of the news card and we have an introductory text on this. The main idea is that we want to make an introductory text that will change every day. It should have a welcoming meaning.<\/p>\n<p>We strongly believe that the text should be humorous, this was confirmed in user interviews, people want something entertaining, a lot of sad things are happening in the world anyway. This can be a great reward for action.<\/p>\n<p>We have not found an editor resource that will write an introductory text every day for several days ahead. So I came up with and wrote them myself. I really want to test this.<\/p>\n<p>What might it look like? We didn’t want to come up with something new (so as not to complicate the idea of test) yet, so we took the text style from other cards as a basis and applied it in our news card. The main thing is that it should be readable, simple and understandable. We have reduced the number of articles to make it look easier visually. We removed the “current news” descriptor and moved it inside the introductory text to make it all look easier.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-2-text.jpg\" width=\"2526\" height=\"1695\" alt=\"\" \/>\n<\/div>\n<p>An important learn that we found. We are well aware that it is ideal to use the hook model for the retention rate boost. And we even figured out how to do it. The reason is the position of the feed in the app and the policy of contacts to send push messages. We promised ourselves to try it after moving the feed to a more accessible place in the app. But about this in another story.<\/p>\n<p>While we design a text, another idea came up. What if we ask some interesting question in the introductory text, and somewhere in the middle of the feed we give an answer in the form of a story card. If we use the story card, we won’t need to develop anything additionally – perfect for the test. It seems that in addition to the retention rate, we can influence the engagement rate of the feed.<\/p>\n<p><b>feed engagement rate = (user tap + like + bookmark + share + swipe) \/ all users × 100%<\/b><\/p>\n<p>The idea should work because people will look for an answer, react to it and get involved in other content. Sounds interesting?<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-2-story.jpg\" width=\"2526\" height=\"1776\" alt=\"\" \/>\n<\/div>\n<p>Sure! Sounds interesting. So, it was and will be. Of course, guys, we started with an AB test to understand the impact of the second iteration on the result.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-2-willbe.jpg\" width=\"2526\" height=\"1731\" alt=\"\" \/>\n<\/div>\n<h2>Second launch and results<\/h2>\n<p>In general, feed 1-week retention rate +8% (introductory text with a question and answer) and feed engagement rate +35% (introductory text with a question and answer). It’s hard to understand why it affected engagement so much, but I like it. The test did not affect the CTR of the first card and the open rate in any way, which is also important.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-2it.jpg\" width=\"2541\" height=\"528\" alt=\"\" \/>\n<\/div>\n<h2>Iteration 3 and 4 · not done<\/h2>\n<p>An interesting thing happened, we decided to redo the concept of the feed as a whole and separate the news selection from the text and the address by name. The introductory text and the appeal should become part of the feed itself and be independent, but that’s another story.<\/p>\n<p>So, we have postponed working with currency exchange rates and personalisation. But I want to show you the layouts and developments on these tasks, they should not be lost. We will return to them later, but in another story.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/pic-34.jpg\" width=\"2526\" height=\"1695\" alt=\"\" \/>\n<\/div>\n<h2>Role and platforms<\/h2>\n<p>I participated in the formulation and confirmation of the problem together with the product manager. I communicated with analysts to find out insides. I participated in user interviews and analysis of similar products. The research team helped me a lot, thanks to them.<\/p>\n<p>I formulated hypotheses and participated in prioritization together with the product manager and engineers. Together with the manager, we divided all the hypotheses into iterations. I designed lo-fi and hi-fi mockups and described the requirements together with the technologists and engineers. I helped QA engineers to run all the flow and described bugs. I wrote dozens of introductory texts for the news card. Basically, all solutions work on android and iOS.<\/p>\n<h2>Reflection and final results<\/h2>\n<p>Although the results cannot be called super-high, but they can be called real.<br \/>\nWe achieved:<\/p>\n<ul>\n<li>first card CTR without development +24%<\/li>\n<li>first card CTR with development +8%<\/li>\n<li>feed open rate +4%<\/li>\n<li>feed 1-week retention rate +8%<\/li>\n<li>feed engagement rate +35%<\/li>\n<\/ul>\n<p>I would certainly like more. Unfortunately, we couldn’t do all the planned iterations, but it was influenced by external factors. Plus, in the second iteration, it was hard for me to throw out the subscription model. But we understood that it was too early to give such functionality, the card does not take into account interests.<\/p>\n<p>The story looks real and confirms the theory of <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/process-story\/\">my design process,<\/a> which works in practice. Next time we’ll try to do more iterations. See you in the next episodes, thank you!<\/p>\n<p>Here I’m telling the same story, only live:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/Brz_XeX-wAQ?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<div class=\"e2-text-caption\">Don’t forget to turn on the subtitles, this presentation is in English and I’m speaking in my native language<\/div>\n<\/div>\n",
            "date_published": "2023-03-21T20:31:00+00:00",
            "date_modified": "2024-07-18T22:34:26+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/lofi-color.jpg",
            "_date_published_rfc2822": "Tue, 21 Mar 2023 20:31:00 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "185",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/media-seek\/media-seek.js"
                ],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/lofi-color.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-1-platforms-2.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-new-sexy-feed.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-old-feed.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-with-news-old-card.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-audience-dia.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-compare-was-willbe.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-interview.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-similar-products.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/lofi-dates.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/lofi-pic.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/lofi-pers.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/lofi-name.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/lofi-text.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/lofi-rates.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-1-news.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-1-datesandrules.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-1-name.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-1-abpics.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-1-willbe.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-role-3.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-2-text.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-2-story.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-2-willbe.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-2it.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/pic-34.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/remote\/youtube-Brz_XeX-wAQ-cover.jpg"
                ]
            }
        },
        {
            "id": "184",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/servis-kak-otel-11-zvyozd\/",
            "title": "11 star experience by airbnb",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/24052021_AIR_HP.jpg\" width=\"1920\" height=\"934\" alt=\"\" \/>\n<\/div>\n<p>Сооснователь Airbnb Brian Chesky в каком-то интервью поделился очень интересным приёмом, который помогает делать виральные продукты. Суть в том, что обычный интерфейс, сервис, продукт — это как отель 5 звёзд. А далее мы начинаем мечтать, а какой был бы сервис на 6 звёзд? 7, 8, 9, 10, 11 звёзд?<\/p>\n<p>Эта структура заставляет вас думать и проектировать до какой-то космической крайности, а затем вы смотрите на все это в обратном направлении, пытаетесь найти что-то реальное, чтобы создать восхитительный и достойный сарафанного радио опыт. И Brian убежден, что это работает почти всегда.<\/p>\n<h2>Главный вопрос<\/h2>\n<p>Начать нужно с вопроса, и обычно он звучит так «Что можно улучшить в продукте?». Такие вопросы не работают, работают такие «Что бы мне потребовалось, чтобы создать что-то, о чем ты бы буквально рассказывал каждому человеку, с которым когда-либо сталкивался?»<\/p>\n<h2>Пример<\/h2>\n<p>Как пример сооснователь взял часть сервиса продукта Airbnb — аренда квартиры. Каким будет 5-звездочный опыт? Вы стучите в дверь, хозяева открывают дверь и впускают вас. Здорово. В этом нет ничего особенного. Такой опыт не хочется рассказывать всем друзьям. Вы можете сказать: «Я воспользовался Airbnb — это сработало».<\/p>\n<p>Каким мог бы быть 6-звездочный опыт? Вы стучите в дверь, хозяин открывает и показывает вам квартиру. На столе был бы желанный подарок. Это была бы бутылка вина, может быть, немного конфет. Ты бы открыл холодильник, там есть вода. Ты идешь в ванную, там есть туалетные принадлежности. Все это великолепно. Вы бы сказали: “Вау, я люблю это больше, чем отель. Я определенно собираюсь снова воспользоваться Airbnb. Это сработало, лучше, чем я ожидал».<\/p>\n<p>Что такое 7-звездочный опыт? Ты стучишь в дверь. Хозяин открывает дверь. Ты входишь. Хозяин говорит «Добро пожаловать. Вот моя полностью оборудованная кухня. Я знаю, ты любишь серфинг. Там тебя ждет доска для серфинга. Кстати, вот моя машина, ты можешь воспользоваться ею. И я тоже хочу тебя удивить. Есть один лучший ресторан в городе Сан-Франциско. Я заказал тебе там столик». А ты такой: «Ого, это уже далеко за гранью».<\/p>\n<p>Итак, какой будет 10-звездочная регистрация заезда? 10-звездочная регистрация была бы регистрацией The Beatles. В 1964 году. Я бы сошел с самолета, и там было бы 5000 старшеклассников, приветствующих меня. Я бы добрался до гостевого двора дома, и там была бы пресс-конференция для меня, и это был бы просто шикарный опыт.<\/p>\n<p>Итак, каким будет 11-звездочный отель? Я появлялся в аэропорту, а там был бы Илон Маск. И он говорит: «Ты отправляешься в космос вместе со мной...»<\/p>\n<h2>– Так, стоп!<\/h2>\n<p>Смысл процесса в том, что, возможно, 9, 10, 11 неосуществимы (мягко говоря). Но если вы проделаете это сумасшедшее упражнение, то обнаружите некую приятную разницу между «Он появился и открыл дверь» и «Я полетел в космос». Это именно то, что нам нужно.<\/p>\n<p>Вы должны почти дойти до безумной крайности, чтобы вернуться назад. Внезапно вам покажется, что знание моих предпочтений и наличие доски для серфинга в доме — интересная идея. На самом деле это немного безумно с точки зрения логистики, но это именно то, что создает виральный опыт.<\/p>\n",
            "date_published": "2022-04-25T22:30:17+00:00",
            "date_modified": "2023-01-04T23:02:13+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/24052021_AIR_HP.jpg",
            "_date_published_rfc2822": "Mon, 25 Apr 2022 22:30:17 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "184",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/24052021_AIR_HP.jpg"
                ]
            }
        },
        {
            "id": "183",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/process\/",
            "title": "Design process",
            "content_html": "<p><a href=\"https:\/\/ivanzviahin.by\/blog\/all\/proces\/\">на русском<\/a> · in english<\/p>\n<p>Globally, each and every designer faces three types of tasks in their daily life. The first type is just about fixing something. The second group are likely to resolve some small problem. And lastly, they happen to do a big project. Depending on the type of task, there may come a different approach.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/Proprocess-3.jpg\" width=\"2434\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<ol start=\"1\">\n<li>“Fix something” is by far the simplest one. There is no rocket science in here. What we do is go handle it. It might be difficult from the point of view of the process to do something wrong here.<\/li>\n<\/ol>\n<ol start=\"2\">\n<li>“Solve a small problem” in a large project. For instance, we may desire to add up the ability to like publications in the news feed or attach the ability to build on QR codes to your profile. To read <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/process-story\/\">process for a small task<\/a> go straight to point five.<\/li>\n<\/ol>\n<ol start=\"3\">\n<li>“Do a large project”. This is something way bigger, which consists of dozens, hundreds, thousands of tasks from the second point. And  most importantly, in this approach we are to break a large project into smaller tasks. So, when it comes to the third type, then first you need to ↓<\/li>\n<\/ol>\n<h2>1. Understanding goals<\/h2>\n<p>As a rule, this is a meeting with all stakeholders. Together we describe <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/goal-mission\/\">goal and mission<\/a> and  define the <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/portret\/\">audience<\/a> for which we the product will be made. We write out the main hypotheses that have a direct connection with the goal and mission. For each hypothesis, the success criteria are described and outlined — a set of high-level metrics and indicators.<\/p>\n<ul>\n<li><a href=\"https:\/\/telegra.ph\/Kak-sformirovat-pravilnoe-ponimanie-zadachi-v-produktovom-dizajne-podrobnyj-gajd-04-22\">More about understanding<\/a> Naer and Zviahin so far only in russian<\/li>\n<\/ul>\n<h2>2. Taking a birdview of product<\/h2>\n<p>In here we have to understand the scope of the product and what other systems the product can potentially hook. There are a few simple ways that I tap into to sort it out. It must be noted that most often is it better to make use of everything to broaden your horizons.<\/p>\n<ol start=\"1\">\n<li>System diagrams. The temptation for many designers is to go straight to interface development. Yet designing interactions at such an early stage can interfere with the development of the basics of your product. As part of a workshop with all stakeholders, you need to describe the project through system diagrams.<\/li>\n<\/ol>\n<ul>\n<li><a href=\"https:\/\/www.intercom.com\/blog\/applying-systems-thinking-in-product-design\/\">Applying systems thinking in product design<\/a> Shekman Tang<\/li>\n<li><a href=\"https:\/\/www.intercom.com\/blog\/design-futures-1-creating-systems-not-products\/\">Creating systems not destinations<\/a> Paul Adams<\/li>\n<\/ul>\n<ol start=\"2\">\n<li>User journey map. It helps tremendously to look at the product from another perspective. We go beyond the edges of the product and try to understand how the user will find the product, how he will understand the specifics of the work, etc. What are the roles, what are the stages, what are the goals and actions at these stages. As part of a workshop with all stakeholders, you need to describe the product through a user journey map. It is important to note that this is just our representation and the representation of stakeholders. In reality, everything may be different and you need to verify this card with potential users at the discovery stage.<\/li>\n<\/ol>\n<ul>\n<li><a href=\"https:\/\/katesyuma.com\/miroverse\/\">Miroverse Step – 2 – CJM<\/a> Kate Syuma<\/li>\n<\/ul>\n<p>It is a good practice at this meeting to outline a potential discovery plan.<\/p>\n<h2>3. Make sure we are on the right track<\/h2>\n<p>It is time to validate the concept and search for growth points. I have a few simple ways to accomplish this.<\/p>\n<ol start=\"1\">\n<li><a href=\"https:\/\/ivanzviahin.by\/blog\/all\/in-depth-interview\/\">In-depth interviews.<\/a> A great way to find new insights, point-by-point. However, you should not immediately take them to work, it is best to validate them with points 2 and 3.<\/li>\n<li>Surveys. A quantitative study that can confirm the insights from point 1 and give reasons for reflection in isolation from qualitative research.<\/li>\n<li>Data analysis. A quantitative study that can confirm the insights from point 1 and give reasons for reflection in isolation from qualitative research.<\/li>\n<li>Competitor analysis. Top-level view of the set of functions of your direct and indirect competitors. This will help find something new and check out what you already have.<\/li>\n<li>Analysis of the metrics used. Desk research. As a rule, we are not the first in the world to do this, and quite a lot of articles with research and best solutions have already been written about many practices. We cannot say that they will suit us, but they are worth studying.<\/li>\n<li>Analysis of user feedback. Work with reviews in stores and with what arrives at the support service. There are often diamonds there that can confirm your idea or hypothesis.<\/li>\n<\/ol>\n<p>All these ways can change your model from point two.<\/p>\n<h2>4. Prioritizing it and splitting into versions<\/h2>\n<p>Next, we need to divide our entire concept into small user stories, prioritize them and divide them into versions.<\/p>\n<p>So, a map of user stories. This is such a visualization of the solution scope, which helps us determine the minimum valuable product and its evolution. Below is a good video that explains how it works in three minutes.<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/TaMLUf3gISo?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>To prioritize stories by importance, you can use <a href=\"https:\/\/www.productplan.com\/glossary\/moscow-prioritization\/\">moscow framework,<\/a> and <a href=\"https:\/\/medium.com\/radius-engineering\/project-estimation-through-t-shirt-size-ea496c631428\">t-shirt size framework<\/a> for technical complexity.<\/p>\n<p>As a result, we have dozens, hundreds, thousands of user stories that are prioritized and divided into versions.<\/p>\n<h2>5. Approaching each story individually<\/h2>\n<p>In a while, we work with each story (a small task) by a similar process, but still a little different.<\/p>\n<ol start=\"1\">\n<li>Understanding the task<\/li>\n<li>Discovery<\/li>\n<li>Formulation of hypotheses and low-fi prototypes<\/li>\n<li>Scouping and high-fi prototypes<\/li>\n<li>Review the result and launch!<\/li>\n<li>Result analysis and new iterations<\/li>\n<\/ol>\n<p><b><a href=\"https:\/\/ivanzviahin.by\/blog\/all\/process-story\/\">Learn more about the design process of a small task →<\/a><\/b><br \/>\n<b><a href=\"https:\/\/drive.google.com\/file\/d\/1npBBtwRmWbiGo038QA97r0Iq0h5LJzgh\/view?usp=sharing\">Poster, PDF 2.3 MB<\/a><\/b><\/p>\n",
            "date_published": "2022-04-18T19:19:46+00:00",
            "date_modified": "2023-11-21T20:50:40+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/Proprocess-3.jpg",
            "_date_published_rfc2822": "Mon, 18 Apr 2022 19:19:46 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "183",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/media-seek\/media-seek.js"
                ],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/Proprocess-3.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/remote\/youtube-TaMLUf3gISo-cover.jpg"
                ]
            }
        },
        {
            "id": "182",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/proces\/",
            "title": "Дизайн-процесс",
            "content_html": "<p>на русском · <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/process\/\">in english<\/a><\/p>\n<p>Глобально дизайнер сталкивается с тремя типами задач в своей повседневной жизни. Первый тип — просто что-то поправить. Второй решить какую-то маленькую задачу. Третий — сделать большой проект. В зависимости от типа задачи зависит и подход к ней.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/Proprocess-3.jpg\" width=\"2434\" height=\"2560\" alt=\"\" \/>\n<\/div>\n<ol start=\"1\">\n<li>«Что-то поправить» — самый простой. Тут не нужно что-то выдумывать, нужно пойти и поправить. Будет сложно с точки зрения процесса что-то тут сделать не так.<\/li>\n<\/ol>\n<ol start=\"2\">\n<li>«Решить маленькую задачу» в рамках большого проекта. Например, мы хотим добавить возможность лайкать публикации в ленте новостей или добавить возможность добавлять QR-коды в свой профиль. Чтобы почитать <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/proces-istorii\/\">процесс для маленькой задачи<\/a> переходи сразу в пункт номер пять.<\/li>\n<\/ol>\n<ol start=\"3\">\n<li>«Сделать большой проект». Это что-то более крупное, что состоит из десятка, сотен, тысяч задач второго типа. И самое главное в этом подходе разбить большой проект на более мелкие задачи. Итак, если речь идет о третьем типе, то сначала нужно ↓<\/li>\n<\/ol>\n<h2>1. Понять цели<\/h2>\n<p>Как правило, это встреча со всеми заинтересованными сторонами. Вместе мы описываем <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/goal\/\">цель и миссию.<\/a> Определяем <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/audience\/\">аудиторию<\/a> для которой мы делаем продукт. Выписываем основные гипотезы, которые имеют прямую связь с целью и миссией. Для каждой гипотезы описываем критерии успеха — набор высокоуровневых метрик и индикаторов.<\/p>\n<ul>\n<li><a href=\"https:\/\/telegra.ph\/Kak-sformirovat-pravilnoe-ponimanie-zadachi-v-produktovom-dizajne-podrobnyj-gajd-04-22\">Подробнее о понимании задачи<\/a> Миша Наер и Иван Звягин<\/li>\n<\/ul>\n<h2>2. Посмотреть на продукт с высоты<\/h2>\n<p>Нам нужно как-то понять объёмы продукта и какие другие системы продукт потенциально может зацепить. Для этого есть несколько простых способов, которые я использую. Важно отметить, что чаще всего лучше использовать все, чтобы расширить кругозор.<\/p>\n<ol start=\"1\">\n<li>Системные карты. Искушение для многих дизайнеров состоит в том, чтобы сразу перейти к разработке интерфейса. Но проектирование конкретных взаимодействий на таком раннем этапе может помешать разработке основ вашего продукта. В рамках воркшопа со всеми заинтересованными сторонами нужно описать проект через системные карты.<\/li>\n<\/ol>\n<ul>\n<li><a href=\"https:\/\/www.intercom.com\/blog\/applying-systems-thinking-in-product-design\/\">Applying systems thinking in product design<\/a> Shekman  Tang<\/li>\n<li><a href=\"https:\/\/www.intercom.com\/blog\/design-futures-1-creating-systems-not-products\/\">Creating systems not destinations<\/a> Paul Adams<\/li>\n<\/ul>\n<ol start=\"2\">\n<li>Карта пользовательских сценариев. Помогает посмотреть на продукт под другим углом и чуть шире, мы как бы выходим за грани продукта и пытаемся понять как пользователь найдет продукт, как поймет специфику работы и так далее. Какие есть роли, какие этапы, какие на этих этапах есть цели и действия. В рамках воркшопа со всеми заинтересованными сторонами нужно описать продукт через карту пользовательских сценариев.  Важно отметить, что это всего лишь наше представление и представление заинтересованных сторон. В реальности все может быть иначе и нужно эту карту отвалидировать с потенциальными пользователями на этапе исследования.<\/li>\n<\/ol>\n<ul>\n<li><a href=\"https:\/\/katesyuma.com\/miroverse\/\">Miroverse Step – 2 – CJM<\/a> Kate Syuma<\/li>\n<\/ul>\n<p>Хорошая практика прямо на этой встрече, в виде воркшопа, набросать потенциальный план исследования.<\/p>\n<h2>3. Убедиться, что мы на правильном пути<\/h2>\n<p>Настало время валидации концепции и поиска точек роста. На это у меня есть несколько простых способов.<\/p>\n<ol start=\"1\">\n<li><a href=\"https:\/\/ivanzviahin.by\/blog\/all\/research-interview\/\">Глубинные интервью.<\/a> Отличный способ найти новые инсайты, точечно. Но не стоит сразу их брать в работу, лучше всего их отвалидировать пунктами 2 и 3.<\/li>\n<li>Опросы. Количественное исследование, которое может подтвердить инсайты из пункта 1 и дать поводы для размышления в отрыве от качественных исследований.<\/li>\n<li>Анализ данных. Количественное исследование, которое может подтвердить инсайты из пункта 1 и дать поводы для размышления в отрыве от качественных исследований.<\/li>\n<li>Анализ конкурентов. Верхнеуровнево посмотреть набор функций ваших прямых и косвенных конкурентов. Это поможет вам найти что-то новое и проверить то, что у вас уже есть.<\/li>\n<li>Анализ метрики, которую бустим. Кабинетное исследование. Как правило мы делаем это не первые в мире и про многие практики написано достаточно много статей с исследованиями и лучшими решениями. Нельзя сказать, что они подойдут нам, но изучить стоит.<\/li>\n<li>Анализ пользовательского фидбэка. Работа с отзывами в сторах и с тем, что прилетает в службу поддержки. Там часто есть алмазы, которые могут подтвердить вашу идею или гипотезу.<\/li>\n<\/ol>\n<p>Все эти способы могут изменить вашу модель из пункта номер два.<\/p>\n<h2>4. Приоритезировать и разбить на версии<\/h2>\n<p>Далее нам нужно всю нашу концепцию разделить на маленькие пользовательские истории, приоритизировать их и разделить на версии.<\/p>\n<p>Итак, в комнату входит карта пользовательских историй. Это такая визуализация скоупа решения. Помогает нам определить минимальный жизнеспособный продукт и его эволюции. Ниже есть хорошее видео, которое объясняет как это работает за три минуты.<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/TaMLUf3gISo?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Для приоритезации историй по важности можно использовать <a href=\"https:\/\/www.productplan.com\/glossary\/moscow-prioritization\/\">фреймворк moscow,<\/a> а для технической сложности <a href=\"https:\/\/medium.com\/radius-engineering\/project-estimation-through-t-shirt-size-ea496c631428\">фреймворк t-shirt size.<\/a><\/p>\n<p>В итоге мы имеем десятки, сотни, тысячи пользовательских историй, которые приоритезированы и разбиты на версии.<\/p>\n<h2>5. Индивидуально подойти к каждой истории<\/h2>\n<p>Далее работаем с каждой историей (маленькой задачей) по похожему процессу, но всё же, немного другому.<\/p>\n<ol start=\"1\">\n<li>Понимание задачи<\/li>\n<li>Дискавери<\/li>\n<li>Формулирование гипотез и низкоуровневые прототипы<\/li>\n<li>Скоупинг и высокоуровневые макеты<\/li>\n<li>Ревью результата и запуск!<\/li>\n<li>Анализ результата и новые итерации<\/li>\n<\/ol>\n<p><b><a href=\"https:\/\/ivanzviahin.by\/blog\/all\/proces-istorii\/\">Подробнее про дизайн-процесс маленькой задачи →<\/a><\/b><br \/>\n<b><a href=\"https:\/\/drive.google.com\/file\/d\/1npBBtwRmWbiGo038QA97r0Iq0h5LJzgh\/view?usp=sharing\">Постер, ПДФ 2.3 МБ<\/a><\/b><\/p>\n",
            "date_published": "2022-04-14T22:39:28+00:00",
            "date_modified": "2023-11-21T20:51:08+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/Frame-8-3.png",
            "_date_published_rfc2822": "Thu, 14 Apr 2022 22:39:28 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "182",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/media-seek\/media-seek.js"
                ],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/Frame-8-3.png",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/proprocess-w-2.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/proprocess-3.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/Proprocess-3.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/remote\/youtube-TaMLUf3gISo-cover.jpg"
                ]
            }
        },
        {
            "id": "180",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/corridor-tests\/",
            "title": "Corridor tests",
            "content_html": "<p><a href=\"https:\/\/ivanzviahin.by\/blog\/all\/koridornye-testy\/\">на русском<\/a> · in english<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/david-travis-WC6MJ0kRzGw-unsplash-2.jpg\" width=\"2560\" height=\"1295\" alt=\"\" \/>\n<\/div>\n<h2>What are these tests for<\/h2>\n<p>So, at this stage you already have prototypes and formulated hypotheses. Now it remains to shake this bag and make sure that everything works as intended. Or rather, check the interface, icons, signatures, accents, and so on.<\/p>\n<h2>It’s simple<\/h2>\n<p>We have already formulated hypotheses, so we just write them out. We formulate tasks for users.<\/p>\n<p>We are preparing a clickable prototype, if it is needed. We fix the “gates”, in other words, the conversion marks of the interface. For example: opening a form, successful completion, sending, and so on.<\/p>\n<p>We are looking for participants for testing. We conduct testing and mark all the most important things. We draw conclusions and analyze them. Bingo, 100% percent you will change your attitude to your ideal prototypes.<\/p>\n<h2>1 step. Define hypotheses<\/h2>\n<p>Hypotheses are assumptions that we are going to test in the course of the study. It is better to formulate it according to the template: “If we do (the idea), then he will be able to positively influence (the criterion of success), since (why is this idea good)”.<\/p>\n<h2>2 step. Choose a testing method<\/h2>\n<p>All testing methodologies are divided into unmoderated and moderated according to the degree of independence of the task by respondents, as well as by the location of the respondent and the interviewer at the time of testing.<\/p>\n<p><b>First click.<\/b> The research participant follows the link and gets a very simple task. For example: “Where would you click to find information about leasing programs?”, “Choose leasing to purchase the selected car”. Only the first click is recorded. If the majority of respondents click “wrong way”, it signals that there are usability problems on the screen.<\/p>\n<p><b>Side by side.<\/b> The essence of the method is to compare two options and choose one based on the principle of better visibility or recognition of the target object. Respondents are asked to compare two images of the interface or select a specific element on two versions of the image. For example: “Find and select the A1 payment method”, “Which of the banner options is more recognizable for the material ‘Cars for leasing on ave’”.<\/p>\n<p><b>For patency.<\/b> The method is closest to moderated testing. It assumes the presence of the interviewer next to the respondent at the time of the test. We select conversion points and give the respondent a task that should lead him along the path you need. As a result, the facts of passing the points are recorded and notes are made about the difficulties encountered by the user.<\/p>\n<p><b>Moderated testing.<\/b> With such a check, the user performs the assigned tasks in relation to the product or service, while the researcher or moderator watches him in real time. Each of the above methods can be moderated. The reliability of the results and the depth of the insights obtained during such testing is considered better than when using methods without moderation.<\/p>\n<h2>3 step. Respondents’ choice<\/h2>\n<p>For testing, we need representatives of the target audience who are faced in real life with the tasks that are described in the testing tasks. However, the corridor test makes allowances in this matter, and absolutely all direct or indirect Internet users can become respondents.<\/p>\n<p>Five to eight respondents are enough to identify interface problems. If all respondents face the same difficulty— this is a reason to stop testing, make edits to the prototype and start testing a new version.<\/p>\n<p>If the resources and time to work on the site are very limited, we are guided by the principle: “less is better than nothing.” Three respondents are better than none.<\/p>\n<h2>4 step. Task formation<\/h2>\n<p>The quality of the results and their objectivity directly depends on the formulation of questions and tasks in testing. Checklist for the formulation of the task:<\/p>\n<ol start=\"1\">\n<li>Described accurately.<\/li>\n<li>Announced in full.<\/li>\n<li>Relevant to the respondent’s experience.<\/li>\n<li>It is possible to perform without prompts.<\/li>\n<\/ol>\n<h2>5 step. Preparation of the prototype<\/h2>\n<p>A test prototype can be:<\/p>\n<ol start=\"1\">\n<li>Interactive clickable prototype.<\/li>\n<li>A test version or a working website.<\/li>\n<li>Just a picture.<\/li>\n<\/ol>\n<p>Checklist for testing the prototype:<\/p>\n<ol start=\"1\">\n<li>Scripts are executed.<\/li>\n<li>There are different options for executing the script.<\/li>\n<li>Texts, numbers and visual content are similar to the real ones.<\/li>\n<li>There are no errors and typos in texts and figures.<\/li>\n<li>There are no hints.<\/li>\n<li>It is possible to quickly return to the beginning of the script.<\/li>\n<\/ol>\n<h2>6 step. Testing process<\/h2>\n<p>Properly conducted testing will be less stressful for the respondent, will be easier to moderate and, therefore, will give more relevant results. Advice – shut up, listen to the respondent and do not prevent him from not understanding anything.<\/p>\n<p>The respondent speaks most of the time during testing. The moderator speaks only if absolutely necessary. Any intervention by the moderator affects the course of the experiment and distorts the data.<\/p>\n<p>If the respondent has stopped “thinking out loud” – remind him about it: “So… So, you think that... What do you see here? Tell me what happened.”<\/p>\n<p>Questions often force the respondent to take a defensive position. You can replace questions with motivational phrases like: “Tell me a little bit about it... Describe it in more detail... Share your feelings... Let’s talk about it... Help me understand...”.<\/p>\n<p>In what cases to help:<\/p>\n<ol start=\"1\">\n<li>The respondent should feel that you are encouraging him, not the product.<\/li>\n<li>If the respondent has tried several methods of action and asks for help.<\/li>\n<li>The respondent thinks that the task is completed, but it is not.<\/li>\n<\/ol>\n<p>How to do it:<\/p>\n<ol start=\"1\">\n<li>Focus on the task, remind the purpose of the task.<\/li>\n<li>Make a general hint: “Remember how you started doing the task”, “You have already seen it”.<\/li>\n<li>To say directly what to do next.<\/li>\n<\/ol>\n<p>It is important to record the moments where the respondent encountered difficulties. After testing, we ask the respondent a few questions. You don’t have to follow the direct recommendations for changing the site that the respondent will express during the conversation. Conclusions and recommendations are usually made from observing behavior, not from a conversation.<\/p>\n<h2>7 step. Recording of results and conclusions<\/h2>\n<p>Even at the stage of hypothesis formulation, we recommend creating a table containing decomposed hypotheses and tasks for testing with the content of user steps or beaten conversion points.<\/p>\n<p>After each meeting, record the test result in the table: whether the hypothesis was confirmed, whether the respondent coped with the task without errors. We also add insights and other notes describing the user’s behavior at a particular step of the task.<\/p>\n<p>Based on this document, we draw conclusions about the confirmation or non-confirmation of the hypothesis, as well as formulate new ones, if necessary.<\/p>\n<h2>Table for recording results<\/h2>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/Screenshot-2021-12-21-at-00.57.17-3.jpg\" width=\"2560\" height=\"569\" alt=\"\" \/>\n<div class=\"e2-text-caption\"><a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1jUvKw8LC8IRR54LL9nPpM__AIBPysdwt8xXmK4RDAR4\/edit?usp=sharing\">Table template in Google Docs<\/a><\/div>\n<\/div>\n",
            "date_published": "2022-01-18T08:47:11+00:00",
            "date_modified": "2022-01-18T08:46:29+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/david-travis-WC6MJ0kRzGw-unsplash-2.jpg",
            "_date_published_rfc2822": "Tue, 18 Jan 2022 08:47:11 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "180",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/david-travis-WC6MJ0kRzGw-unsplash-2.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/Screenshot-2021-12-21-at-00.57.17-3.jpg"
                ]
            }
        },
        {
            "id": "179",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/in-depth-interview\/",
            "title": "In-depth interview",
            "content_html": "<p><a href=\"https:\/\/ivanzviahin.by\/blog\/all\/research-interview\/\">на русском<\/a> · in english<\/p>\n<p>In-depth interview is a communication in the form of questions and answers, the purpose of which is to obtain the information needed by the researcher. The key task is not just to ask, but to see the world through the eyes of others and feel what they feel. Below I will tell you about the advantages and disadvantages of open and closed questions, about popular techniques, about the stages of interviews and solving difficult situations.<\/p>\n<h2>Closed questions<\/h2>\n<p>Almost always asking closed-ended questions is bad. They assume a binary answer: yes or no.<\/p>\n<p>Advantages:<\/p>\n<ul>\n<li>allow you to get specific information<\/li>\n<li>confirm or refute hypotheses<\/li>\n<li>nice change of subject<\/li>\n<\/ul>\n<p>Disadvantages:<\/p>\n<ul>\n<li>we get little information<\/li>\n<li>there are no details and details<\/li>\n<li>we can impose our opinion<\/li>\n<\/ul>\n<h2>Open questions<\/h2>\n<p>These usually begin with the words: “why, why, how, describe, tell us what you think and so on.”<\/p>\n<p>Advantages:<\/p>\n<ul>\n<li>allow the respondent to answer without restrictions<\/li>\n<li>give the respondent the opportunity to freely talk about their feelings and comment on events<\/li>\n<li>provoke a person to reflect, analyze their actions and thoughts that may not have occurred to them before<\/li>\n<\/ul>\n<p>Disadvantages:<\/p>\n<ul>\n<li>may provoke a long confused response<\/li>\n<li>the respondent may go “wrong way”<\/li>\n<\/ul>\n<p>A dirty trick, how to turn a closed question into an open one. Closed question + “Tell me...” = Open question.<\/p>\n<h2>The “Five Whys” technique<\/h2>\n<p>In order to find the cause of behavior, problems, inconsistencies, it is necessary to consistently ask the same question — “Why?”, and look for answers to this question. Each new question is added to the answers to the previous question.<\/p>\n<p>Often the repetition of the same question causes discomfort. How to make it better:<\/p>\n<ol start=\"1\">\n<li>Reformulate, for example, “What is the reason?” or “Because of what... is it happening?” or “Why is that?”.<\/li>\n<li>Say that you will ask “Why?” because you want to get to the root cause.<\/li>\n<\/ol>\n<h2>Technique “What? Who? · Where? When? · How? Why?”<\/h2>\n<p>The technique works well if you need to understand who the people who will be the users of your product are. Find out what they are doing, what problems they are facing.<\/p>\n<ul>\n<li>What happened? What was the hardest part? What does a person do? Who else is involved? What’s wrong with the current solution?<\/li>\n<\/ul>\n<p>Find out the context. Where it happens and when.<\/p>\n<ul>\n<li>Where did this happen? When was the last time this happened?<\/li>\n<\/ul>\n<p>How they do it. How to solve problems already. Why is it so.<\/p>\n<ul>\n<li>How exactly did this happen? Why was it difficult? How did you manage? How often is it repeated? Has the solution to the problem changed over time and why?<\/li>\n<\/ul>\n<h2>Stage: Preparation<\/h2>\n<p>Preparation consists of six steps:<\/p>\n<ol start=\"1\">\n<li>Understand the purpose of the interview.<\/li>\n<li>Do desk research on the topic.<\/li>\n<li>Make a plan: questions, situations, features.<\/li>\n<li>Formulate hypotheses.<\/li>\n<li>Think about what else might be useful for an interview.<\/li>\n<li>Have 3 main questions.<\/li>\n<\/ol>\n<h2>Stage: Interview<\/h2>\n<p><b>Start<\/b><\/p>\n<ul>\n<li>Tell us who you are and why you are conducting this interview.<\/li>\n<li>Indicate the duration.<\/li>\n<li>There are no wrong answers. You are here to find out the real experience of a person.<\/li>\n<li>The first questions should be made introductory to relax the respondent.<\/li>\n<\/ul>\n<p><b>The main part<\/b><\/p>\n<ul>\n<li>Talk about the respondent’s life, not about your idea.<\/li>\n<li>Ask about specific things that happened in the past, and not about views or opinions on the future.<\/li>\n<li>Talk less, listen more.<\/li>\n<li>Use the techniques of “Five Whys” and “What? Who! · Where? When? · How? Why?” to dig deeper.<\/li>\n<li>Show friendliness and interest. Be simpler.<\/li>\n<li>Speak in your native language<\/li>\n<li>Keep the question neutral. Don’t give your opinion. Don’t rate.<\/li>\n<li>Ask to compare.<\/li>\n<\/ul>\n<p><b>Ending<\/b><br \/>\nThank the respondent. Find out if the person wants to add something or ask you. Ask for the contacts of other people you can talk to. Agree on a potential sequel.<\/p>\n<h2>Difficult situations: the respondent is silent<\/h2>\n<p>Sometimes the respondent comes across silent. You should tell him about the value of the conversation. Tell me who you are and why this is all happening now. So to speak, to interest the respondent. Push the goal aside and establish personal contact.<\/p>\n<h2>Difficult situations: indecisive respondent<\/h2>\n<p>Sometimes the respondent does not give clear answers to each question. And yes and no, and so and so. Perhaps this is even very good. The respondent may have different experiences and it is worth digging deeper here. Ask about each option separately, why yes, why not. Ask for examples of all situations.<\/p>\n<h2>Difficult situations: talkative respondent<\/h2>\n<p>The respondent walks away after the question and gives completely useless information. Sometimes they can’t even be stopped, and the interview time is ticking. Here it is important to skillfully stop the respondent. For example, offer to discuss it later. It is also necessary to interrupt carefully, try to do it “on the inhale”.<\/p>\n",
            "date_published": "2022-01-11T08:46:26+00:00",
            "date_modified": "2022-01-11T08:51:12+00:00",
            "_date_published_rfc2822": "Tue, 11 Jan 2022 08:46:26 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "179",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "178",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/competitor-analysis\/",
            "title": "Competitor analysis",
            "content_html": "<p><a href=\"https:\/\/ivanzviahin.by\/blog\/all\/analiz-konkurentov\/\">на русском<\/a> · in english<\/p>\n<p>I consider the analysis of competitors within a specific feature as one of the ways to analyze and search for ideas. This is not about creating something bigger and not about the overall assessment of the market.<\/p>\n<p>It is important to note that we already know the problem and the goal. We have a success criterion and an audience is defined. What’s next?<\/p>\n<h2>We describe the evaluation criteria<\/h2>\n<p>The criteria will be different for each feature. We describe briefly, but as concretely as possible:<\/p>\n<ol start=\"1\">\n<li>How well the problem or task is solved. There may be several solutions. For example, adding a photo on the submission form or something else.<\/li>\n<li>The first interaction with interface.<\/li>\n<li>Keyboard shortcuts and interactivity.<\/li>\n<li>Anything else that is important in the context of a particular feature...<\/li>\n<\/ol>\n<h2>Looking for competitors<\/h2>\n<p>As a rule, 3-4 direct competitors are already known. We include it in the list and divide it into platforms, if necessary. Each platform is a separate analysis.<\/p>\n<p>Do not forget about indirect competitors. Newspaper, radio, apartment sale service, visa application form. They help to find the “new”, but they should be treated skeptically. A feature that works cool for them may not be needed by our audience at all.<\/p>\n<h2>Write to the table<\/h2>\n<p>We write down the criteria and add the “score” and “comment” field next to each one.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/compit.jpg\" width=\"2277\" height=\"755\" alt=\"\" \/>\n<div class=\"e2-text-caption\"><a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1YJtrJd9_mGNQn9eiK1YKRmKXCIP-uDqGGXtjqMa-rZ4\/edit?usp=sharing\">Template in Google Docs<\/a><\/div>\n<\/div>\n<p>The “score” is from 0 to 5. The better the competitor’s criterion is implemented, the higher the score.<\/p>\n<p>“Comment” – What influenced the assessment? Why not 5? Optionally, you can add more screenshots for clarity.<\/p>\n<h2>Making conclusions<\/h2>\n<p>In the process of filling out the table, ideas will appear that solves the problem well, and what is not very good and how it can be improved. Based on the information received, we make hypotheses.<\/p>\n",
            "date_published": "2022-01-03T08:37:03+00:00",
            "date_modified": "2022-01-03T08:40:54+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/compit.jpg",
            "_date_published_rfc2822": "Mon, 03 Jan 2022 08:37:03 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "178",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/compit.jpg"
                ]
            }
        },
        {
            "id": "177",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/portret\/",
            "title": "Audience",
            "content_html": "<p><a href=\"https:\/\/ivanzviahin.by\/blog\/all\/audience\/\">на русском<\/a> · in English<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/audiiience.png\" width=\"1590\" height=\"628\" alt=\"\" \/>\n<\/div>\n<p>Why do I need to understand the audience? To catch the right mental model when designing the interface, to show empathy, to make the most understandable product. And often it’s not very easy to do.<\/p>\n<p>There is, for example, such a tool — persons or portraits of audiences. I don’t really believe in these ways. Why? First, most often, they are collected on the basis of superficial information. Secondly, the audience is dynamic and often very diverse. Yesterday’s personas may not be the reality of today.<\/p>\n<p>And if everything is so bad, then what to do? I have a couple of thoughts on this.<\/p>\n<h2>1. Use the data<\/h2>\n<p>We go to analytics and try to identify our audience there based on banal characteristics:<\/p>\n<ul>\n<li>gender,<\/li>\n<li>age,<\/li>\n<li>place of residence,<\/li>\n<li>income.<\/li>\n<\/ul>\n<p>If the data doesn’t work, take a survey or look at the statistics of your social networks.<\/p>\n<p>You may notice that based on the data alone, it is already possible to split the audience into several portraits. Now we have a very superficial idea of who these people are and into which segments they are roughly divided. Let’s take the statistical middle of each segment and try to find out more about them.<\/p>\n<h2>2. Communicate with users weekly<\/h2>\n<p>In theory it sounds very scary and difficult, in practice it is very interesting and useful. And yes, I’m talking about weekly interviews. We already have an idea of the average audience. It remains to find them and talk.<\/p>\n<p>What is there to talk about so often? It turns out that there is always a lot there: to check prototypes of current tasks, to talk about life, about the future, about problems, to discuss functions from the backlog. In a couple of months, you will have a good understanding of who your audience is. What segments it has and what segments it have:<\/p>\n<ul>\n<li>problems,<\/li>\n<li>motivations,<\/li>\n<li>context,<\/li>\n<li>expectations.<\/li>\n<\/ul>\n<p>Where can I get users? Good question. Unloading the database and sending emails with an invitation to talk. Here is already your fantasy how to position it. Perhaps this is some kind of closed club of users close to the product or just an opportunity to get a T-shirt with the company logo.<\/p>\n<p>An alternative to an interview or an additional source of information can be any kind of community or commentators in stores and social networks.<\/p>\n<h2>3. Complete portraits in the process of communication<\/h2>\n<p>Perhaps you need to fix the new information somehow. Therefore, it seems logical to take the portraits from the first paragraph and supplement them in the process.<\/p>\n<h2>⌘⌘⌘<\/h2>\n<p>Example of portraits of the car sales ad board av.by after years of work.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/ps_1.jpg\" width=\"2560\" height=\"2524\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2021-12-27T07:55:58+00:00",
            "date_modified": "2022-04-27T20:05:54+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/audiiience.png",
            "_date_published_rfc2822": "Mon, 27 Dec 2021 07:55:58 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "177",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/audiiience.png",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/ps_1.jpg"
                ]
            }
        },
        {
            "id": "176",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/goal-mission\/",
            "title": "Goal and mission",
            "content_html": "<p><a href=\"https:\/\/ivanzviahin.by\/blog\/all\/goal\/\">на русском<\/a> · in english<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/gomi-1.jpg\" width=\"2386\" height=\"943\" alt=\"\" \/>\n<\/div>\n<p>Or how I formulate the goal and mission when working with a task.<\/p>\n<h2>Goal<\/h2>\n<p>The goal is the final point in the business world that we want to achieve by doing something. For example, we want to increase revenue by 33% for the third quarter by increasing the number of service payments.<\/p>\n<ol start=\"1\">\n<li>The goal should be specific. What exactly do we want to increase? Can I segment it in more detail?<\/li>\n<li>Measurable. You need to specify a number. Numerical definition, quantity in absolute or percentage form.<\/li>\n<li>With a deadline. How much time do we need to achieve success? When should the planned result be received?<\/li>\n<\/ol>\n<h2>Mission<\/h2>\n<p>The mission is what we will help the user with if we do something. For example, we want to help the user quickly find out about the appearance of new ads for interesting searches. If 25% percent of users use it in a month, it will be considered a success.<\/p>\n<h2>Can they be together?<\/h2>\n<p>Yes. The coolest thing is when you manage to make decisions in the field of intersections of mission and goal, but sometimes it happens that the solution is only in the field of mission or goal. And that’s fine.<\/p>\n<h2>How to formulate it?<\/h2>\n<p>Discuss the problem with your product manager. Discuss how this affects our end users and our business. Discuss what success looks like by defining success criteria. Write down your open questions and think about how you will answer them. Look at past research. Challenge the wording — is this the right problem, is it formulated correctly?<\/p>\n",
            "date_published": "2021-12-21T08:23:21+00:00",
            "date_modified": "2022-04-27T19:56:07+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/gomi-1.jpg",
            "_date_published_rfc2822": "Tue, 21 Dec 2021 08:23:21 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "176",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/gomi-1.jpg"
                ]
            }
        },
        {
            "id": "175",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/koridornye-testy\/",
            "title": "Коридорные тесты",
            "content_html": "<p>на русском · <a href=\"https:\/\/ivanzviahin.by\/blog\/drafts\/corridor-tests\/\">in english<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/david-travis-WC6MJ0kRzGw-unsplash-2.jpg\" width=\"2560\" height=\"1295\" alt=\"\" \/>\n<\/div>\n<h2>Для чего нужны эти ваши тесты<\/h2>\n<p>Так, на этом этапе у вас уже есть прототипы и сформулированные гипотезы. Теперь осталось потрясти этот мешочек и убедиться, что все работает так, как задумывалось. А точнее проверить интерфейс, иконки, подписи, акценты и так далее.<\/p>\n<h2>Это просто, расскажу тезисно<\/h2>\n<p>Гипотезы у нас уже сформулированы, поэтому просто выписываем их. Формулируем задания для пользователей, обязательно письменно.<\/p>\n<p>Готовим кликабельны прототип, если он нужен. Фиксируем «створы ворот», другими словами конверсионные отметки интерфейса. Например: открытие формы, успешное заполнение, отправка и так далее.<\/p>\n<p>Ищем участников для тестирования. Проводим тестирование и помечаем всё самое важное. Делаем выводы, анализируем их. Иии бинго, 100% процентов вы измените своё отношение к своим идеальным прототипам.<\/p>\n<h2>1 шаг. Определить гипотезы<\/h2>\n<p>Гипотезы — это предположения, которые мы собираемся проверить в ходе исследования. Её лучше формулировать по шаблону: «Если мы сделаем (сама идея), то он сможет положительно повлиять на (критерий успеха), так как (почему это идея хорошая)».<\/p>\n<h2>2 шаг. Выбрать метод тестирования<\/h2>\n<p>Все методологии тестирования делятся на немодерируемые и модерируемые по степени самостоятельности выполнения задания респондентами, а также по месту нахождения респондента и интервьюера в момент прохождения тестирования.<\/p>\n<p><b>Первый клик.<\/b> Участник исследования переходит по ссылке и получает очень простое задание. Например: «Куда бы вы нажали, чтобы найти информацию о лизинговых программах?», «Выберите лизинг для покупки выбранного автомобиля». Фиксируется только первый клик. Если большинство респондентов нажмут «не туда», это сигнализирует о том, что на экране есть юзабилити-проблемы.<\/p>\n<p><b>Бок-о-бок.<\/b> Суть метода заключается в сравнении двух вариантов и выбора одного по принципу лучшей видимости или узнаваемости целевого объекта. Респондентам предлагается сравнить две картинки интерфейса или выбрать в определенный элемент на двух вариантах изображения. Например: «Найдите и выберите способ оплаты A1», «Какой из вариантов баннера более узнаваем для материала “Машины в лизинг на авэ”».<\/p>\n<p><b>На проходимость.<\/b> Метод более всего приближен к модерируемому тестированию. Он предполагает присутствие интервьюера рядом с респондентом в момент проведения теста. Мы выбираем конверсионные точки и даём задание респонденту, которое, предположительно, должно его повести по нужному вам пути. В итоге фиксируются факты прохождения точек и делаются пометки о трудностях, возникших у пользователя.<\/p>\n<p><b>Модерируемое тестирование.<\/b> При такой проверке пользователь выполняет поставленные задачи в отношении продукта или услуги, в то время как исследователь или модератор наблюдает за ним в режиме реального времени. Каждый из вышеперечисленных методов может быть модерируемым. Достоверность результатов и глубина получаемых инсайтов в ходе такого тестирования считается лучшей, чем при применении методов без модерации.<\/p>\n<h2>3 шаг. Выбор респондентов<\/h2>\n<p>Для тестировнаия желательны представители целевой аудитории, сталкивающиеся в реальной жизни с задачами, которые описаны в заданиях тестирования. Однако, коридорный тест делает поблажки в этом вопросе, и респондентами могу стать абсолютно все прямые или косвенные пользователи интернета.<\/p>\n<p>От пяти до восьми респондентов достаточно, чтобы выявить самые грубые проблемы интерфейса. Если все респонденты сталкиваются с одной и той же трудностью — это повод остановить тестирование, внести правки в прототип и начать тестирование новой версии.<\/p>\n<p>Если ресурсы и время на работу над сайтом сильно ограничены, руководствуемся принципом: «лучше меньше, чем ничего». Три респондента лучше, чем ни одного. Коридорный тест, не привязанный к целевым респондентам, лучше чем никакого.<\/p>\n<h2>4 шаг. Формирование задания<\/h2>\n<p>Качество результатов и их объективность напрямую зависит от формулировки вопросов и заданий в тестировании. Чек-лист для формулировки задания:<\/p>\n<ol start=\"1\">\n<li>Трактуется однозначно.<\/li>\n<li>Озвучено в полном объёме.<\/li>\n<li>Релевантно опыту респондента.<\/li>\n<li>Возможно выполнить без подсказок. <\/li>\n<\/ol>\n<h2>5 шаг. Подготовка прототипа<\/h2>\n<p>Тестовый прототип может быть:<\/p>\n<ol start=\"1\">\n<li>Интерактивный кликабельный прототип.<\/li>\n<li>Тестовая версия или работающий сайт.<\/li>\n<li>Просто картинка.<\/li>\n<\/ol>\n<p>Чек-лист для проверки прототипа:<\/p>\n<ol start=\"1\">\n<li>Сценарии, заложенные в задании, выполняются.<\/li>\n<li>Предусмотрены разные варианты выполнения сценария.<\/li>\n<li>Тексты, цифры и визуальный контент похожи на настоящие.<\/li>\n<li>Нет ошибок и опечаток в текстах и цифрах.<\/li>\n<li>Нет подсказок.<\/li>\n<li>Заложена возможность быстро вернуться к началу сценария.<\/li>\n<\/ol>\n<h2>6 шаг. Процесс тестирования<\/h2>\n<p>Правильно проведённое тестирование будет менее стрессовым для респондента, будет более простым в модерировании и, следовательно, даст более релевантные результаты. Проще говоря — заткнись, слушай респондента и не мешай ему ничего не понимать.<\/p>\n<p>Большую часть времени в ходе тестирования говорит респондент. Модератор говорит только в случае крайней необходимости. Любое вмешательство модератора влияет на ход эксперимента и искажает данные.<\/p>\n<p>Если респондент перестал «мыслить вслух» – напомнить ему об этом: «Итак… Так, вы думаете, что... Что вы видите здесь? Скажите мне, что случилось».<\/p>\n<p>Вопросы часто заставляют респондента занимать оборонительную позицию. Можно заменить вопросы побудительными фразами типа: «Расскажите мне немного об этом... Опишите более подробно... Поделитесь своими ощущениями... Давайте поговорим об этом... Помогите мне понять...».<\/p>\n<p>В каких случаях помогать:<\/p>\n<ol start=\"1\">\n<li>Респондент должен чувствовать, что вы подбадриваете его, а не продукт.<\/li>\n<li>Если респондент испробовал несколько способов действий и просит о помощи.<\/li>\n<li>Респондент думает, что задание выполнено, но это не так.<\/li>\n<\/ol>\n<p>Как это делать:<\/p>\n<ol start=\"1\">\n<li>Сфокусировать на задании, напомнить цель задания.<\/li>\n<li>Сделать общий намек: «Вспомните, как вы начали выполнять задание», «Вы уже видели это».<\/li>\n<li>Сказать прямо, что делать дальше.<\/li>\n<\/ol>\n<p>Важно зафиксировать моменты, где респондент столкнулся с трудностями. После тестирования задаем респонденту несколько вопросов. Вам необязательно следовать прямым рекомендациям по изменению сайта, которые респондент выскажет в ходе беседы. Выводы и рекомендации обычно делаем из наблюдения за поведением, а не из беседы.<\/p>\n<h2>7 шаг. Фиксирование результатов и выводы<\/h2>\n<p>Еще на этапе формулирования гипотез рекомендуем создать таблицу, содержащую декомпозированные гипотезы и задания для тестирования с содержанием шагов пользователя или отбитыми конверсионными точками.<\/p>\n<p>После каждой встречи фиксируйте в таблице результат тестирования: подтвердилась ли гипотеза, справился ли респондент с заданием без ошибок. Также вносим туда инсайты и прочие пометки, описывающие поведения пользователя на том или ином шаге задания.<\/p>\n<p>На основе этого документа делаем выводы о подтверждении или неподтверждении гипотез, а также формулируем новые, если это нужно.<\/p>\n<h2>Таблица для фиксирования результатов<\/h2>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/Screenshot-2021-12-21-at-00.57.17-3.jpg\" width=\"2560\" height=\"569\" alt=\"\" \/>\n<div class=\"e2-text-caption\"><a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1jUvKw8LC8IRR54LL9nPpM__AIBPysdwt8xXmK4RDAR4\/edit?usp=sharing\">Шаблон таблицы в Google Docs<\/a><\/div>\n<\/div>\n",
            "date_published": "2021-12-20T22:07:27+00:00",
            "date_modified": "2022-08-19T09:53:47+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/david-travis-WC6MJ0kRzGw-unsplash-2.jpg",
            "_date_published_rfc2822": "Mon, 20 Dec 2021 22:07:27 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "175",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/david-travis-WC6MJ0kRzGw-unsplash-2.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/Screenshot-2021-12-21-at-00.57.17-3.jpg"
                ]
            }
        },
        {
            "id": "174",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/aesthetic-and-clean-things-work-better\/",
            "title": "Aesthetic and clean things work better",
            "content_html": "<p><a href=\"https:\/\/ivanzviahin.by\/blog\/all\/krasota\/\">на русском<\/a> · in english<\/p>\n<p>Or why people sometimes choose a clean and beautiful product instead of a functional one.<\/p>\n<p>The human brain is a complex thing, millions of researchers are looking for answers to questions every day. How does the human brain perceive information? Is there any system or formalization there? Don Norman offers a simplified model, which I really like. The model consists of three levels and answers all questions.<\/p>\n<h2>1. Visceral level<\/h2>\n<p>This level is the very first, it happens very quickly and COMPLETELY unconsciously. We cannot control this process. We like aesthetics and cleanliness, we don’t like something dirty and scary. This effect has nothing to do with how clear, effective, or simple the product is. This level is only about attractiveness or rejection.<\/p>\n<h2>2. Behavioral level<\/h2>\n<p>This level mostly happens unconsciously too. We expect something from every action. How does it work? We receive information. We evaluate it. Next, we confirm or reject at the level of expectations. As a result, we are happy or sad.<\/p>\n<h2>3. Analytical level<\/h2>\n<p>It is at this level that there is understanding and decision-making. This is the longest stage, it is conscious. And it seems to us that only he exists. It is reasoning at this level that makes us recommend the product, advise, use or avoid.<\/p>\n<h2>Conclusion<\/h2>\n<p>The designer must work with all three levels. All levels are important. When the first level, for example, is positive, and we have difficulties on the behavioral level, then we may have a feeling that this product is good. And we can choose it instead of a more functional one. That’s why sometimes beautiful things work better than functional ones. But not always...<\/p>\n",
            "date_published": "2021-12-13T18:24:59+00:00",
            "date_modified": "2021-12-13T18:26:05+00:00",
            "_date_published_rfc2822": "Mon, 13 Dec 2021 18:24:59 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "174",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "173",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/analiz-konkurentov\/",
            "title": "Анализ конкурентов",
            "content_html": "<p>на русском · <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/competitor-analysis\/\">in english<\/a><\/p>\n<p>Я рассматриваю анализ конкурентов в рамках какой-то конкретной фичи, как один из способов анализа и поиска идей. Это не про создание чего-то большого и не про общую оценку рынка.<\/p>\n<p>Важно отметить, что нам уже известна проблема и цель. У нас есть критерий успеха и определена аудитория. Что дальше?<\/p>\n<h2>Описываем критерии оценки<\/h2>\n<p>Для каждой фичи критерии будут разные. Описываем кратко, но как можно конкретнее:<\/p>\n<ol start=\"1\">\n<li>Насколько хорошо решена проблема или задача. Решений может быть несколько. Например, добавления фото на форме подачи или что-то другое.<\/li>\n<li>Первое взаимодействие с интерфейсом.<\/li>\n<li>Горячие клавиши и интерактивность.<\/li>\n<li>Еще всякое, что является важным в контексте конкретной фичи...<\/li>\n<\/ol>\n<h2>Ищем конкурентов<\/h2>\n<p>Как правило, 3—4 прямых конкурента уже известны. Включаем в список и разбиваем на платформы, если необходимо. Каждая платформа — отдельный анализ.<\/p>\n<p>Не забываем про косвенных конкурентов. Газета, радио, сервис продажи квартиры, форма подачи на визу. Они помогают найти «новое», но к ним надо относиться скептически. Фича, которая у них работает круто, может совсем не нужна нашей аудитории.<\/p>\n<h2>Записываем в таблицу или на дашборд со скриншотами<\/h2>\n<p>Записываем критерии и возле каждого добавляем поле «оценка» и «комментарий».<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/compit.jpg\" width=\"2277\" height=\"755\" alt=\"\" \/>\n<div class=\"e2-text-caption\"><a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1YJtrJd9_mGNQn9eiK1YKRmKXCIP-uDqGGXtjqMa-rZ4\/edit?usp=sharing\">Шаблон в Google Docs<\/a><\/div>\n<\/div>\n<p>«Оценка» — от 0 до 5. Чем лучше реализован критерий у конкурента, тем выше оценка. Она нужна для того, чтобы мнение не трансформировалось на фоне других конкурентов.<\/p>\n<p>«Комментарий» — Что повлияло на оценку? Почему не 5? Опционально можно добавлять еще скриншоты для наглядности.<\/p>\n<h2>Делаем выводы<\/h2>\n<p>В процессе заполнения таблицы появятся идеи, что решает проблему хорошо, а что не очень и как это можно улучшить. На основе полученной информации составляем гипотезы.<\/p>\n",
            "date_published": "2021-11-23T21:15:27+00:00",
            "date_modified": "2022-08-24T20:26:21+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/compit.jpg",
            "_date_published_rfc2822": "Tue, 23 Nov 2021 21:15:27 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "173",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/compit.jpg"
                ]
            }
        },
        {
            "id": "172",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/audience\/",
            "title": "Аудитория",
            "content_html": "<p>на русском · <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/portret\/\">in english<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/audiiience.png\" width=\"1590\" height=\"628\" alt=\"\" \/>\n<\/div>\n<p>Для чего нужно понимать аудиторию? Чтобы поймать правильную ментальную модель при проектировании интерфейса, проявить эмпатию, сделать максимально понятный продукт. И часто это не очень просто сделать.<\/p>\n<p>Есть, например, такой инструмент — персоны или портреты аудиторий. Я не сильно верю в эти способы. Почему? Первое, чаще всего, они собираются на основании сомнительной информации. Второе, аудитория динамична и часто сильно разнообразна. Вчерашние персоны могут не отражать реальность сегодня.<\/p>\n<p>И вот если всё так плохо, то что же делать? У меня есть пару мыслей на этот счет.<\/p>\n<h2>1. Используйте данные<\/h2>\n<p>Идем в аналитику и пытаемся выявить там нашу аудиторию на основании банальных характеристик:<\/p>\n<ul>\n<li>пол,<\/li>\n<li>возраст,<\/li>\n<li>место проживания,<\/li>\n<li>доход.<\/li>\n<\/ul>\n<p>Если данные не работают, сделайте опрос или посмотрите статистику ваших соцсетей.<\/p>\n<p>Возможно вы заметите, что только на основании данных уже можно разбить аудиторию на несколько портретов. Теперь мы представляем очень грубо кто эти люди и на какие примерно сегменты они делятся. Давайте возьмем статистическую середину каждого сегмента и попробуем про них что-то узнать больше.<\/p>\n<h2>2. Еженедельно общайтесь с пользователями<\/h2>\n<p>В теории звучит очень страшно и сложно, на практике очень интерсено и полезно. И да, я про еженедельные интервью. У нас уже есть представление о среднестатистическом представителе нашей аудитории. Осталось их найти и поговорить.<\/p>\n<p>О чем так часто говорить? Оказывается, что тем всегда много: проверить прототипы текущих задач, поговорить за жизнь, про будущее, про проблемы, обсудить функции из дальнего бэклога. Через пару месяцев вы будете хорошо понимать кто ваша аудитория. Какие у нее есть сегменты, какие у сегментов есть:<\/p>\n<ul>\n<li>проблемы,<\/li>\n<li>мотивации,<\/li>\n<li>контекст,<\/li>\n<li>ожидания.<\/li>\n<\/ul>\n<p>Где взять пользователей? Хороший вопрос. Выгрузка базы данных и отправка писем с приглашением поговорить. Тут уже ваша фантазия как это позиционировать. Возможно это какой-то закрытый клуб приблеженных к продукту пользователей или просто возможность получить футболку с логотипом компании.<\/p>\n<p>Альтернативой интервью или дополнительным источником информации могут быть всякого рода сообщества или комментаторы в сторах и соцсетях.<\/p>\n<h2>3. Дополняйте портреты в процессе общения<\/h2>\n<p>Наверное вам нужно как-то фиксировать новую информацию. Поэтому кажется логичным взять портреты из первого пункта и дополнять их в процессе.<\/p>\n<h2>⌘⌘⌘<\/h2>\n<p>Пример портретов доски объявлений о покупке и продаже машин av.by спустя годы работы.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/ps_1.jpg\" width=\"2560\" height=\"2524\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2021-11-13T17:14:07+00:00",
            "date_modified": "2022-04-27T20:06:11+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/audiiience.png",
            "_date_published_rfc2822": "Sat, 13 Nov 2021 17:14:07 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "172",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/audiiience.png",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/ps_1.jpg"
                ]
            }
        },
        {
            "id": "171",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/goal\/",
            "title": "Цель и миссия",
            "content_html": "<p>на русском · <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/goal-mission\/\">in english<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/gomi-1.jpg\" width=\"2386\" height=\"943\" alt=\"\" \/>\n<\/div>\n<p>Или как я формулирую цель и миссию при работе с задачей.<\/p>\n<h2>Цель<\/h2>\n<p>Цель — итоговая точка <b>в мире бизнеса,<\/b> которую мы хотим достигнуть, делая что-то. Например, мы хотим повысит выручку на 33% за третий квартал увеличив количество сервисных платежей.<\/p>\n<ol start=\"1\">\n<li>Цель должна быть конкретной. Что именно мы хотим повысить? Можно ли это сегментировать более подробно?<\/li>\n<li>Измеримой. Здесь нужно обозначить число. Числовое определение, количество в абсолютном или процентном виде.<\/li>\n<li>С дедлайном. Сколько времени нам нужно для того, чтобы прийти к успеху? Когда должен быть получен запланированный результат?<\/li>\n<\/ol>\n<h2>Миссия<\/h2>\n<p>Миссия — это то, чем мы <b>поможем пользователю,<\/b> если что-то сделаем. Например, мы хотим помочь пользователю быстро узнавать о появлении новых объявлений по интересным ему поискам. Если через месяц 25% процентов пользователей будет это использовать, то это будет считаться успехом.<\/p>\n<h2>Могут ли они быть вместе?<\/h2>\n<p>Да. Круче всего когда удается делать решения в поле пересечений миссии и цели, но иногда бывает так, что решение лежит только в поле миссии или цели. И это нормально.<\/p>\n<h2>Как сформулировать?<\/h2>\n<p>Обсудите проблему с вашим менеджером по продукту. Обсудите, как это влияет на наших конечных пользователей и наш бизнес. Обсудите, как выглядит успех, определив показатели успеха. Запишите свои открытые вопросы и подумайте, как вы на них ответите. Посмотрите на прошлые исследования. Бросьте вызов формулировке — правильная ли это проблема, правильно ли она сформулирована?<\/p>\n",
            "date_published": "2021-11-10T10:25:07+00:00",
            "date_modified": "2022-11-05T17:29:18+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/gomi-1.jpg",
            "_date_published_rfc2822": "Wed, 10 Nov 2021 10:25:07 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "171",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/gomi-1.jpg"
                ]
            }
        },
        {
            "id": "170",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/krasota\/",
            "title": "Красивые вещи лучше работают",
            "content_html": "<p>на русском · <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/aesthetic-and-clean-things-work-better\/\">in english<\/a><\/p>\n<p>Или почему люди иногда выбирают чистый и красивый продукт вместо функционального. Человеческий мозг — сложная штука, миллионы исследователей ищут ответы на вопросы каждый день. Как воспринимает информацию человеческий мозг? Есть ли там какая-то система или формализация? Дон Норман предлагает упрощённую модель, которая мне очень нравится, она состоит из трёх уровней и отвечает на все вопросы.<\/p>\n<h2>1. Висцеральный уровень<\/h2>\n<p>Этот уровень самый первый, он происходит очень быстро и ПОЛНОСТЬЮ неосознанно. Мы не можем контролировать этот процесс. Нам нравится красота и чистота, нам не нравится что-то грязное и страшное. Это никак не связно с тем, насколько продукт понятен, эффективен или прост. Этот уровень только о привлекательности или отторжении.<\/p>\n<h2>2. Поведенческий уровень<\/h2>\n<p>Этот уровень в большей степени происходит неосознанно тоже. Главный тезис — мы ожидаем что-то от каждого действия. Информация, которую мы получаем, оценив итоги действия, подтверждает или опровергает наши ожидания, и это выливается в удовлетворения или огорчения.<\/p>\n<h2>3. Аналитический уровень<\/h2>\n<p>Именно на этом уровне возникает понимание, рассуждения, принятие решений. Это самый долгий этап, он осознанный. И нам кажется, что существует только он. Именно рассуждения на этом уровне заставляют нас рекомендовать продукт, советовать, использовать или избегать.<\/p>\n<h2>Итого<\/h2>\n<p>Дизайнер должен работать со всеми тремя уровнями. Все они играют важную роль. Когда первый уровень, например, положительный, а на поведенческом мы столкнулись с трудностями, то у нас может сложиться ощущение, что этот продукт хорош собой. И мы можем выбрать его вместо более функционального. Именно поэтому иногда красивые вещи работают лучше, чем функциональные. Но не всегда...<\/p>\n",
            "date_published": "2021-11-04T23:16:17+00:00",
            "date_modified": "2021-12-13T18:26:48+00:00",
            "_date_published_rfc2822": "Thu, 04 Nov 2021 23:16:17 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "170",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "169",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/onbording\/",
            "title": "Онбординг",
            "content_html": "<p>Полазив в интернете, я для себя определил три ярко выраженных типа адаптации пользователя. Итак, вот они.<\/p>\n<h2>1. Пребординг<\/h2>\n<p>Или coach screens или welcome screens. Это такая карусель, которая вас встречает при первом запуске. И да, которые обычно все закрывают. Почти всегда такую штуку стоит <i>не делать.<\/i> Проблема в том, что эта штука отдаляет пользователя от изначальной цели. Он как бы пришёл, например, что-то купить, а вы ему про всякие функции и приветствия.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/94c5abc52e27388bdb41821ed392cabb.jpg\" width=\"1398\" height=\"800\" alt=\"\" \/>\n<\/div>\n<p>Чаще всего к пребордингу нельзя вернуться. И после ознакомления с лентой мы оставляем пользователя наедине с продуктом. Единственный плюс пребординга — это простота технической реализации.<\/p>\n<h2>2. Онбординг<\/h2>\n<p>Или их ещё называют overlays. Это такие точечные подсказки поверх интерфейса, советы или подписи. Мы как бы предугадываем места, когда подсказка будет нужна и даем её.<\/p>\n<div class=\"e2-text-video\">\n<video src=\"https:\/\/ivanzviahin.by\/blog\/video\/7edc1e841fede1837b0d323d1bb1d40f.mp4#t=0.001\" width=\"1600\" height=\"1200\" controls alt=\"\" \/>\n\n<\/div>\n<p>Такой тип сильно эффективнее пребординга. Он помогает узнать о нужной фиче в нужное время и помогает пользователю достигнуть цели.<\/p>\n<h2>3. Инбординг<\/h2>\n<p>Самый технически сложный, но эффективный тип. Идея такая, мы берем пользователя и проводим его за руку по интерфейсу, показывая ценность приложения или фичи.<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"https:\/\/ivanzviahin.by\/blog\/all\/watercheck\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/wc-7-1.jpg\" width=\"2496\" height=\"2079\" alt=\"\" \/>\n<\/a><\/div>\n<h2>Что важно<\/h2>\n<p>Онбординг нужен в тех местах, где пользователь может испытывать проблему. Разговор должен строиться на языке целей пользователей. Мы не хотим рассказывать про микроскоп, мы хотим рассказывать о возможности посмотреть на бактерии на поверхности.<\/p>\n<p>Пользователям пофиг на фичи, пользователь пришел решить проблему.<\/p>\n",
            "date_published": "2021-10-30T21:54:21+00:00",
            "date_modified": "2021-10-30T21:54:02+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/tran-mau-tri-tam-s4TjAM9n9Ug-unsplash.jpg",
            "_date_published_rfc2822": "Sat, 30 Oct 2021 21:54:21 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "169",
            "_rss_enclosures": [
                {
                    "url": "https:\/\/ivanzviahin.by\/blog\/video\/7edc1e841fede1837b0d323d1bb1d40f.mp4",
                    "type": "video\/mp4",
                    "length": 2802096
                }
            ],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/media-seek\/media-seek.js"
                ],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/tran-mau-tri-tam-s4TjAM9n9Ug-unsplash.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/Screenshot-2021-10-28-at-18.56.26.png",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/Screenshot-2021-10-28-at-18.56.41.png",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/Screenshot-2021-10-28-at-18.56.57.png",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/onbrd-1.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/onbrd-2.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/onbrd-3.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/wc-7-2.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/94c5abc52e27388bdb41821ed392cabb.jpg",
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/wc-7-1.jpg"
                ]
            }
        }
    ],
    "_e2_version": 3849,
    "_e2_ua_string": "E2 (v3849; Aegea)"
}