Геймификация и UX дизайн: плюсы и минусы для пользователей

Game buttons

Мир игровой индустрии огромен, и он может приковывать к себе аудиторию нескольких часов, дней и даже недель. Некоторые люди играют в одну и ту же игру снова и снова — и лишь иногда они готовы променять свой любимый Nintendo 64 на Zelda.

Сказать по правде, я не гейм-дизайнер. Я, на самом деле, даже не слишком часто играю в игры. Но меня очень интересует, почему игра может удерживать интерес пользователей течение длительного периода времени. Люди порой даже не замечают, как проводят несколько часов перед экраном. Я хочу, чтобы мои программные продукты производили на пользователей такое же впечатление. Читать далее

Чистая CSS3 Велоспорт Слайд-шоу

Pure CSS3 Cycle Slider

Спасибо CSS3, мы можем создавать эффекты и анимацию без использования JavaScript, который будет способствовать работе многих designers.

Но мы должны быть осторожны, чтобы избежать злоупотреблений CSS3, и не только потому, что старые браузеры не поддерживают все его свойства.В любом случае, мы все видим потенциал CSS3, и в этой статье мы обсудим, как создать бесконечное цикла слайдер изображений с использованием только CSS3 animation.

Читать далее

Чего же хотят пользователи: психологическая диаграмма (комикс)

Mental Model Diagrams

При работе над проектами мы склонны скрупулёзно подходить к работе с HTML и CSS, тщательно выверять каждый пиксель изображений. Мы планируем где именно будет расположен тот или иной контент. Это всё замечательно.

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

Развязка HTML с CSS

В течение многих лет, сообщество веб-стандартов говорил о разделении проблем.Разделите ваши CSS от вашей JavaScript из вашего HTML.Мы все делаем, верно?CSS идет в своем собственном файле; наличие идет в другую; HTML остался сам по себе хорош и clean.

CSS Zen Garden доказали, что мы можем изменить дизайн в множество перестановок, просто изменив CSS.Тем не менее, мы редко видели обратную сторону этой — сторона, которая, скорее всего, произойдет в проекте: HTML изменения.Мы модифицируем HTML и затем вернуться назад и пересмотреть любые CSS, который идет с it.

Читать далее

Случайное перенаправление в WordPress

random-redirection-wordpress-add-random-page

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

Вы пробовали случайное перенаправление?

Читать далее

Использование звуков в проектировании: что такое хороший звук?

Ear buds

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

Современные технологии общаются с нами звуками. Поэтому мы, как дизайнеры, должны научиться использовать звуки в проектировании так, чтобы они создавали гармонию, а не какофонию. В видео Криса Кручфилда наглядно продемонстрировано обилие звуков в нашей жизни: герой ролика одновременно получает звуковые уведомления о получении электронной почты, SMS сообщений, телефонных звонков, сообщений в Facebook и Twitter.

Читать далее

Beercamp: эксперимент с 3D CSS

Beercamp 2012

Недавно я имел удовольствие организацию Beercamp в этом году website.Если вы не знакомы, Beercamp является участником для дизайнеров и разработчиков.Это также площадка для переднего конца эксперимента.Каждый год мы отказываемся от поддержки браузера и бросить “Тьфу” в лице семантики, так что мы можем играть с некоторых новых особенностях современной browsers.

В этом году эксперимент: 3D всплывающем книгу а-ля Доктор Сьюз.Если вы не видели его, перелет на over и посмотрите.Веб-сайт был тест, чтобы увидеть, как далеко SVG и CSS 3D преобразования может быть нажата.Я многому научился в процессе, и хотел бы поделиться некоторыми из методов, которые я нашел полезным при работе в 3D space.

Читать далее

Новый Front-End Методология: BEM

ordinary website example

Эта статья является шестой в нашей новой серии, которая знакомит с последними, полезно и свободно доступны инструменты и методы, разработаны и выпущены активных членов сообщества веб-дизайна.
Читать далее

Smashing Special: Что творится в экономике WordPress?– Часть 2

A Close-Up Picture of a Sponge

Эта статья является частью нашей серии Smashing Special — обширные статьи и исследования, посвященные определенной теме. Этот специальный выпуск смотрит на текущее состояние экономики WordPress, исследует WP MultiSite, продажу программного обеспечения как услуги, обучение и будущее.

  • Мультисайты
  • Программное обеспечение как услуга (SAAS)
  • Обучение
  • Будущее

Мультисайты WordPress

Сеть мультисайтов


Читать далее

Smashing Special: Что творится в экономике WordPress?

the global map of survey respondents

В прошлом году в своем блоге, WordPress дизайнер, деловая женщина и автор Лиза Сабин Уилсон, говорила о том, как благодарна тому, что является частью экономики WordPress. Экономике в которой тысячи людей во всем мире получают выгоду (включая меня!). Это экономика, построенная на свободном программном обеспечении с открытым исходным кодом. В этой статье я собираюсь поговорить с людьми, которые занимаются активной деятельностью в экономике WordPress, людьми со всех уголков земного шара. Удивительно видеть, насколько даже за последние несколько лет выросла экономика вокруг WordPress, и что в ней нового, инновационного, инициативного.

содержание

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

Читать далее