Дизайн

UX-редактору: Правило «Хочу…». Что писать в кнопке

Например, кнопка в результатах поиска. Что написать, «Показать все» или «Посмотреть все»?

Считается, что на кнопках надо писать действие (фраза с глаголом), чаще всего, от лица юзера или что произойдёт дальше (а не просто «OK» или «Далее»). Зависит от контекста, флоу и, даже, от голоса продукта.

Давайте применим правило «Хочу». Мысленно добавляем слово «хочу» в начале текста кнопки и «что делать» (текст кнопки).

• Хочу … «Читать далее»

• Хочу … «Отправить сообщение»

• Хочу … «Отменить»

• Хочу … «Посмотреть все»

А вот так уже не очень:

• Хочу … «Загрузка»

• Хочу … «Отмена»

• Хочу … «Показать все» — не юзер же показывает, а система

• плохо работает аккуратнее с глаголами на -тся/-ться (загружается, обновляется)

• не работает с глаголами в страдательном залоге (потеряно, зависла)

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

Можете привести пример кнопок (с глаголами), где правило «Хочу» не работает, но всё равно надо использовать глагол?

--------------------------------------------

В телеграм-канале Заметки о юзабилити практические задания по юзабилити и интерфейсным текстам. Развиваем внимание к деталям, насмотренность и разбираем User Flow.
Ещё на канале: исследования, мнения, полезные ссылки и много на тему юзабилити. Присоединяйтесь, присылайте свои кейсы, разберём ))

Цукерберг анонсировал новую версию Llama 3.2, которая стала мультимодальной, а значит сможет обрабатывать как текст, так и картинки.

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

В отличие от OpenAi, Meta (владеет Facebook и Instagram, деятельность признана экстремистской и запрещена) договорилась с Джуди Денч и рестлером-актером Джоном Синой и теперь голосовые ассистенты будут говорить их голосами.

Meta сообщила, что более 180 миллионов человек каждую неделю используют AI-ассистент Meta AI.

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

У Llama 3.2 две картиночные модели - 11b и 90b и две более легкие текстовые на 1b и 3b. Контекст 128,000 токенов, как и в LLama 3.1.

Маленькие модели предназначены для работы на оборудовании Qualcomm, MediaTek и других платформах Arm, и Meta явно надеется, что они будут использованы на мобильных устройствах в приложениях с агентами.

Новые голоса Meta AI  будут доступны пользователям в США, Канаде, Австралии и Новой Зеландии в течение следующего месяца. Возможности обработки изображений в Meta AI будут развернуты в США, но компания не уточнила, когда эти функции появятся на других рынках.

Привет, небольшой апдейт для kui'я

Добавил команду удаления для кронжобов.

Творите, выдумывайте, пробуйте!)

UX-редактору: «Отправить» или «Получить»?

Есть мнение, что в подобных формах, в кнопке лучше писать «Отправить код» вместо «Получить код».

В этом скрине проблема ещё в том, что пример немного абстрактный. Название формы может сильно повлиять на текст в кнопке.

Одно из правил для кнопок гласит: подпись должна четко сообщать, что именно произойдет, когда пользователь нажмет на кнопку.

«Получить код» вроде бы подходит, НО т.к. сайт не может гарантировать доставку СМС (т.е. юзер может не «получить»), потому, дескать, и надо писать «Отправить».

Как по мне, так странное объяснение, т.к. «отправку» сайт тоже не может гарантировать. Кроме того, «отправить» — это промежуточное действие, юзер же не отправку просит, а хочет видеть (получить) код.
«Получить» мне больше нравится, сообщает именно о том, что должно произойти после нажатия.

-----------------

В телеграм-канале «Заметки о юзабилити» публикуются практические задания по анализу юзабилити и интерфейсных текстов. Развиваем внимание к деталям, насмотренность и разбираем пользовательские сценарии.

Ещё на канале есть: исследования, мнения, полезные ссылки и много всего на тему юзабилити.

Дал последний шанс Evernote...
Почему - потому что найти решение куда перескочить - не удалось, а к кнопке веб-клиппера я уже привык на уровне подкорки за эти ... да лет за 10 точно.

В общем потихоньку все равно продолжал клипить заметки. При этом я даже удалил (как писал недавно) толстого клиента и пользовался только веб-клиентом и веб-клиентом.

И какое же было мое изумление сегодня, когда я зашел в веб-клиент, и меня жестко обломали - мол выбирай, какое устройство использовать... Оказалось, что если раньше бесплатно можно было использовать веб и какое-то приложение, то сейчас или веб, или приложение... И это я еще не проверял, что мне заявит эвернот на смартфоне...

В итоге - я для себя принял решение экспортировать заметки из проги в локальный файл(ы) enex и искать замену - а с Evernote прощаться.

В толстом клиенте ждал сюрприз - теперь экспортировать можно только каждый блокнот отдельно. Оно и к лучшему - буду методично выгружать и удалять заметки - что собственно и начал делать.

Ну и по ходу поймал ряд глюков и дырок:

• при удалении блокнот пропадает, но окно висит, приходится отменять и выходит ошибка удаления;

• ребята ввели ограничение на кол-во заметок в месяц (50), но из клипера их можно продолжать клепать;

• в целом клиент висит и жрет ресурсы бессовестно (особливо при открытии).

В общем кризис Evernote продолжается, халява кончается... и даже платить нет смысла - потому что падает качество программы и сервиса. В общем все по тренду рилсов - "bye bye bye".

ИИ меняет YouTube. Новые фичи

Youtube выкатил массу изменений, я собрал те, которые относятся к ИИ, и саммаризовал их.

Зачем нам это знать? Youtube фиксирует тренд, что именно из разработок с ИИ находит применение в жизни, и куда скорее всего пойдут остальные в этой индустрии.

Вот самые интересные фичи, представленные на недавнем мероприятии Made on YouTube:

1. Вкладка "Вдохновение" в YouTube Studio: Теперь ИИ может предложить идеи для видео, включая заголовки, описания и даже сценарии. Это значительно упрощает работу, особенно если вы ищете вдохновение или оптимизацию под алгоритмы YouTube.

2. DeepMind и YouTube Shorts: Интеграция ИИ-модели Veo от Google DeepMind позволит автоматически создавать фоны для коротких роликов. Функция Dream Screen сделает видео более динамичными, а авторы могут использовать её для создания шестисекундных роликов с помощью ИИ. Контент будет помечен специальными водяными знаками, чтобы зрители знали, что использовался ИИ.

3. ИИ-ассистент для общения с аудиторией: С помощью ИИ авторы смогут быстрее отвечать на комментарии, используя готовые реплики, адаптированные под их стиль. Это сократит время на общение, сохранив личный подход.

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

Отличный тренд, как думаете?

В сборе инфы помог бесплатный телеграм-бот.
Мой канал в телеге lanchev_pro_ai.

Приглашаем на бесплатный вебинар «Проектирование и дизайн пользовательского интерфейса». Рассмотрим первые шаги, которые необходимо выполнить перед проектированием интерфейса. А также проанализируем пример опросного листа, который должен заполнить клиент, чтобы помочь лучше понять его потребности и предпочтения. 

📅 Дата: 13.09.2024

⏰ Время: 16:00-17:00 (Мск)

На вебинаре:

✔️ Вопросы из опросного листа. Что и зачем спрашивать

✔️ Пользовательские сценарии. Что такое, из чего состоят и зачем нужны

✔️ Информационная структура продукта. Почему без неё никуда

👨‍🎓 Спикер: Игнашов Евгений — cпециалист в области UI/UX проектирования.

👉 Записаться 👈

Глаза превращаются в...

Использую такую штуку в терминале info-bar о которой я писал тут, инфо бар показывает git status, если $PWD содержит папку .git. Сегодня занимался с репами, крутил вертел по разному, в какой-то момент вкладка терминала зафризилфсь. Оказалось что info-bar плохо переносит большое количество информации от git status'а

$ git status -sb | wc -l
9451

Пришлось ограничить вывод 50 строками, теперь так:

git_sts_depth=50
...
git -c color.ui=always status -sb | head -$git_sts_depth

Заодно смердил в мастер новую версию в которой глаза заменены на, эм, ну увидите)

Творите, выдумывайте, пробуйте!)

Вопрос к Хабражителям: вы никогда не встречали DVD-проигрывателей (портативных или стационарных) на Linux, причем с относительно доступным юзерспейсом? Есть, конечно, проигрывали Samsung, но там секьюрбут и линукс огорожен

Backend-Driven UI и конструкторы — благо или зло?

Об этом — в новом выпуске подкаста «Свободный слот». Бизнес обычно в восторге от BDUI: высокий Time to Market, новые фичи без обновлений приложений, UI для нескольких платформ. А вот инженерам не всегда нравится пользоваться конструкторными решениями.

Вместе с Леонидом Ральниковым, разработчиком BDUI-фреймворка DivKit из Яндекса, мы говорим о том, какие плюсы и минусы есть у конструкторов, как это влияет на компанию и что нас ждет в будущем. Можно ли отдать вёрстку продакту? Не теряют ли инженеры базу, верстая экраны через конструкторы? Как тестировать приложения с BDUI?

А что вы думаете о BDUI? Делитесь мнением в комментариях.

Слушайте «Свободный слот» на разных платформах:

Apple Podcasts
ВК Подкасты
Яндекс Музыка

Когда встает задача запустить Windows приложениях в Linux, то неизменно на ум приходят с десяток приложений основанных на WINEhq. Однако есть одна разработка, WinApps, которая не идет этим путем и представляет собой попытку творческого переосмысления WSL, но наоборот, т.е. у нас есть виртуальная машина с MS Windows/Docker контейнер с Windows/Podman контейнер с Windows в которые мы устанавливаем необходимый софт, а дальше, мы получаем, через консоль или через ярлыки в системе, доступ посредством протокола RDP через утилиту FreeRDP. Однако удобство, по сравнению, с обычным RDP, заключается в том что каждое такое приложение будет в отдельном окне, словно нативное приложение Linux.

Плюсы метода:

• OpenSource решение

• Пользователь может безболезненно запускать привычные Windows приложения как если бы они были частью Linux

Минусы метода:

• протокол RDP - в котором мне не удалось завести аппаратное ускорение Direct Draw и AGP, работает только Direct3D со всеми вытекающими. Различные манипуляции с реестром виртуальной машины, ее групповых политик и консольными параметрами freerdp ни к чему не привели. Приложения в которых работа Direct Draw и AGP жизненно необходима, например в Adobe Photoshop, Autodesk AutoCAD и т.п., работаю плохо или никак.

• иногда происходят ложные срабатывания, например: когда пытаешься перемещаться по документу мышью удерживая полосу прокрутки - это, чаще всего не работает или работают не так как ожидаешь

Как начать читать научные исследования по дизайну и зачем это делать — запись со встречи с Юлей Кондратьевой, ex Tinkoff Design Lead.

В общем, у нас тут две крутые новости. Первая — недавно Юля была в гостях у дизайн-коммьюнити Garage Eight, где выступила с очень полезной лекцией и ответила на все наши вопросы. Вторая — она разрешила поделиться записью встречи!

Теперь к сути. Когда-то Юля захотела понять, какой шрифт доказанно читается лучше: с засечками или без. Так она начала искать научные исследования в этой области и в итоге открыла для себя дивный новый мир. Теперь Юля буквально амбассадор принятия решений в дизайнерской работе на основе научно доказанных фактов и вдохновляет на это и других.

Когда технологии будущего становятся реальностью, их применение оказывается ординарным. Например, видеосвязь: в фантастике никто не общается иначе, как с 3D-голограммой собеседника; в реальности мы сидим на митах с выключенными камерами.

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

Одна из любимых идей фантастики и киберпанка — управлять техникой силой мысли. Нейроинтерфейсы — молодая сфера. В ней работаем и мы, Neiry. Мы делаем будущее интерфейсов «мозг-компьютер» неординарным. А вы можете нам помочь.

20 сентября — старт BCI Hack Moscow хакатона, участники которого создадут прототипы продуктов на базе нейроинтерфейсов для Neiry Headband Pro и открытого API Neiry. Хотите рулить электросамокатом действительно без рук? Научить умную колонку, играть музыку под настроение? Воплотите свои неординарные идеи с нами.

Приглашаем разрабов всех грейдов, студентов, нейроэнтузиастов. Язык нашего API — С, также пригодятся знания в Python, SQL, аналитические навыки, опыт обращения с BCI. Участвовать можно одному или командой до 4 человек.

Регистрируйтесь до 15 сентября: опишите в заявке идею, которую будете воплощать. 20 сентября выдадим Neiry Headband Pro, для этого кто-то из команды должен быть в Москве. И всё, больше никаких блоков. Приходите на лендинг за деталями, присоединяйтесь к нам и сделайте вклад в неординарное будущее, воплощающее лучшие аспекты киберпанка.

Telegram-боты для работы (маркетологам, авторам и не только)

Собираю ботов, которые пригодятся в работе с текстами, картинками и др.

Контент и постинг:

• PosterBot — собирает посты из других соц. сетей и публикует в TG.

• Meming Bot — быстро оформляет мемы.

• Watermark Bot — добавляет вотермарку.

• Скриншот переписки — делает фейковый скриншот диалога в TG.

• GiveMeNews — собирает новости из разных источников по ключевым словам.

• OrfoBot — проверяет текст на наличие орфографических ошибок.

• Fixmebot — исправляет ошибки в тексте на английском языке.

• Переводчик с тарабарщины — транслитерирует текст, если использовали неверную раскладку.

• Imager — делает скриншот веб-страницы.

• Video to Gif Converter — создает гифки из видео.

• GIF Search — ищет гифки.

• Бот Геннадий — подбирает хештеги.

Скачивание и сохранение видео и картинок:

• Скачать ТикТок & YouTube видео — скачивает из TikTok/YouTube/Likee/запрещенной соц. сети.

• SaveAsBot — скачивает из Pinterest.

Работа с блогерами в TG:

• Berezhok_instapr — подбирает блогеров для пиара.

• TGStat Bot — собирает статистику TG-каналов.

• Combot — собирает аналитику TG-чатов.

Другое рабочее:

• TGhost — создает ссылку на файл.

• DR.Web — проверяет файлы и ссылки на вирусы.

• PresentationRobot — помогает создать презентацию по структуре.

• SmartSpeech Bot — превращает голосовые сообщения в текст.

• UTM Generator — добавляет UTM-метки на ссылки.

• Pomodoro Bot — управляет временем по методу Помодоро.

• Биржа фрилансеров — ищет подрядчиков на проектную работу.

Если есть, что добавить, отправляйте в комментариях.

Мониторинг в терминале?

Буквально за 15 минут собрал демку для просмотра алертов tenis'а с помощью bashui.
Я использовал "быструю" функцию для создания меню (таблиц). Подробней про эту функцию можно почитать тут. Кнопки бутафорские просто для иллюстрации)

Творите, выдумывайте, пробуйте!)

Как сделать так, чтобы тебя читали: 3 простых правила при создании текста

По данным NN/g, люди не вчитываются в каждое слово на странице с текстом, а воспринимают только 20% контента. Они сканируют и вычленяют отдельные слова и фрагменты.

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

1. Создавайте сканируемый контент.

Используйте списки с буллитами, пишите короткими абзацами, сокращайте предложения. Следуйте правилу «одна идея на один пост». Избегайте длинных слов, которые состоят из пяти и больше слогов.

2. Помогайте людям сканировать ваш контент.

Расставьте по тексту крючки, за которые зацепится глаз читателя.

3. Сделайте так, чтобы человек перешел к чтению после сканирования.

Если человек сканирует интересный и полезный текст, он начнет его читать подробнее. А это и есть ваша цель — донести сообщение до клиента.

>> Больше интересных примеров и кейсов из мира диджитал найдете в Telegram-канале нашей дизайн-команды.

4 принципа из художки, которые помогают в работе дизайнера

Наш дизайнер Юля Вакуленко выделила 4 правила с уроков рисования, которыми она пользуется в работе. В итоге получился список советов для любых дизайн-задач.

1. Сперва общая композиция, потом — детали.

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

2. Результат зависит от контекста.

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

3. Критика — не руководство к действию.

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

4. Сложные вещи лучше упрощать.

Любой предмет — это набор геометрических фигур. Упростить объект до базовых форм и сохранить его характерные черты — задача не из легких. Но это полезно не только для иконок и логотипов, но и для поиска концептуальной визуализации в целом. Всё, что не требует много размышлений, запоминается лучше.

>> Полная версия статьи Юли — по этой ссылке.

Figma настолько успешно захватила рынок, что в десятой Axure такие привычные и любимые мной «мастера» превратились в «компоненты». Зато теперь могу исключать термин «мастер» из своего лексикона и вспоминать его только когда олдскулы сводит.

В сети вышло видео FastHTML за 100 секунд.

FastHTML — это новый веб-фреймворк Python, который позволяет легко создавать интерактивные веб-приложения без необходимости изучать фреймворк JavaScript, такой как React или Angular. Проект использует HTMX под капотом для включения динамических обновлений контента без полной перезагрузки страницы.

Представлено расширение для браузеров на базе Chrome под названием «ЮБуст — Ускорение YouTube. Ютуб без замедления в России». Лучше проверять его работу на отдельном ПК или ВМ. Открытого кода проекта не опубликовано.

С этим расширением видео в YouTube даже в 4К грузятся как было до 1 августа.

1. Скачивайте расширения — тут.

2. Отключите другие способы растормаживания платформы, если они у вас есть.

3. Работает только на одной вкладке — не открывайте несколько вкладок с YouTube одновременно.

4. Перезагрузите страницу.

5. Ролики работают, как раньше.