Большинство приложений не приносят мне радости. Вялый делает. Это намного больше, чем просто приложение для обмена сообщениями. Внимание к деталям, игривая атмосфера и мощный набор функций — все это обеспечивает беспрецедентный пользовательский опыт.
Когда-то, когда дело дошло до программного обеспечения на рабочем месте, дизайн был запоздалым — компании полагались на агрессивные стратегии продаж, чтобы компенсировать слабые продукты, — но рынок стал настолько переполненным, что потребители могут требовать качественного дизайна.
RelateIQ (справа) был приобретен Salesforce (слева) в 2014 году, потому что это была угроза. Обратите внимание, насколько лучше выглядит RelateIQ? Требуется больше, чем просто модные шрифты и контрастные цвета, но они помогают.
В 2016 году дизайн стал настолько критичным для успеха продукта, что Slack привлекла MetaLab, чтобы возглавить его дизайн. Когда появляется такое программное обеспечение, как Slack, для дизайнеров важно выяснить, что делает его таким замечательным. Вот несколько уроков, которые я извлек из Slack.
С первого взгляда
«Привет, мы должны попробовать Слэк, — сказал инженер рано утром над тарелкой с хлопьями. — Это тренд в Hacker News».
Я гуглил его и скачал родное приложение. Группа из нас играла с его особенностями. В прошлом нас поощряли к внедрению новых программных платформ. Никто из них не застрял. Slack было очень весело, мы все перешли с HipChat на Slack к обеду.
Если не учитывать принципы дизайна, то основная причина, по которой мы перешли с HipChat на Slack, заключается в том, что Slack не зависал 5 раз в день. Это стоит отметить, потому что каждый разумный выбор дизайна будет бесполезен, если не раздражает, если Slack не сможет правильно реализовать основные функции.
Цвета это весело
Slack определяется акцентом на визуальном дизайне. Приложение предлагает пользователям на выбор несколько тем, которые большинство потребителей даже не предоставляют.
Смелое использование цвета Slack задает тон для пользовательского опыта. HipChat использует тусклую сине-серую цветовую схему, тогда как Slack разрывается от цвета. Яркий рисунок в клетку вызывает ощущение хипстера, пока он надевает многоцветный значок Slack.
Приложение хорошо обрабатывает связанный контент. Если статья публикуется на канале Slack (каналы похожи на чаты), пользователи могут видеть миниатюру рядом с заголовком. Встроенные проигрыватели видео и мультимедиа ( YouTube , SoundCloud и Spotify и многие другие) также воспроизводятся в собственном клиенте для настольных ПК.
Менее полугода назад я никогда не слышал о Giphy, теперь я использую его каждый день. Для тех из вас, кто не знает, эта интеграция позволяет пользователям вводить ‘ /giphy unicorn и появляется анимированный GIF, связанный с термином пользователя, встроенный в окно чата. Этот вид веселья характерен для Slack. Это оживляет ваш день.
У Slack даже есть креативное решение для реакции. Пользователи могут реагировать на каждую строку текста с помощью эмодзи. (Facebook выложил аналогичный набор реакций на основе смайликов в ответ.) Если смайликов недостаточно, пользователи могут загружать свои собственные изображения в Slack и использовать их как реакции. Хотя смайлики могут раздражать, они позволяют легко реагировать, когда вы сосредоточены на чем-то другом.
Все эти визуальные детали заставляют Slack больше походить на веселую платформу социальных сетей, чем на утомительное приложение на рабочем месте.
Адаптивный дизайн
Этот раздел не имеет никакого отношения к изменению размера окон браузера, дизайн взаимодействия Slack отзывчив . Всякий раз, когда пользователи нажимают кнопки, наводят курсор на аватары или редактируют строки текста, у Slack есть соответствующий ответ. Приложение заставляет вас чувствовать себя важным, реагируя на все, что вы делаете.
Ничто в загрузке файлов не должно быть увлекательным, но Slack почему-то делает его приятным. Когда пользователь перетаскивает файл с рабочего стола в окно Slack, появляется огромный оверлей. Чрезмерный графический дизайн передает значение действия. Это заставляет пользователя остановиться и сказать: «О, я собираюсь загрузить файл, и он будет доступен навсегда».
Когда пользователь редактирует сообщение, которое он уже ввел, появляется небольшой редактор. Опять же, зеркальное отражение размера действия, которое выполняет пользователь. Когда редактирование выполнено, текст мигает желтым, а слово «редактировать» появляется светло-серым. Если пользователь завершит редактирование, Slack подтвердит, что изменение не будет сохранено.
Такое внимание к деталям сводится к тонкому взаимодействию с пользователем, которое важно для рабочего места. Если вы отправляете сообщение генеральному директору, вы хотите убедиться, что вы загрузили правильный файл и отправленный текст можно редактировать.
По ощущениям сейчас!
Есть несколько вариантов дизайна более высокого уровня, которые заставляют Slack чувствовать себя современным. Этот выбор выходит за рамки удобного для потребителя дизайна и убедительно отражает более широкие культурные тенденции.
В 2007 году пользователи Twitter добавили хештеги в свои твиты, чтобы им было легче группировать и искать. В Твиттере шла внутренняя дискуссия о том, не станут ли хештеги слишком техническими, если они будут созданы.
Перенесемся в 2016 год, и хэштегом является логотип Slack. Конечно, Джимми Фэллон и Джастин Тимберлейк пошутили о широко распространенном использовании хэштега в знаменитом наброске на Tonight Show с тех пор, но такого рода культурная осведомленность влияет на отношения пользователя со Slack.
Символы позволяют пользователям отмечать коллег в каналах чата. Хештеги зарезервированы для самих каналов.
Даже название Slack — это умный маркетинг. Никто не хочет, чтобы его застали на работе в традиционном смысле. Ослабить означает «расслабиться», но слово приобретает новый смысл. Это великолепно, потому что программное обеспечение настолько забавно, что вы почти чувствуете, что расслабляетесь на работе. Это насмешливый.
Фонетика односложного имени тоже работает хорошо. Глагол «вялый» брошен вокруг нашего офиса без остановок. «Можете ли вы ослабить мне этот файл?» «О, просто расслабь меня». Глаголу «твит» потребовалось некоторое время, чтобы зацепиться за Твиттер, и он не так хорош для маркетинга, потому что это не настоящее название приложения. Звучит глупо, когда кто-то говорит «Facebook me», но жесткий «-CK» звук в конце Slack хорошо подходит для постоянного использования.
Отличные особенности
Все эти детали великолепны, но их будет недостаточно, чтобы сделать Slack самым быстрорастущим программным обеспечением для рабочих мест . Стюарт Баттерфилд, соучредитель и генеральный директор, говорит, что пользователи не могут вспомнить, что они использовали, прежде чем они использовали Slack. Если он выполнит детализацию, станет ясно, что они использовали электронную почту, мгновенные сообщения, Dropbox и многие другие приложения, прежде чем переключиться на его программное обеспечение. Вот несколько ключевых особенностей, которые делают Slack существенным:
На ходу
Slack доступен в Интернете, на настольных компьютерах и на мобильных устройствах. Мобильное приложение Slack так же надежно, как и его нативное приложение. Вы можете загружать файлы, использовать Emojis для реакции, смотреть встроенные видео и делать все, что вы бы делали на вашем столе.
Всегда интересно посмотреть, кто добавил, какую реакцию смайликов, поэтому я был разочарован, когда не смог сделать это на мобильном телефоне. Я пожаловался всем своим друзьям-дизайнерам. Две недели спустя, это было в продукте. Не то чтобы они могли слышать меня или что-то еще — их дизайнеры просто хороши!
Убийца Dropbox
Если вы отправляете файл кому-то через Slack, он там навсегда. Конечно, есть разрешения на доступ к нему, но каждый файл, который вы когда-либо отправляете, доступен для поиска. Моя самая большая критика Slack — это его поиск. Это просто не ведет себя так, как вы ожидаете. Разработав универсальную поисковую систему, я осознаю, насколько сложно хорошо выполнять поиск. Я до сих пор считаю это самой слабой чертой Слэка.
Поток данных
Slack интегрируется с другими сервисами. В нашем офисе есть каналы для потоковой передачи данных из GitHub , Travis CI , Help Scout и других. Это означает, что существует централизованная запись каждого фрагмента кода, который передается, каждого запускаемого теста и каждого отправленного запроса в службу поддержки.
Доска объявлений в реальном времени
Хотя я использую Slack в офисе, есть каналы Slack, которые доступны за пределами офиса. Служа своего рода доской объявлений в режиме реального времени, открытые каналы Slack доступны пользователям для встречи и совместной работы.
Пуш Границы
Это не спонсируемый пост. Я не имею никакого отношения к Slack, кроме как быть пользователем. Я просто дизайнер, которого унижает и вдохновляет команда разработчиков, которая делает все правильно (за исключением поиска) правильно.
Несмотря на то, что эти варианты дизайна легко украсть, существует более обширная философия продукта. Слэк знает свою аудиторию и знает правильный тон для удара. UX — это весело и увлекательно, потому что общение с людьми может быть веселым и увлекательным. Конечно, это тоже может быть серьезно, но это был бы более слабый выбор. Просто спросите HipChat.
Большая часть моего времени уходит на разработку программного обеспечения для финансовых услуг, поэтому я не могу включить нахального робота по имени Slackbot (достойного отдельного поста), чтобы делать саркастические замечания, но все должны учиться у Slack и включать в себя прикол игривости. их продукты.