RSS. A List Apart: Полная лента - TheNote.app

RSS. A List Apart: Полная лента
Подписаться

A List Apart - это онлайн-журнал, посвященный дизайну, разработке, пользовательскому опыту и передовым методам работы в Интернете. Он был основан в 1998 году Джеффри Зельдманом и Грегом Стори и стал уважаемым ресурсом для веб-профессионалов по всему миру. Сайт состоит из статей, включая учебные пособия, интервью и глубокий анализ, а также списки вакансий и анонсы мероприятий. A List Apart является частью сети Automattic, что делает его открытым источником и доступным для широкой аудитории. Сайт регулярно обновляется новым контентом, что позволяет пользователям оставаться в курсе последних тенденций и технологий в индустрии веб-дизайна и разработки.

A List Apart: The Full Feed alistapart.com

RSS alistapart.com

RSS Hunter • 22 авг. 2024 г.

Трэд заметок

Хорошие дизайнеры, плохие сайты: предложение

Автор подчеркивает критическую важность доступности в веб-дизайне. Они считают, что дизайнеры по своей природе хотят создавать инклюзивные дизайны, но признают, что некоторые дизайны все еще исключают пользователей. Основная проблема заключается в огромном объеме информации, которую дизайнеры должны помнить, включая рекомендации по доступности. Автор предлагает решить эту проблему, используя эвристику юзабилити Нильсена «Узнавание вместо вспоминания». Автор рекомендует использовать персоны, например, из книги «Веб для всех», чтобы легко выявлять проблемы доступности. Эти персоны представляют различные потребности и ограничения пользователей, способствуя принятию эмпатичных дизайнерских решений. Автор также предлагает использовать «Personas Non Grata» для рассмотрения потенциального неправомерного использования. «Назначенный диссидент» в каждом проекте должен рассматривать, как дизайн влияет на каждую персону. Автор предоставляет ресурсы по рекомендациям по доступности на различных платформах. Домашнее задание автора — использовать предоставленные персоны на протяжении каждого дизайн-проекта. Этот подход направлен на то, чтобы сделать доступность основным соображением с самого начала. В конечном итоге, цель состоит в том, чтобы вернуть дизайн всем пользователям.

Good designers, bad websites: a proposal alistapart.com

RSS Hunter • 23 апр.

Дизайн для дружелюбия: уроки из Вены

Текст исследует важность любезности в онлайн-средах, противопоставляя ее часто враждебному характеру современных веб-сайтов и социальных сетей. Затем он использует Венский кружок, группу междисциплинарных мыслителей в Вене эпохи Великой депрессии, в качестве примера для развития позитивных взаимодействий. Венский кружок, встречавшийся в кафе и университетских офисах, решал сложные философские и математические проблемы, уделяя особое внимание строгому рассуждению и открытой дискуссии. Эта среда, характеризующаяся интеллектуальной серьезностью, эмпиризмом, абстракцией и открытостью, способствовала продуктивным дебатам, несмотря на различия в личностях и точках зрения. Любезность группы была дополнительно усилена аспектами венской культуры кафе, включая формальность, некоторую степень неформальности и наличие юмора. Рост фашизма разрушил эту среду, многие члены бежали, а некоторые понесли смертельные последствия. Автор заключает, предлагая восемь принципов проектирования для создания более любезных цифровых пространств, основанных на успехе Венского кружка, подчеркивая важность серьезности, эмпиризма, абстракции, формальности, открытости и пародии.

Design for Amiability: Lessons from Vienna alistapart.com

RSS Hunter • 15 окт. 2025 г.

Диалекты дизайна: ломать правила, а не систему

Текст утверждает, что системы дизайна следует рассматривать как живые языки, а не просто библиотеки компонентов, адаптирующиеся к контексту, как разговорные языки. Жесткая визуальная согласованность в системах дизайна может ухудшить пользовательский опыт, требуя гибкости и адаптации. Ключевым понятием является «диалект дизайна» — систематическое изменение системы дизайна для конкретных контекстов, таких как разные группы пользователей или среды. Автор рассказывает об опыте в Booking.com и Shopify, где строгая согласованность потерпела неудачу, подчеркивая необходимость диалектов. Предлагаются «Рамки гибкости» и «Лестница принятия решений», чтобы помочь командам сбалансировать согласованность и адаптацию в рамках системы дизайна. Автор предлагает документировать отклонения, продвигать общие шаблоны и отказываться от устаревшего с учетом контекста, чтобы управлять развитием диалектов. Основной принцип, который подчеркивается, заключается в том, что успех пользователя важнее эстетической согласованности, приоритет отдается беглости, а не единообразию. Внедрение диалектов начинается с выявления нарушенного пользовательского потока, понимания контекста и внесения систематических изменений. Тестирование и измерение воздействия, а также демонстрация полученной экономии являются важными шагами. В конечном итоге, текст выступает за развитие языков дизайна, которые развиваются для удовлетворения потребностей пользователей, адаптируясь и развиваясь со временем.

Design Dialects: Breaking the Rules, Not the System alistapart.com

RSS Hunter • 26 сент. 2025 г.

Холистическая (целостная) основа для совместного лидерства в дизайне

Здоровая команда дизайнеров требует как менеджера по дизайну, так и ведущего дизайнера, которых следует рассматривать как людей, занимающихся разными аспектами одного и того же организма. Менеджер по дизайну фокусируется на психологии команды, карьерном росте и динамике (ум), в то время как ведущий дизайнер фокусируется на навыках ремесла, стандартах дизайна и выполнении (тело). Эти роли перекрываются, требуя сотрудничества в трех критических системах: нервной системе (люди и психология), мышечной системе (ремесло и выполнение) и кровеносной системе (стратегия и поток). Менеджер по дизайну в первую очередь курирует нервную систему, при поддержке ведущего дизайнера, который в первую очередь курирует мышечную систему, при поддержке менеджера по дизайну. Обе стороны разделяют ответственность за кровеносную систему, обеспечивая стратегическую согласованность и поток информации. Ясные обратные связи и явные передачи ответственности имеют решающее значение для успешного партнерства. Когда что-то идет не так, может произойти изоляция, плохая циркуляция или аутоиммунная реакция, требующая восстановления связи, более четкой коммуникации и фокуса на общих целях. Это партнерство приводит к принятию лучших решений, созданию более сильных команд и устойчивой работе по дизайну, масштабируемой по мере роста команды. В конечном итоге менеджер по дизайну и ведущий дизайнер умножают свое влияние, работая вместе, чтобы поддерживать весь организм дизайна.

An Holistic Framework for Shared Design Leadership alistapart.com

RSS Hunter • 23 июл. 2025 г.

От бета-версии до основы: Создавайте продукты, которые прилипают.

Автор, ветеран постройки продуктов в финансах, подчеркивает частый провал перспективных финансовых продуктов из-за избыточных функций. Он выступает за подход Minimum Viable Product (MVP), фокусируясь на основных функциях («основание») вместо подавляющего списка функций. Автор подчеркивает важность понимания потребностей пользователей и согласования разработки продукта с этими потребностями, приоритизируя простоту и надежность над ненужной сложностью. Внутренние корпоративные политические игры часто приводят к созданию раздутых и запутанных продуктов, пренебрегая основным пользовательским опытом. «Основание» представляет собой основные функции, обеспечивающие постоянную ценность, как, например, частые банковские задачи, такие как проверка балансов. Строительство основания требует безжалостной приоритизации, потенциально жертвуя краткосрочными выгодами ради долгосрочной стабильности и лояльности пользователей. Успех зависит от ясного «почему», фокусируясь на единственной основном функции, итеративной разработке и непрерывном получении обратной связи от пользователей через тестирование и наблюдение. Этот подход, хотя и ограничительный вначале, в конечном счете приводит к более успешным и устойчивым продуктам. Автор подчеркивает важность активного формирования будущего через итеративную разработку продукта, а не просто предсказания его. В конечном счете, строительство прочного основания обеспечивает долгосрочный успех над краткосрочными выгодами.

From Beta to Bedrock: Build Products that Stick. alistapart.com

RSS Hunter • 23 апр. 2025 г.

Исследование пользователей - это рассказ

Исследования пользователей следуют трехактной структуре: завязка, конфликт и разрешение. Основополагающие исследования (акт первый) устанавливают текущее состояние, проблемы и возможности для пользователей. Ориентированные исследования (акт второй) оценивают дизайн с целью решения выявленных проблем. В третьем акте (разрешение) решаются проблемы и стимулируются заинтересованные стороны к пользовательско-ориентированным решениям. Исследования пользователей играют ключевую роль, поскольку они удерживают дизайн на пути, подчеркивают проблемы и отличают продукты от конкурентов. Основополагающие исследования образуют основу для понимания пользователей и их потребностей, в то время как ориентированные исследования обеспечивают соответствие решений этим потребностям. Оба типа исследований необходимы для эффективного пользовательско-ориентированного дизайна. Рассказывание историй играет важную роль в вовлечении заинтересованных сторон и подчеркивании ценности исследований. Тестирование удобства использования (акт второй) открывает взаимодействие пользователей и их мыслительные процессы, в то время как основополагающие исследования предоставляют контекст. Дистанционные и очные тесты предлагают разные преимущества, с дистанционными сессиями, охватывающими более широкие аудитории, и очными сессиями, обеспечивающими более богатые впечатления. Представляя исследования как захватывающую историю, организации могут поощрять пользовательско-ориентированные подходы, что приводит к более успешным продуктам.

User Research Is Storytelling alistapart.com

RSS Hunter • 30 мая 2024 г.

Чтобы запустить практику персонализации, проведите это предварительное занятие по персонализации

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

To Ignite a Personalization Practice, Run this Prepersonalization Workshop alistapart.com

RSS Hunter • 16 апр. 2024 г.

Склонение и спад Всемирной паутины

Сеть развивалась от беспорядка до стандартизованной платформы благодаря усилиям W3C и проповедникам. Языки серверной стороны и AJAX сделали возможными веб-приложения, а мобильные устройства и адаптивный дизайн расширили взаимодействие. Социальные сети централизовали связи, но также вызвали обеспокоенность по поводу приватности и контроля. Теперь новый поворотный момент начинает проявляться, с фокусом на владении контентом и децентрализованных инструментах. Поддержка браузерами стандартов ускоряется, но зависимость от фреймворков может усложнить принятие и производительность. Чтобы создать лучший веб, необходимо оптимизировать для производительности, доступности и пользователя, строиться на стандартах, проектировать с заботой, постоянно учиться и принимать эксперименты. Дизайнеры и разработчики несут ответственность за формирование веба, делясь знаниями, усиливая голоса и создавая уникальные и ценные опыты. Таким образом, мы можем коллективно создать более равноправное и эмансипированное онлайн-окружение.

The Wax and the Wane of the Web alistapart.com

RSS Hunter • 29 февр. 2024 г.

Возможности ИИ в доступности

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

Opportunities for AI in Accessibility alistapart.com

RSS Hunter • 7 февр. 2024 г.

Я творческая личность.

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

I am a creative. alistapart.com

RSS Hunter • 29 янв. 2024 г.

Смирение: Важнейшая ценность

Смирение является ключевым для дизайнеров, способствующим удовлетворению, росту, общению и вовлечению. Путь Джастина как дизайнера подчеркивает важность смирения и любопытства в постоянно развивающейся цифровой ландшафте. Он принял вызовы "Дикого Запада" веб-дизайна, исследуя креативность в рамках ограничений того времени. Вдохновленный пиксельным искусством иконок рабочего стола, он создавал уникальные и выразительные дизайны в рамках ограничений 32x32 пикселя и 256-цветовой палитры. Дизайны Джастина получили признание, но его поиск внешнего признания привел к застою и потере связи с его основными ценностями. Благодаря отзывам от коллег, он признал свое токсичное поведение и прошел преобразующую коррекцию пути, снова связавшись со своим увлечением дизайном и смирением. Проект Большого адронного коллайдера продемонстрировал дальнейший рост Джастина, показав, как смирение и сотрудничество могут привести к инновационным и влиятельным дизайнам, которые выходят за рамки средне-специфических соображений.

Humility: An Essential Value alistapart.com

RSS Hunter • 22 июн. 2023 г.

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

Специалисты по UX сталкиваются с трудностями при реализации персонализированных цифровых опытов из-за отсутствия стандартизированных подходов. Пирамида персонализации - это модель, ориентированная на дизайнера, которая предоставляет целостный фреймворк для создания таких программ. Она состоит из семи уровней: Северная звезда (стратегическая цель), Цели (измеряемые результаты), Точки соприкосновения (места, где происходит персонализация), Контексты и кампании (персонализированный контент), Сегменты пользователей (уникальные аудитории), Действенные данные (надежные источники данных) и Сырые данные (потенциальные источники данных). Модель подчеркивает важность понимания намерений пользователей, использования первой партии данных и рассмотрения машинного обучения в составе дорожной карты. Используя эту модель, дизайнеры UX могут создавать персонализированные опыты, которые улучшают вовлечение клиентов и достигают бизнес-целей.

Personalization Pyramid: A Framework for Designing with User Data alistapart.com

RSS Hunter • 8 дек. 2022 г.

Мобильный-First CSS: Пришло ли время для переосмысления?

Разработка CSS с мобильного устройства первой стала популярным методом, но она может привести к сложности и неэффективности из-за переписывания деклараций стиля. Хотя мобильный первый приоритизирует мобильный вид, она может усложнить одновременную работу над точками разрыва.Чтобы решить эти проблемы, рассмотрите использование закрытых диапазонов медиа-запросов, которые позволяют делать изолированные изменения в конкретных точках разрыва. Благодаря тому, что стили устанавливаются только когда это необходимо, и избегают переписывания, вы сможете уменьшить сложность и регрессионное тестирование.Разделение CSS на несколько файлов по медиа-запросам позволяет браузеру приоритизировать загрузки, что улучшает производительность. Это особенно полезно на мобильных устройствах или в районах с медленным интернетом.Рассмотрите использование инструментов, таких как Responsively App или Blisk, для одновременной работы над точками разрыва. Хотя порядок разработки может варьироваться в зависимости от предпочтений, выявление общих стилей и исключений остается важным.Закрытые диапазоны медиа-запросов помогают избежать ненужного наследования и переписывания стилей. Используя max-width в медиа-запросах, вы можете устанавливать стили только в пределах конкретных точек разрыва, предотвращая непредвиденные изменения.Связывание против разделения CSS зависит от таких факторов, как версия HTTP и требования проекта. Разделение CSS позволяет приоритизировать загрузки, в то время как связывание может быть более эффективным для старых браузеров.HTTP/2 или HTTP/3 позволяет делать больше одновременных запросов, делая разделение CSS менее критическим. Однако оно все еще полезно для проектов с множеством точек разрыва и желанием оптимальной производительности.Регрессионное тестирование может быть минимизировано путем разделения CSS и использования закрытых диапазонов медиа-запросов, поскольку изменения влияют только на конкретные точки разрыва. Это уменьшает потребность в полном тестировании.Приведя в порядок требования проекта и используя соответствующие техники, вы сможете оптимизировать свой процесс разработки CSS для эффективности, гибкости и производительности.

Mobile-First CSS: Is It Time for a Rethink? alistapart.com

RSS Hunter • 9 июн. 2022 г.

Дизайнеры, (пере)определяйте успех в первую очередь

Концепция ежедневного этического дизайна, направленного на создание полезного, равноправного и устойчивого дизайна, сталкивается с значительными препятствиями, особенно из-за того, что капиталистическая система уделяет особое внимание максимизации прибыли. Сейчас усилия часто сосредоточены на поверхностных изменениях, таких как обмен этическими инструментами, вместо того чтобы решать основную проблему: цели компании. Чтобы по-настоящему интегрировать этику, дизайнерам необходимо влиять на систему, смещая фокус с жизнеспособности на этические аспекты, такие как благополучие, равенство и устойчивость. Это требует переопределения метрик успеха, чтобы они отражали эти этические цели, уходя от традиционных метрик, таких как удовлетворенность клиентов, и фокусируясь на аспектах, таких как цифровое благополучие и уменьшение экологического воздействия. Измерение влияния дизайн-решений с помощью этих новых метрик является ключевым, поскольку оно соответствует языку бизнеса и позволяет проводить конкретную оценку этического прогресса. Установив четкие этические цели и измеримые метрики, этический дизайн переходит от теоретической концепции к практической, достижимой цели, встроенной в повседневную практику. Это изменение мышления требует ухода от традиционных трех измерений успеха дизайна (желательности, осуществимости и жизнеспособности) и принятия четвертого: этического воздействия. Этот холистический подход обеспечивает то, что дизайн не только отвечает потребностям пользователей, но и положительно влияет на общество и планету, в конечном счете приводя к более устойчивому и этичному будущему.

Designers, (Re)define Success First alistapart.com

RSS Hunter • 12 мая 2022 г.

Выход за рамки

CSS в основном используется для стилизации прямоугольных блоков, но новые функции расширяют границы дизайна. Overlay оконных элементов управления для PWA позволяет разработчикам использовать всю окно приложения, включая область заголовка. Эта функция удаляет физические ограничения заголовка и оконных элементов управления, позволяя им быть наложенными на контент приложения. Чтобы использовать эту функцию, добавьте "window-controls-overlay" в манифестный файл веб-приложения. Новые переменные окружения CSS, такие как "titlebar-area-x" и "titlebar-area-width", могут быть использованы для позиционирования контента в том месте, где находился бы заголовок, обеспечивая, чтобы он не перекрывался с оконными элементами управления. Чтобы кнопки оконных элементов управления не закрывали контент, тему цвета приложения можно установить так, чтобы она соответствовала фону контента, используя манифестный файл веб-приложения или тег "theme-color". Эта функция позволяет PWA создавать более погруженные и интегрированные опыты на настольных устройствах.

Breaking Out of the Box alistapart.com

RSS Hunter • 9 дек. 2021 г.

Как продать исследование UX с помощью двух простых вопросов

Статья предлагает стратегию для UX-дизайнеров, чтобы эффективно лоббировать проведение пользовательских исследований, вовлекая заинтересованные стороны в совместный процесс, называемый Семинаром по Определению Объектов. Этот семинар, основанный на принципах Ориентированного на Объекты UX (OOUX), имеет целью выявление и устранение пробелов в знаниях внутри команды, подчеркивая тем самым необходимость проведения пользовательских исследований. Процесс начинается с "поиска существительных", где UX-дизайнер выявляет потенциальные объекты, связанные с продуктом, анализируя разные источники, такие как маркетинговые материалы и существующие интерфейсы продукта. Эти существительные, представляющие ключевые элементы системы, затем подвергаются анализу в рамках семинара с помощью двух основных вопросов: "Что это за объекты?" и "Какие отношения между этими объектами?". При совместном изучении этих вопросов заинтересованные стороны вынуждены столкнуться со своими собственными предположениями и неопределенностями касательно потребностей пользователей и функциональности продукта. Это упражнение, проводимое в форме открытого обсуждения и с использованием визуальных средств, таких как карты объектов, выявляет потенциальные недостатки дизайна и нестыковки, возникающие из-за недостатка понимания пользователей. Поскольку заинтересованные стороны активно участвуют в разоблачении сложностей системы, они органически приходят к необходимости проведения пользовательских исследований, превращая просьбу UX-дизайнера в общую необходимость. Это общее понимание и признание неизвестного открывает путь к пользовательско-ориентированному дизайну, гарантируя, что конечный продукт будет соответствовать потребностям пользователей и избежать дорогостоящих промахов. Семинар по Определению Объектов, таким образом, служит мостиком между предположениями и информированными дизайн-решениями, с пользовательскими исследованиями в качестве его основы.

How to Sell UX Research with Two Simple Questions alistapart.com

RSS Hunter • 21 окт. 2021 г.

Модель контента не является системой дизайна

Прогрессивные организации принимают стратегии контента для всех каналов связи, чтобы достигать аудиторию по нескольким каналам. Система управления контентом (СМС) с четко определенной моделью контента является ключевым элементом для такой стратегии.Модели контента должны быть семантическими, использовать имена типов и атрибутов, отражающие смысл контента, а не его презентацию. Это позволяет каналам доставки понимать и использовать контент эффективно.Модели контента также должны связывать связанные компоненты контента, обеспечивая то, что контент, который принадлежит друг другу, остается вместе и легко управляется и переиспользуется.Традиционное мышление в дизайн-системе может мешать стратегиям контента для всех каналов связи, поскольку оно фокусируется на визуальном представлении, а не на смысле контента и связях.Лучшие модели контента являются семантическими и связывают связанные контенты, отделяя контент от его презентации.Использование структурированных данных на основе Schema.org может улучшать оптимизацию для поисковых систем и предоставлять преимущества даже без immediate дополнительных каналов доставки.Отделяя модели контента от дизайна позволяет легче обновлять дизайн и адаптироваться к будущим инновациям.Следуя этим принципам, команды могут создавать эффективные модели контента, поддерживающие стратегии контента для всех каналов связи и достигающие аудиторию по нескольким каналам.Хорошо определенные модели контента улучшают пользовательский опыт и облегчают взаимодействие с аудиторией.Контент является самым важным активом в пользовательском опыте и лучшим способом общения с аудиторией.

A Content Model Is Not a Design System alistapart.com

RSS Hunter • 23 сент. 2021 г.

Дизайн для безопасности, отрывок

Чтобы предотвратить небезопасную технологию, необходим стратегический подход. Процесс для инклюзивной безопасности направляет дизайнеров через выявление потенциального злоупотребления, создание мер предотвращения и поддержку уязвимых пользователей. Исследования должны включать широкий анализ возможного оружейного применения и инсайты от выживших и экспертов. Архетипы обидчиков и выживших помогают дизайнерам понять их цели и потребности. Брейнсторминг новых случаев злоупотребления исчерпывает возможности вреда. Разработка решений включает в себя предотвращение целей обидчика и помощь целям выживших. Процесс гибок и может быть интегрирован в существующие практики дизайна. Хотя разнообразие важно, оно само по себе не может решать проблемы неэтичной технологии. Постоянное приоритизирование безопасности и обратной связи пользователей является ключевым для минимизации возможного вреда.

Design for Safety, An Excerpt alistapart.com

RSS Hunter • 26 авг. 2021 г.

Дизайн устойчивого веба, отрывок

В 1956 году Роджер Баннистер разбил веру в то, что бежать милю за менее чем четыре минуты невозможно, продемонстрировав мощь преодоления кажущихся ограничений.Точно так же возможности интернета расширяются по мере развития стандартов.Устойчивость веб-сайтов становится все более важной проблемой, но прямое измерение выбросов углерода является сложным.Вместо этого используются передача данных и углеродная интенсивность электроэнергии в качестве индикаторов.Передача данных, измеряемая в киловатт-часах на гигабайт (кВт/ГБ), является метрикой для оценки энергетической эффективности.Размер страницы, или размер веб-страницы, является удобным измерением передачи данных.Сокращение размера страницы, особенно для изображений, является ключевым для уменьшения энергопотребления.Бюджетирование производительности, подобно ограничениям скорости, устанавливает верхние пределы для времени загрузки страницы и передачи данных.Бюджеты размера страницы могут быть установлены на основе отраслевых стандартов или анализа конкурентов.Измерение размера передачи для повторяющихся посетителей предоставляет информацию о том, как оптимизировать эффективность для регулярных пользователей.Углеродная интенсивность электроэнергии, измеряемая в граммах CO2 на киловатт-час (гСО2/кВт), значительно варьируется в зависимости от источника энергии.Выбор дата-центров в регионах с низкой углеродной интенсивностью уменьшает выбросы.Сбалансировка углеродной интенсивности с расстоянием от пользователей является ключевым для минимизации энергопотребления во время передачи данных.Существуют инструменты для расчета углеродных выбросов на основе передачи данных и потребления электроэнергии.

Sustainable Web Design, An Excerpt alistapart.com

RSS Hunter • 5 авг. 2021 г.

Голосовой контент и юзабилити

На протяжении тысячелетий люди полагались на устную речь, но недавние достижения привели к появлению голосовых интерфейсов, которые требуют от машин преодолевать сложности человеческой речи. Голосовые взаимодействия отражают человеческие разговоры, включая транзакционные (для результатов), информационные (для знаний) и проcоциальные (для общения). Транзакционные голосовые взаимодействия прямые и эффективные, в то время как информационные взаимодействия более разведывательные и информативные. Голосовые интерфейсы могут быть как чистыми (полностью устными), так и мультидисциплинарными (с визуальной поддержкой). Интерактивные системы голосового ответа (IVR) стали повседневными, но могут быть неуклюжими и фрустрирующими. Считыватели экрана, предназначенные для пользователей с нарушениями зрения, предоставляют голосовую альтернативу для взаимодействия в Интернете, но могут быть многословными и сложными в использовании. Голосовые интерфейсы предлагают потенциальные преимущества перед считывателями экрана, но также представляют собой уникальные дизайн-вызовы. По мере развития голосовых интерфейсов дизайнеры должны учитывать оттенки человеческой речи и разнообразные потребности пользователей.

Voice Content and Usability alistapart.com

RSS Hunter • 29 июл. 2021 г.

Проектирование для неожиданностей

Проектирование для непредвиденных будущих устройств создает вызовы в веб-дизайне. Адаптивный дизайн возник в 2010 году как решение, используя процентные макеты и медиа-запросы для адаптации контента к разным размерам экранов. Однако медиа-запросы ограничивают повторное использование компонентов, поскольку привязывают компоненты к конкретным размерам viewport. Контейнерные запросы, которые в настоящее время не поддерживаются в браузерах, стремятся решать эту проблему, позволяя элементам изменяться в зависимости от размеров родительского контейнера, потенциально делая компоненты полностью переиспользуемыми.Прогресс в CSS, такой как Flexbox и CSS Grid, революционизировал макеты, устраняя необходимость в контейнерных строках и позволяя элементам обертываться или растягиваться по мере необходимости. CSS Subgrid идет еще дальше, позволяя элементам реагировать на изменения как в собственном контенте, так и в контенте соседних элементов, создавая более устойчивые дизайны.Собственные макеты, использующие fr-единицы и смесь фиксированных и гибких единиц, придают приоритет размеру контента над макетом и позволяют создавать дизайны, которые могут адаптироваться к любому пространству и изменениям контента. Этот подход предлагает значительные преимущества для создания адаптивных компонентов без необходимости в контейнерных запросах.Несмотря на свой потенциал, собственному дизайну еще не удалось оказать такой же широкий эффект, как адаптивному веб-дизайну. Факторы, такие как работа в установленных организациях и менее крутой кривой обучения, могут способствовать более медленному принятию. Отсутствие решений в виде фреймворков для собственного дизайна также может мешать его быстрому внедрению.Собственный дизайн поощряет переход от проектирования адаптивных макетов к созданию адаптивных компонентов, подчеркивая важность использования существующих знаний CSS в новом виде для создания гибких и адаптивных дизайнов. Это знаменует еще один значительный момент в веб-дизайне, уходя от предварительно определенных точек разрыва и переходя к макетам, которые могут реагировать на любой сценарий устройства или контента.

Designing for the Unexpected alistapart.com

RSS Hunter • 15 июл. 2021 г.

Асинхронный дизайн-критик: Получение обратной связи

Запрашивать конкретный фидбэк является ключевым для эффективной критики дизайна. Вопросы должны направлять критику, фокусируя на соответствующем этапе и глубине обзора. Благодаря конкретным вопросам фидбэк становится более действенным, даже для тех, у кого меньше опыта в критике. Итерации дизайна служат естественными контрольными точками для фидбэка. Итерационные посты, включая цель, дизайн, изменения и вопросы, создают структурированную и видимую ритмику для фидбэка. Каждый пост должен включать цель проекта, последний дизайн, изменения от предыдущей итерации и вопросы. Итерационные посты могут быть исследовательскими на ранних этапах и становиться более отточенными по мере прогресса дизайн-процесса. Специальные метки итераций (например, i1, i2) создают уникальные маркеры и предотвращают заблуждение о полноте. Итерационные посты также создают запись эволюции дизайна и принятых решений. Они способствуют согласованности, повторяя важную информацию. Кроме того, подходы к фидбэку, такие как живая критика или комментарии в линейке, могут дополнять итерационные посты.

Asynchronous Design Critique: Getting Feedback alistapart.com

RSS Hunter • 1 июл. 2021 г.

Асинхронный дизайн-критик: Оставление отзывов

Обратная связь, важный мягкий навык, улучшает качество дизайна и индивидуального роста. Чтобы дать эффективную обратную связь, сосредоточьтесь на ясном контенте, затрагивая аспекты "Что, Где, Почему, Как?". Используйте подход вопросов, чтобы вызвать критическое мышление, учитывая перспективу обратной связи (пользователь, эксперт, бизнес и т.д.). Уважительная и обоснованная обратная связь способствует восприимчивости, в то время как время, отношение и форма обеспечивают положительную реакцию на сообщение. В письменной обратной связи, попросите доверенного человека ее просмотреть, чтобы минимизировать предвзятость. Избегайте обиняков и предоставляйте конструктивную критику, даже когда это сложно. Наконец, помните, что обратная связь - это навык, который может быть развит через практику и самоанализ.

Asynchronous Design Critique: Giving Feedback alistapart.com

RSS Hunter • 17 июн. 2021 г.

Это не мой ожог

Сгорание проявляется по-разному у разных людей, и некоторые переживают «религиозное сгорание», характеризующееся увеличением усилий и решимости, а не уходом. Это тип сгорания возникает из-за глубоко укорененного чувства ответственности и страха быть недостаточным, часто коренящегося в детских переживаниях. Это может привести к неумолимому стремлению к достижениям, когда люди чувствуют себя обязанными брать на себя больше работы и работать усерднее, несмотря на отрицательные последствия.Хотя сгорание часто ассоциируется с прокрастинацией и уклонением, религиозное сгорание характеризуется сверхработой и постоянным старанием. Это особенно опасно для женщин, которые часто сталкиваются с общественными требованиями преуспевать в нескольких ролях.Несмотря на свою распространенность, религиозное сгорание часто остается незамеченным в рабочих средах, поскольку оно может быть воспринято как положительная черта. Это отсутствие признания может привести к чувству предательства и разочарования, когда сгорание неизбежно наступает.Чтобы бороться с религиозным сгоранием, необходимо узнать его симптомы, включая снижение счастья, трудности в отказе от задач и отсутствие самоухода. Борьба с сгоранием требует многостороннего подхода, включая сон, питание, физические упражнения и время, проведенное в природе.Однако для людей с религиозным сгоранием самоуход может казаться дополнительной нагрузкой. В таких случаях полезно представлять себе самоуход как необходимый шаг для предотвращения сгорания и поддержания способности заботиться о других.Чтобы разорвать цикл религиозного сгорания, люди могут заниматься деятельностью, которая заставляет их быть в настоящем и включать свои чувства, например, готовить сложное блюдо. Это может дать долгожданный отдых от постоянного старания и позволить изменить перспективу.

That’s Not My Burnout alistapart.com

RSS Hunter • 20 мая 2021 г.

Будь осторожен с личностью 'Вырезай и Вставляй'

Сайт "Это не существует" использует ИИ, чтобы создать реалистичные, но фальшивые лица, подчеркивая недостаток в общепринятой практике дизайна, заключающейся в использовании персонажей. Хотя персонажи стремятся представлять типы пользователей через вымышленные характеры с подробными профилями, они не могут отражать реальных пользователей. Это связано с тем, что персонажи являются деконтекстуализированными представлениями, изображающими индивидов как статических, игнорируя влияние окружающей среды и ситуационных факторов на поведение. Персонажи часто становятся бессмысленными средними значениями, сочетающими изолированные находки из разных индивидов, что приводит к отсутствию глубины и истинной связности. При попытке компенсировать это путем добавления вымышленных деталей, это еще больше отдаляет персонаж от реальности и укрепляет стереотипы. Вместо того, чтобы полагаться на персонажи, дизайнеры должны сосредоточиться на понимании реальных индивидов в их динамических контекстах, подход, называемый "Динамические Я". Это включает в себя изучение тщательно отобранной группы индивидов в глубину, а не поверхностное сбора данных от большой группы. Благодаря изучению реального опыта и мотивации дизайнеры получают более точную и информативную информацию, чтобы информировать свой дизайн-процесс. Этот подход признает текучесть человеческого поведения и значительную роль контекста в формировании действий и решений. Перемещая фокус с искусственных представлений на реальное понимание, дизайнеры могут создавать более значимые и эффективные дизайн-решения.

Beware the Cut ‘n’ Paste Persona alistapart.com

RSS Hunter • 6 мая 2021 г.