Интернет
Проектирование модульных систем пользовательского интерфейса с помощью разработки на основе руководства по стилю
Использование руководства по стилю для управления разработкой — это практика, которая набирает обороты во фронтенд-разработке — и на то есть веские причины. **Разработчики начнут с руководства по стилю**, добавив новый код или обновив существующий, тем самым внося свой вклад в модульную систему пользовательского интерфейса, которая позже будет интегрирована в приложение. Но чтобы реализовать модульную систему пользовательского интерфейса, мы должны подходить к дизайну модульно. Модульный дизайн побуждает нас думать и разрабатывать пользовательский интерфейс и UX по шаблонам. Например, вместо разработки серии страниц или представлений, позволяющих пользователю выполнить задачу, мы начнем процесс проектирования с понимания того, как устроена система пользовательского интерфейса и как ее компоненты можно использовать для создания пользовательского потока.
ПодробнееДизайн карты: редизайн карты метро Екатеринбурга
Крупная городская сеть подземных поездов вполне может быть устройством для телепортации: людям все равно, как они доберутся из пункта А в пункт Б, главное, чтобы это было так. В Лондоне, Париже и Москве карта метро не показывает географию поверхности, потому что на листе не так много пустого места. Проектирование карты метро города — довольно сложная задача, даже если в ней всего одна линия. В прошлом году мой коллега Паша Омелехин и я были в восторге от работы над редизайном карты метро для Екатеринбурга, Россия. Нам было весело (он проектировал, я режиссировала). В этой статье мы расскажем о нашем процессе проектирования. Это будет подробно, поэтому, в зависимости от ваших интересов, это может быть очень скучным или очень захватывающим. Тем не менее, мы упустили так много. Мы надеемся, что это поможет, если вам придется работать над подобным проектом.
ПодробнееФреймворк для продуктов мозгового штурма
Мозговой штурм печально известен своей неструктурированностью и часто безрезультатностью. Люди входят в комнату со стикерами и досками и ожидают, что великие идеи воплотятся в жизнь. Проблема в том, что даже если в комнате есть отличные идеи, часто нет четкого способа решить, над какими идеями нужно действовать. Около года назад я и мой коллега Майкл (партнер-основатель AJ&Smart) присутствовали на мастер-классе, проводимом фантастическим Адрианом Ховардом, на тему приоритезации функций в гибкой разработке. В частности, мы спрашивали, как мы можем решить, какая функция будет следующей и когда она должна быть выпущена.
ПодробнееКак внедрять новые функции, не нанося вреда лояльным пользователям
_«Будьте гибкими; освободить досрочно; часто выпускайте»._ Мы знаем, как это сделать. Но целесообразно ли со стратегической точки зрения часто внедрять новые функции? Особенно после того, как продукт, который вы создаете, достигает определенного размера, вы, вероятно, не захотите рисковать целостностью своего приложения с каждым новым второстепенным выпуском.
ПодробнееСписок литературы по веб-разработке № 141: jQuery 3, Chillout.js и то, как технологии формируют общество
Бывают недели, когда я вообще не нахожу статей для раздела «Выходя за рамки» Списка для чтения по веб-разработке. А еще есть недели, подобные этой, когда появляются две блестящие статьи, раскрывающие так много о том, **как мы живем вместе с новыми технологиями** и как они формируют наше общество. Наряду с кучей хороших технических статей, это отличный способ оставить вас на следующие две недели. Обратите внимание, что на следующей неделе я уезжаю в отпуск, поэтому в следующую пятницу сводки не будет.
ПодробнееНайдите друга, проявите творческий потенциал и осуществите свою цифровую мечту
Вы чем-то увлечены? У вас есть секретный проект? Не то, что изменит мир (хотя кто знает?), но точно _изменит вас_? У вас есть друг, который дополняет ваши навыки? Кто-нибудь недавно обращался к вам за помощью в их проекте? У вас просто цифровая мечта, или есть еще и план ее воплощения? У каждого профессионала есть что-то общее. Это называется зона комфорта. Первый признак того, что вы находитесь в нем, — это когда вы не видите никаких проблем на горизонте. Вы знаете почти все, что вам нужно для хорошей работы, и если что-то незнакомое встречается на вашем пути, это можно решить довольно быстро. Может пройти некоторое время, прежде чем вы поймете, что перестали двигаться, и работа над внештатными проектами кажется единственным способом занять свой мозг.
ПодробнееВзгляд на современный серверный стек WordPress
**Примечание редактора**: _Сегодня отмечается особый день для WordPress. Поддерживая множество веб-сайтов (и да, Smashing Magazine — один из них), сегодня он отмечает свое 13-летие. С днём рождения, дорогой Вордпресс! Вот и многое другое!_ Вы помните, когда вы могли запустить «быстрый» веб-сайт WordPress, используя только сервер Apache и PHP? Да, это были дни! Тогда все было намного проще. Теперь все должно загружаться молниеносно! Посетители не имеют таких же ожиданий относительно времени загрузки, как раньше. Медленный веб-сайт может иметь серьезные последствия для вас или вашего клиента.
ПодробнееВскрытие производительности веб-эффектов для изображений
По мере того, как браузеры постоянно улучшают свои возможности графического рендеринга, возможность по-настоящему проектировать в них становится все более реальной. Несколько строк кода теперь могут оказать быстрое и впечатляющее визуальное воздействие и **обеспечить согласованность без особых усилий**. И, как и в большинстве случаев в веб-разработке, часто существует множество способов добиться одного и того же эффекта. В этом посте мы рассмотрим один из самых популярных графических эффектов, оттенки серого, и оценим как простоту реализации, так и влияние на производительность холста HTML, SVG, фильтров CSS и режимов наложения CSS. _Кто из них победит?_
Подробнее6 простых шагов к лучшему дизайну иконок
Каждый набор значков, отправленный в Iconfinder, проверяется и оценивается на предмет потенциальной привлекательности для пользователей нашего веб-сайта и потенциальной коммерческой ценности в качестве значков премиум-класса. При проверке наборов иконок, представленных на веб-сайте, мы несем ответственность перед нашими дизайнерами и клиентами за то, чтобы все премиум-иконки на веб-сайте имели максимально возможное качество.
ПодробнееКонтент-первое прототипирование
Контент является основным товаром цифровой экономики. Это золото, которое мы превращаем в предметы роскоши, бриллиант, который мы вкладываем в программы лояльности и дополнительные продажи. Тем не менее, как дизайнеры, мы часто подключаем его постфактум. Мы прототипируем наше взаимодействие и визуальный дизайн до изнеможения, но допускаем, что «настоящие слова» можно просто добавить позже. Существует лучший способ. Все чаще цифровые товары, которые мы создаем, работают в рамках динамической системы контента, функциональности, кода и намерений. Наши продукты и услуги перемещаются и проникают на партнерские веб-сайты, каналы социальных сетей и множество электронных агрегаторов, стремящихся формировать поведение и понимание посетителей. **Системы строятся на системах**, и за короткое время мы собрали колосс, масштабы которого поражают воображение.
Подробнее