{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "ivan's blog: posts tagged checklist",
    "_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\/tags\/checklist\/",
    "feed_url": "https:\/\/ivanzviahin.by\/blog\/tags\/checklist\/json\/",
    "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": "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": "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": "157",
            "url": "https:\/\/ivanzviahin.by\/blog\/all\/self-checking-the-interface\/",
            "title": "Self-checking the interface",
            "content_html": "<p><a href=\"https:\/\/ivanzviahin.by\/blog\/all\/check-list-to-verify-the-interface\/\">на русском<\/a> · in english<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ivanzviahin.by\/blog\/pictures\/checklist.png\" width=\"1590\" height=\"628\" alt=\"\" \/>\n<\/div>\n<p>Before each interface screen, I ask myself these questions:<\/p>\n<ol start=\"1\">\n<li>And in this case, does a person have some kind of habit? Are there any familiar patterns of such an interface in the world?<\/li>\n<\/ol>\n<ol start=\"2\">\n<li>Am I forcing the user to do something that a computer can do? For example, the field is immediately in focus.<\/li>\n<\/ol>\n<ol start=\"3\">\n<li>Have I lost the data that the user gave me?<\/li>\n<\/ol>\n<ol start=\"4\">\n<li>Did I remove all the extra stuff from this screen? Is it possible to connect some functionality? Can I add some utility?<\/li>\n<\/ol>\n<ol start=\"5\">\n<li>I try to imagine that I didn’t see anything before this screen. Do I understand everything on this screen?<\/li>\n<\/ol>\n<ol start=\"6\">\n<li>Have I done everything to avoid using the modal interface? Can I show all the functions at once? Can I use a quasi-mode? Have I thought through stack navigation well?<\/li>\n<\/ol>\n<ol start=\"7\">\n<li>Is it easy for me to hit each element with my cursor or finger? Have I shown the click areas?<\/li>\n<\/ol>\n<ol start=\"8\">\n<li>Have I thought about the feedback of each action? It should be fast, constant and simple. Sometimes emotional, where it is necessary. Have I prepared animations of important interface elements? Do I need tactile feedback and sound feedback?<\/li>\n<\/ol>\n<ol start=\"9\">\n<li>Does the interface fit into the user’s mental model? Can I reduce the resistance if I go beyond the limits of this model?<\/li>\n<\/ol>\n<ol start=\"10\">\n<li>Is the interface complete and systematic? Can I reuse something? Do all the elements correspond to the design system?<\/li>\n<\/ol>\n<ol start=\"11\">\n<li>Did I get an <a href=\"https:\/\/ivanzviahin.by\/blog\/all\/aesthetic-and-clean-things-work-better\/\">aesthetic, simple and clean interface?<\/a> Have I lost my simplicity trying to explain what kind of screen it is?<\/li>\n<\/ol>\n<ol start=\"12\">\n<li>Did I forget about darkmode?<\/li>\n<\/ol>\n<ol start=\"13\">\n<li>Did I forget about tablets? About small smartphones?<\/li>\n<\/ol>\n<ol start=\"14\">\n<li>Did I describe all the extreme states? How many lines of text? How to position images and so on. What does the screen look like without data?<\/li>\n<\/ol>\n<ol start=\"15\">\n<li>Are there any extra loaders? Ideally, there should be no loaders at all. Do I need skeletons?<\/li>\n<\/ol>\n<ol start=\"16\">\n<li>Did I forget to consider what the interface would look like with the larger font?<\/li>\n<\/ol>\n<ol start=\"17\">\n<li>Did I discuss the syntax with the ux editor?<\/li>\n<\/ol>\n<ol start=\"18\">\n<li>Did I add a cherry to the cake? Did I do something small but important that will surprise the user?<\/li>\n<\/ol>\n",
            "date_published": "2021-08-15T21:27:47+00:00",
            "date_modified": "2023-08-23T13:36:10+00:00",
            "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/checklist.png",
            "_date_published_rfc2822": "Sun, 15 Aug 2021 21:27:47 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "157",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ivanzviahin.by\/blog\/pictures\/checklist.png"
                ]
            }
        }
    ],
    "_e2_version": 3849,
    "_e2_ua_string": "E2 (v3849; Aegea)"
}