Как стать автором
Поиск
Написать публикацию
Обновить

Дизайн

Сначала показывать
Порог рейтинга

Мы 12 лет делали текстовую Zero Player MMORPG на русском языке, иногда я писал об этом на Хабре (1, 2, 3, 4).

Теперь мы открываем лор игры под лицензией CC BY 4.0.

Сайт с лором: https://the-tale.notion.site/

Что мы шарим:

  • 195 художественных описаний монстров;

  • 403 художественных описания артефактов;

  • 177 описаний дополнительных существ (спутники героев);

  • 85 художественных текстов о разных аспектах жизни во вселенной игры;

  • 25 текстов с описанием логики мира, частично художественных, частично технических;

  • Pixelart sprite sheets для карты и некоторые иконки.

Лицензия CC BY 4.0 значит, что вы можете почти всё: копировать и распространять, изменять и перерабатывать — даже в коммерческих целях. При условии, что указываете лицензию, оригинальных авторов и внесённые изменения.

Мы с друзьями надеемся, что наши наработки окажутся полезными начинающим разработчикам и авторам.

P.S. За всё время в игру активно играло 39 000 человек, игроки написали больше 1 000 фанфиков, создали огромное количество фанарта, несколько текстовых квестов по миру игры, и оставили больше 270 000 сообщений на форуме. Поэтому, пусть лор и не уровня ААА игр, есть основания предполагать, что он достаточно увлекательный.

Теги:
Всего голосов 2: ↑2 и ↓0+3
Комментарии1

Исследовал интернет и наткнулся на GitHub Unwrapped. Он на основе активности в GitHub создаёт видео, где можно увидеть часто используемые языки, часы спонтанной работы, звёзды и всё остальное. Достаточно ввести только имя профиля, чтобы получить видео. Код открыт.

Сделано с использованием Remotion — тоже с открытым кодом, которая позволяет автоматизировать создание видео на React в веб. Документация хорошая, но надо разбираться. Увидел это и решил, что круто, надо поделиться!

P.S. Моя активность в этом ролике, если кому-то будет интересно.

Теги:
Всего голосов 4: ↑3 и ↓1+3
Комментарии0

Инвентаризация визуальной эстетики веб-сайтов (VisAWI) — это проверенный инструмент, широко используемый в исследованиях UX для оценки эстетики, понимаемой как субъективный и приятный опыт, направленный на объект, не опосредованный логическим рассуждением.

VisAWI предлагает структурированный подход к оценке эстетики веб-сайтов, включающий 18 элементов, разделённых на четыре подшкалы:

  • Простота (Simplicity): Оценивает ясность и минимализм.

  • Разнообразие (Diversity): Анализирует визуальное разнообразие и богатство.

  • Цветность (Colorfulness): Уделяет внимание использованию и привлекательности цвета.

  • Мастерство исполнения (Craftsmanship): Изучает воспринимаемое качество исполнения дизайна.

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

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

https://www.tandfonline.com/doi/epdf/10.1080/10447318.2023.2258634

Теги:
Рейтинг0
Комментарии0
Orkstar Games, Inc.
Orkstar Games, Inc.

Обещанная статья о том как я примазался к самой успешной игровой студии в Мире и создал логотип для сообщества. В конце галерея уродов от нейросети с моими комментариями:
https://vk.com/@orkstargames-kak-ya-primazalsya-k-samoi-uspeshnoi-videoigrovoi-studii-v-m

Теги:
Всего голосов 7: ↑1 и ↓6-5
Комментарии0

Сделал струю огня из символов. Нормально получилось?

Геймплей битвы пока такой: все стреляют сами. Надо просто смотреть, перезаряжать, может прям во время боя скрафтить что-нибудь. Щит, например. Дрон выставить в помощь. И вовремя сбежать.

Но может переделаю еще битву - дам больше контроля игроку. Пока не решил.

Заходите в Стим глянуть на игру и добавить в вишлист если понравится стиль.

Теги:
Всего голосов 5: ↑5 и ↓0+7
Комментарии6

В Steam стала доступна бесплатно игра 100 New Year Cats про поиск котов на большом новогоднем арте. Присоединяйтесь к самому милому приключению 🍾 Нового года 🌲, полному кошек! Исследуйте очаровательные новогодние локации, нарисованные вручную, и отправляйтесь на поиски 100 очаровательных кошек, спрятанных по всей игре. 🕵️‍♂️Сможете ли вы найти их всех?

Теги:
Всего голосов 4: ↑4 и ↓0+5
Комментарии1

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

Данные нейровизуализации и самоотчётов предоставляют убедительные доказательства влияния цвета на восприятие:

  • Когнитивная обработка и умственная нагрузка: Просмотр веб-сайтов с красным дизайном активировал левую дорсолатеральную префронтальную кору (dlPFC), область мозга, связанную с умственной нагрузкой. Это указывает на то, что красный цвет требует большего количества когнитивных ресурсов из-за своей ассоциации с угрозой и повышенным вниманием.

  • Недоверие к бесцветным сайтам: Веб-сайты без цвета вызывали ещё более сильную активацию правой dlPFC по сравнению с цветными сайтами, что свидетельствует о большей когнитивной нагрузке. Данные самоотчётов подтвердили этот вывод: пользователи испытывали большее недоверие, меньшее удовольствие и более негативное отношение к бесцветным дизайнам. Это, вероятно, связано с неопределённостью, которую создаёт отсутствие цвета.

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

https://pdf.sciencedirectassets.com/271802/1-s2.0-S0747563224X00023/1-s2.0-S0747563224000359/main.pdf

Теги:
Всего голосов 2: ↑2 и ↓0+2
Комментарии0

Как наклейки на серверах делают обслуживание проще и безопаснее

Синяя маркировка на серверах VEGMAN G2
Синяя маркировка на серверах VEGMAN G2

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

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

Все элементы обозначены яркими синими метками. Например, Riser «B» выделен яркой маркировкой, благодаря чему его легко отличить. Такая система упрощает обслуживание и снижает вероятность ошибок.

Другие примеры serviceability читайте в статье Александра Чурикова, технического эксперта по продукту в YADRO.

Теги:
Всего голосов 6: ↑6 и ↓0+8
Комментарии0

Почему сайты говорят как роботы

Только ли SEO продолжает превращать сайты в поле битвы алгоритмов? Часто это выглядит, как будто контент пишут для поисковых роботов, которые вроде как и «умные», но всё ещё реагируют на шаблонные фразы, ключевые слова и лонгриды. «Больше ключевых фраз — больше клиентов».

В результате сайты превращаются во что-то среднее между инструкцией к пылесосу и обучающим мануалом для ИИ.

«Раковина может перестать работать, и вам нужно её починить. Чтобы починить раковину, следуйте этим шагам: найдите проблему, подготовьте инструменты и почините раковину.»

Бизнес: «Ну а чо, сайт в топе, посещаемость высокая, кассу делают, так о чём речь?».
Клиент: «Мне нужно быстро получить услугу/товар здесь и сейчас, дёшево и с гарантией». Побоку все эти «финтифлюшки и расшаркивания».

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

Наверно только крупный бизнес позволяет себе разговаривать со своими клиентами на человеческом языке. И мы делаем скрины и обучающие программы «Смотрите как надо». А всех остальных (без SEO и лонгридов), поисковики выкидывают из индекса по причине: «Малоценная или маловостребованная …»

Если у бизнеса цель только быстро заработать, то и нет смысла заниматься каким-то там юзабилити и тем более текстами. Стандартные библиотеки и грамотное SEO — «всего и делов».

А вот когда SEO сделало своё дело, а вы всё ещё любите своих клиентов и хотите взаимности на долгие годы — займитесь уже юзабилити и текстами.

  • Подумайте, что чувствует человек, когда открывает ваш сайт. Понятен ли текст? Логична ли структура?

  • Экспериментируйте, проверяйте разные подходы: более человечный язык, больше визуального контента, меньше шаблонов. Ваши SEO-тексты — не догма и не исключают экспериментов.

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

  • Локальные бренды и нишевые проекты часто привлекают аудиторию именно за счёт живого общения и уникального стиля.

Люди вернутся на сайт, где их понимают, а не туда, где их «оптимизировали».

—------------------

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

Теги:
Рейтинг0
Комментарии0

Ранние исследования в области человеко-компьютерного взаимодействия (HCI) подчеркивали целостную природу пользовательского интерфейса, акцентируя внимание на пользователе как центральном элементе. Например, одно из определений гласит: «То, как вы выполняете задачи с помощью продукта — что вы делаете и как он реагирует — и есть интерфейс». Однако модели 1980-х и 1990-х годов часто сосредотачивались на отдельных стилях взаимодействия, таких как диалоги и команды, что ограничивало их применимость для современных сенсорных систем, многопользовательских сред и систем с меньшей зависимостью от команд.

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

  1. Устройства (Devices): Считывают ввод пользователя и отображают выходные данные.

  2. Техники взаимодействия (Interaction Techniques): Соотносят считанные входные данные с операциями над сборками.

  3. Представления (Representations): Отражают пользователя и компьютер внутри интерфейса.

  4. Сборки (Assemblies): Организуют представления и связывают техники взаимодействия с вычислительными системами.

Данный подход, называемый DIRA (Devices, Interaction Techniques, Representations, Assemblies), обеспечивает надежный инструмент для понимания пользовательских интерфейсов как динамических систем, соединяя классические парадигмы взаимодействия с требованиями современных сенсорных и многопользовательских систем.

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

https://pdf.sciencedirectassets.com/272548/1-s2.0-S1071581924X00105/1-s2.0-S1071581924001642/main.pdf

Теги:
Всего голосов 1: ↑1 и ↓0+2
Комментарии0

Python 3.13 на iMac 2011 High Sierra и VScode

Изучал Python на Anaconda/JupyterLab/Notebook/Spider под Windows 11. Возникла потребность все запускать на старом, но прикольном iMac 2011 32 ГБ ОЗУ, 1 ТБ disk, FulHD экран. Оказалось последняя Anaconda для него 2019 года с Python 3.6. Случайно узнал, что есть для Python отличные PyCharm и VScode. Оказалось VScode предпоследней версии работает на этом iMac, причем в ней есть microsoft Python практически новейший версии 3.13 и отладчик работает и pip есть сразу из коробки. Все работает с достойной скоростью. А ведь куплен iMac был за 10 тыс. руб. Добавлю еще, что он тихий даже под рендерингом анимации 3D в VTK и расчетах pandas. Добавлю еще, что с самого офицального python.org на этот iMac смог поставить только Python 3.11, a Jupyter/Spyder отказались работать.

Теги:
Всего голосов 1: ↑1 и ↓0+1
Комментарии5

5 решений в цифровых продуктах, которые оценят и бумеры, и зумеры

Население активно стареет и меняет пользовательские привычки, зумеры задают новые тренды, а ИИ и Big Data добавляют новые технологические вызовы каждый день. Как в таких условиях создать цифровой продукт, который бы понравился разным поколениям, не раздул бюджет и не устарел в ближайшие годы? Собрали несколько советов в этом посте.

🔹 Отказ от стереотипов. Считается, что зумеры живут в интернете 24/7. Но исследования показывают, что 73% из них специально ходят в офлайн-магазины, чтобы «отключиться» от цифрового мира. Поэтому стоит изучать реальное поведения своих пользователей всех возрастов, чтобы предлагать им подходящие решения.

🔹 Омниканальность. Убедитесь, что ваш продукт одинаково доступен на любых устройствах и платформах. Возможность начать покупку на телефоне утром и завершить ее на планшете вечером важна для всех, но особенно для миллениалов, зумеров и иксеров.

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

🔹 Персонализация — путь к лояльности. Дайте пользователям возможность настраивать интерфейс под себя, скрывать ненужный им контент, управлять фичами.

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

Еще больше решений, примеров, данных исследований и реальных кейсов — в нашей статье-исследовании. Будет классно, если поделитесь ею с коллегами — от дизайнеров до продакт-менеджеров.

Теги:
Рейтинг0
Комментарии0

Современные пользовательские интерфейсы часто требуют значительных усилий при использовании из-за того, что представляют обширные объёмы разнородной информации. Это создает значительную нагрузку на управление вниманием и когнитивные ресурсы пользователей.

Исследования показывают, что общий показатель интеллекта (Full-Scale IQ), являющийся агрегированным измерением когнитивных способностей, коррелирует с успехом выполнения задач, более быстрым их завершением и снижением субъективного восприятия ментальной нагрузки при работе с компьютерами. Особенно важно, что объём рабочей памяти объясняет значительную часть различий в эффективности выполнения компьютерных задач, подчеркивая её ключевую роль в успешной работе с интерфейсами.

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

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

https://pdf.sciencedirectassets.com/272548/1-s2.0-S1071581924X00099/1-s2.0-S107158192400137X/main.pdf

Теги:
Всего голосов 2: ↑2 и ↓0+4
Комментарии0

Ближайшие события

Дизайн экран печати механизмов на принтере в игре Effulgence, сделанной из текстовых символов.

Экран печати механизмов на принтере. Печатается "болтливая голова робота". Говорит постоянно - не заткнуть. Если поместить на экран, то заболтает оппонентов, и те пропустят ход.

Сложный экран с точки зрения UI. Тут и ресурсы все, и схемы печати, разделенные на категории. Собрал первый вариант. Норм?

Заходите в Стим глянуть на игру и добавить в вишлист если понравится стиль.

Теги:
Всего голосов 4: ↑3 и ↓1+3
Комментарии3

Extended-use designs (EUD) - что-то похожее на dark patterns в вебе - оказались весьма распространены среди популярных онлайн платформ, таких как Booking или AliExpress. Эти практики можно сгруппировать в четыре категории, отражающие лежащие в их основе стратегии:

  • давление (pressuring)

  • соблазнение (enticing)

  • ловушка (trapping)

  • усыпление бдительности пользователей для вовлечения (lulling users into engaging)

EUD манипулируют эмоциональным опытом пользователей (например, давление, соблазнение) и когнитивной нагрузкой (например, усыпление, ловушка). Они работают в сочетании, чтобы эмоционально и когнитивно вознаграждать пользователей за продолжение вовлеченности и наказывать их за попытки прекратить взаимодействие.

https://arxiv.org/pdf/2411.12083

Теги:
Рейтинг0
Комментарии0

Интересный факт нашел в древней (но не потерявшей актуальность) книге Артемия Лебедева

О том, как Декларация независимости Америки превратилась в Декларацию независимости Жмеринки, благодаря писарю, поменявшем в США фамилию, и страдающему тоской по родному краю, и как важно проверять работу, читайте в https://www.artlebedev.ru/kovodstvo/sections/113/

Теги:
Всего голосов 7: ↑2 и ↓50
Комментарии2

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

Напротив, визуальное восприятие фиолетового оттенка (300°) было хуже: первая фиксация взгляда длилась дольше, а оценки пространства по привлекательности, личным предпочтениям, комфорту и удовольствию были ниже.

При уровне насыщенности 69–77% испытуемые демонстрировали наименьшую длительность первой фиксации и наибольшую общую длительность фиксации, что указывало на более высокую визуальную привлекательность.

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

Теги:
Рейтинг0
Комментарии0

Единственный способ получить ресурсы для крафта в игре - это мочить обитателей, рассыпая их на отдельные частицы. Примеряюсь, как это может выглядеть. Норм?

Каждый босс в игре состоит из набора ресурсов. Замочил босса - получил ресурсы. Ресурсы бывают десяти типов:

  1. [M] Метал

  2. <P> Пластик

  3. {@} Оптоволокно

  4. }&{ Биоматериал

  5. *.* Звездная пыль

  6. |+| Радионуклиды

  7. \V/ Минералы

  8. !?! Пси-вещество

  9. :~: Топливо

  10. #S# Чипы

Дизайн больших боссов делается комбинированной техникой. Сначала вручную создаю все кадры ASCII анимации. Затем в коде добавляю алгоритмы плавного движения с параллаксом.

Позицию каждого символа рассчитываю тоже в коде. Так как все символы у меня хранятся на одной текстуре, то удается отображать всю сцену за один Draw Call, что позволяет держать 120fps почти всегда.

Такая вот новая схема расширенного текстового режима. Загляните на страничку игры Effulgence в Steam, если вам понравился стиль.

Теги:
Всего голосов 6: ↑5 и ↓1+7
Комментарии2

Как дизайн влияет на развитие продукта: 5 главных принципов

В продуктовой разработке роль дизайна выходит далеко за рамки эстетики. Дизайн — это не просто красивый интерфейс. Он напрямую влияет на восприятие продукта, его конкурентоспособность и рост дохода компании.

Но как именно дизайнер может формировать продуктовую стратегию? Отвечаем в пяти пунктах.

1. Влияние на прибыль. Хороший дизайн — реальная инвестиция в бизнес-результаты. Исследования говорят: компании, которые активно инвестируют в дизайн, за пять лет заработали больше, чем те, кто этим пренебрегает.

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

3. Работа в команде. В идеальном мире — дизайнеры работают вместе с аналитиками, участвуют в исследованиях и опросах. Так продукт сможет развиваться комплексно и отвечать актуальным запросам рынка.

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

5. Метрики. Успех дизайна можно и нужно оценивать с помощью метрик: это может быть вовлеченность, Retention Rate и время, затраченное на задачу. Простые опросы здесь тоже могут помочь.

Полная версия статьи с примерами и цифрами — у нас на Хабре.

Теги:
Всего голосов 4: ↑4 и ↓0+4
Комментарии0