Pull to refresh
8
0
Send message

Как и почему мы стали делать UI в Figma вместо Photoshop

Reading time9 min
Views18K

По моему опыту, большинство игровых интерфейсов все еще делаются в Adobe Photoshop ввиду их художественности и графической сложности, на которую не способны векторные редакторы. Однако и в игры пришел тренд плоских интерфейсов, и настало время пересесть с тяжелого Фотошопа на более простые редакторы интерфейсов, такие как FigmaAdobe XDSketch и прочие.

У таких инструментов есть немало преимуществ перед Фотошопом, таких как совместная работа, возможность создания интерактивного прототипа, плагины, автолейауты, варианты, и со временем их становится все больше. По этой причине интерфейсы на новых проектах лучше начинать делать сразу в таких редакторах. Но если так случилось, что ваш проект начинал вестись в Фотошопе, а затем он перестал вас устраивать, эта статья для вас.

Читать далее
Total votes 23: ↑23 and ↓0+23
Comments23

Объектно-ориентированный дизайн и как его использовать для проектирования систем

Reading time12 min
Views21K

В последние годы области проектирования и дизайна начали сближаться с разработкой. Проектирование соприкасается с дизайном, а дизайн — с версткой. В этом помогают, к примеру, дизайн-системы, storybook’и, созданные по правилам разработки интерфейсов, а также современные инструменты: Figma, Sketch, InVision Studio и другие.

Фокусироваться сперва нужно на том, как система работает, и только после на том, как она выглядит. Чтобы проектировщики, дизайнеры и разработчики одинаково мыслили и лучше понимали, как решать задачи клиента, я использую разные подходы, в том числе и объектно-ориентированный дизайн.

Читать далее
Total votes 10: ↑10 and ↓0+10
Comments13

В каких случаях A/B тестирование — необходимость

Reading time6 min
Views21K
image

A/B тестирование — один из самых эффективных способов повышения конверсии. Однако, согласно обзору Econsultancy, только 38% всех компаний используют A/B testing. Поговорим о тех, случаях, когда A/B тестирование просто необходимо (не желательно, а именно необходимо!). Итак, слово предоставляется Jeremy Smith — автору статьи, который и поделится информацией, ценной для тех, кто имеет отношение к электронной коммерции в любых ее проявлениях.
Читать дальше →
Total votes 17: ↑14 and ↓3+11
Comments2

Редизайн приложения РЖД: концепт

Reading time6 min
Views19K

Чем приложение неудобно в нынешнем виде и как его можно улучшить




Как-то раз один из сотрудников Redmadrobot собрался навестить бабушку, живущую в далеком городе, и установил приложение РЖД, чтобы купить билет на поезд. Увидев, что приложение поддается ему нехотя, он решил проанализировать, в чем же дело. Дизайнер Леонид Борисов перерисовал апп и объяснил логику изменений.
Читать дальше →
Total votes 28: ↑21 and ↓7+14
Comments34

84% сайтов на WordPress могут быть взломаны: что дальше?

Reading time2 min
Views46K
image

Если вы часто читаете IT-новости, то наверняка уже устали от страшилок об очередной уязвимости, которая нашлась в популярной OS / СУБД / CMS / кофеварке. Поэтому данный пост посвящен не самой уязвимости, а наблюдению за тем, как люди регируют на неё.

Однако сначала — несколько слов о «виновнице торжества». Критическая уязвимость популярном блоговом движке WordPress была найдена в сентябре финскими специалистами из компании с весёлым названием Klikki Oy. Используя эту дыру, хакер может вести в качестве комментария к блогу специальный код, который будет выполнен в браузере администратора сайта при чтении комментариев. Атака позволяет скрытно перехватить управление сайтом и делать разные неприятные вещи под админским доступом.
Читать дальше →
Total votes 34: ↑30 and ↓4+26
Comments32

Правильный дизайн ускоряет заполнение форм

Reading time1 min
Views4K
Формы на сайте часто несут важную миссию вроде сбора контактов или реквизитов для платежа — что может быть ценнее этих данных?

Дизайн напрямую влияет на юзабилити и желание пользователя передать данные своей кредитки в ваши мохнатые руки заполнить ту или иную форму.

Только что нашел рекомендацию по размещению подписей для полей ввода — оказывается, если размещать их вертикально, пользователь сможет более комфортно и быстро заполнить необходимую форму за счет сокращения движений глаз.



Казалось бы, довольно очевидно, да? Но я не задумывался об этом ранее.

По наводке сайта UXMovement.
Total votes 164: ↑131.5 and ↓32.5+99
Comments139

Неожиданные результаты исследования B2B продаж [инфографика]

Reading time3 min
Views57K
Оригинал статьи: Gilad Raichshtain —
B2B Sales Benchmark Research Finds Some Pipeline Surprises [INFOGRAPHIC]


Компания Implisit проанализировала «воронку продаж» сотен компаний, чтобы найти каналы, которые имеют наиболее высокий conversion rate (показатель перехода из одной стадии продажи в другую, при котором вероятность заключения сделки повышается). Какие каналы предпочитаете вы? Насколько оправдан ваш выбор?

image
Читать дальше →
Total votes 12: ↑11 and ↓1+10
Comments13

Фриланс на Кипре

Reading time6 min
Views125K
В дополнение к статье хабраюзера dudeonthehorse «Фриланс в Турции» опишу особенности этого вида труда для Кипра, точнее его южной части. Я не буду рассказывать про местные достопримечательности, а постараюсь дать сведения, полезные для людей, ставших на нелегкий путь свободных наемников.


Читать дальше →
Total votes 89: ↑85 and ↓4+81
Comments127

Видео с доклада Виталия Фридмана «Responsive Web-дизайн: Трюки и уловки»

Reading time1 min
Views34K

Мега интересная лекция от знаменитости в области веб-разработки, основателя и шеф-редактора журнала Smashing Magazine. Мероприятие произошло благодаря Mail.ru. Ключевые темы: UI/UX, проектирование, отзывчивый дизайн, производительность, трюки с SVG. Все это на примере реальных кейсов от The Guardian, BBC и конечно же Smashing Magazine.

От себя хочется добавить, что Smashing Magazine я читаю ежедневно и многое беру от туда для моих подборок. А тут все эти «трендовые постулаты» Perfomance Budget, Mobile First, Atomic Design, Critical Path и др. из первых уст! Еще Фридмана просто интересно слушать. Очень харизматичный спикер с постоянной дружелюбной улыбкой на лице. Рекомендую всем к просмотру.
Total votes 25: ↑24 and ↓1+23
Comments11

Как провести тестирование СТА, чтобы конверсия выросла на 13%?

Reading time6 min
Views9.7K
О том, что тестирование в интернет-маркетинге — просто must have никто даже спорить не будет. Поэтому мы решили поделиться полезной информацией о том, как сделать эффективнее тестирование СТА (кнопка «призыва к действию» на сайте — Call To Action).. Слово — автору. Не так давно мне на глаза попалась статья с названием “71 мысль об А/В тестах”. Эта статья – удивительный материал, наполненный прекрасными идеями.

71 мысль?! Замечательно! С чего начнем? Только вот, где найти время и энергию, чтобы собрать материал, который затем необходимо проанализировать и подвести итоги такого количества тестов?

Важно! Данная статья будет особенно полезна предпринимателям в сфере малого бизнеса, которые работают, не имея помощников в виде команды с полной занятостью, нанятой для оптимизации конверсии. Да и независимым блоггерам материал не повредит.
Читать дальше →
Total votes 34: ↑23 and ↓11+12
Comments0

WUD 2014 — Всемирный День Юзабилити

Reading time4 min
Views5.9K


22-го ноября в московском офисе Mail.ru прошла уже 9-ая конференция, посвященная всемирному дню юзабилити. Особенной для Кристалл Сервиса эту конференцию сделало мое участие в ней в качестве докладчика с рассказом о кассе самообслуживания.
Читать дальше →
Total votes 26: ↑19 and ↓7+12
Comments1

Температура цвета

Reading time10 min
Views375K
image
По нашим психологическим ощущениям цвета бывают тёплыми и горячими, бывают холодными и очень холодными. На самом деле все цвета горячие, очень горячие, ведь у каждого цвета есть своя температура и она очень высокая.
Читать дальше →
Total votes 192: ↑174 and ↓18+156
Comments65

Как писать call-to-action, которые повысят конверсию (с примерами)

Reading time4 min
Views28K
Текст, который вы используете в ваших call-to-action (призыв к действию, далее CTA)(wiki) так же важен, как и форма, размер и цвет самой кнопки.
Даже маленькие изменения могут значительно повлиять на ваш рейтинг конверсии.
Этот гайд, составленный с исследованиями кейсов, с примерами и простыми принципами оптимизации научит вас как писать CTA, которые повысят конверсию.
Дополнительного вдохновения придаст статья When CTA’s Attack: 10 Real-World Call To Action Examples.

Что нужно понимать про CTA


Ваши CTA представляют собой переломный момент между уходом и конверсией. Когда вы просите кого-то что-то сделать онлайн, они должны пройти через ваши CTA — вне зависимости от того, просите вы их скачать pdf, заполнить форму, купить продут или просто перейти на другую страничку.
читать полный текст
Total votes 10: ↑8 and ↓2+6
Comments3

Mind maps вместо закладок

Reading time4 min
Views22K
Доброй всем пятницы.

Хочу поделться одной простой идеей, которую мы взяли на вооружение для исследовательских задач.

Очень часто, особенно на архитектурной итерации, нужно провести некоторое исследование, или, проще говоря, *погуглить*. Например, нужно выяснить стыкуется ли что-то с чем-то, и каким образом, поддерживает ли одно что-то другое что-то и т.д. Часто ответ на вопрос не похож на уверенное «Да» или «Нет», имеются определенные условия, возможности обхода проблем и т.д. Задачи на исследование, пожалуй, даже важнее и критичней задач имплементации. Они влияют на фундаментальные идеи и архитектурные решения, на которых мы строим Систему; и, разумеется на успех проекта в целом.
Читать дальше →
Total votes 48: ↑38 and ↓10+28
Comments58

Кадры решают всё или о биче современных компаний

Reading time18 min
Views132K
image
Хотелось бы немного рассказать о тех ошибках, которые очень опасно совершать особенно сейчас, особенно в странах или городах золотого миллиарда. Думаю каждый работающий или сталкивающийся с деятельностью большой или не очень компании (или гос структуры) как и я удивляется на сколько же всё не эффективно и поражается как при таком раздолбайстве и пофигизме шестерёнок машина всё еще работает.
Читать дальше →
Total votes 139: ↑102 and ↓37+65
Comments67

Дэн Саффер — Микровзаимодействия (Microinteractions). Конспект книги

Reading time21 min
Views39K
Microinteractions book cover«Детали — это не детали. Они создают дизайн.» — Чарльз Имз.

Успех цифровых продуктов определяется мелочами. Книга «Микровзаимодействия» Дэна Саффера научит вас проектировать эффективные функциональные элементы. А этот подробный конспект поможет лучше запомнить прочитанное или даже заменит англоязычный оригинал.

Как пользователю изменить настройку? Как включить бесшумный режим или узнать о получении нового сообщения?

Используя яркие примеры из реальных современных устройств и приложений, автор разбирает микровзаимодействия на составные части и показывает, как их использовать в мобильных приложениях, веб виджетах и бытовой технике.

Читать дальше →
Total votes 49: ↑49 and ↓0+49
Comments2

Адаптивные email'ы

Reading time4 min
Views42K
image


Сегодня пользователи все чаще читают электронные письма на мобильных устройствах. Каково бывает просмотр большого HTML-email'а на телефоне? Приходится много масштабировать и скроллить, в целом читать становится очень неудобно. Поэтому и письма электронной почты следует делать адаптивными.
Читать дальше →
Total votes 63: ↑54 and ↓9+45
Comments18

30 полезных сервисов для веб-разработчика

Reading time2 min
Views163K
Решил собрать сервисы, которые могут быть полезны веб-разработчикам и дизайнерам. Буду рад, если кто-то найдет для себя полезный сервис. Осторожно, под катом куча картинок!
Читать дальше →
Total votes 180: ↑156 and ↓24+132
Comments48

Как превратить обычные сайты в адаптивные?

Reading time8 min
Views70K
На данный момент около 11-12% из 100 000 самых посещаемых сайтов — адаптивны, и нет сомнений, что в ближайшие несколько лет их количество возрастёт.

Так как всё больше организаций закатывают рукава, хватаясь за реалии веба, используемого различными девайсами, будет нелишним рассмотреть несколько стратегий, используемых для достижения нирваны:



Адаптивная модернизация




Адаптивная модернизация — это процесс, при котором берется существующий сайт, предназначенный только для настольных компьютеров, и «переделывается в адаптивный» по факту.
Читайте подробнее о способах внутри
Total votes 40: ↑30 and ↓10+20
Comments11

Как пользователи ведут себя на сайте?

Reading time4 min
Views52K
image

Представим себе, что поведение пользователя на сайте похоже на поведение лабораторной мыши в лабиринте: мышь должна пройтись по лабиринту и найти кусочек сыра. С точки зрения создателя сайта задача состоит в том, чтобы создать такой удобный лабиринт для мыши, который позволяет беспроигрышно найти свой кусочек сыра. Вопрос затрагивает сразу три аспекта: юзабилити, конверсии и ранжирование сайта. Поэтому и рассматривать данную задачу нужно комплексно, а увидеть «лабиринт» глазами «мыши» позволяет целый ряд инструментов.

Читать дальше →
Total votes 49: ↑38 and ↓11+27
Comments15

Information

Rating
Does not participate
Location
Харьков, Харьковская обл., Украина
Registered
Activity