Пять шагов по исследованию пользовательского поведения.

Research Learning Spiral

Представьте себе, что вы знаете обо мне только следующее: мужчина в возрасте от 35 до 45 лет с высшим образованием.

У меня есть MacBook Pro и iPhone 5, на котором я захожу в интернет через браузер Google Chrome. У меня есть аккаунт в Твиттере и публичный блог, из которых вы можете узнать, что я люблю шоколад и корги (порода декоративных собак). Я женат. Я езжу на Toyota Corolla. У меня каштановые волосы и карие глаза. Ведомость по моей кредитной карте показывает, в каких отелях я бронировал номера и где люблю обедать.
Читать далее

Создание онлайн приложений для Windows 8, часть 1: HTML5 приложение.

Windows 8 Modern UI layering

Еще в 2010 году компания Microsoft изменила свой курс от специфических веб-технологий до открытых и общедоступных. Первые плоды этого переориентирования материализовались несколько лет спустя — в Internet Explorer, операционной системе Windows, инструментальных средствах разработчика и другом программном обеспечении.

Многие вещи до сих пор продолжают меняться к лучшему:

Читать далее

Представление адаптивной веб-типографики с FlowType.JS.

Fluid Type

Мы с большим удовольствием поддерживаем активных членов веб-дизайн сообщества и сообщества разработчиков. Сегодня мы с гордостью представляем плагин FlowType.JS, который позволяет подобрать идеальное количество символов в строке для экрана любой ширины. Эта статья является еще одной чвстью нашей серии различных инструментов, библиотек и методов, которые мы уже опубликовали здесь, на Smashing Magazine: LiveStyle, PrefixFree, Foundation, Sisyphus.js, GuideGuide, Gridpak, JS Bin, CSSComb и Желеподобное меню навигации. — Ред. Читать далее

Введение в полигональное моделирование и Three.js.

Epic Citadel

Когда третье измерение вводится в развлекательную среду, оно навсегда изменяет способ представления и восприятия. Фотореализм CGI (интерфейс компьютерной графики) динозавров в Парке юрского периода открыл двери для фильмов, основанных на использовании компьютерных эффектов для создания подходящих визуальных сред. Без использования компьютерной графики такого результата попросту не смогли бы достигнуть. VeggieTales дали начало новым типам мультфильмов, основанных на использовании 3-D объектов вместо традиционных графических элементов. Подобный принцип создания мультфильмов лёг в основу популярных блокбастеров от Pixar и Dreamworks.
Читать далее

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

Пятидюймовые мобильные устройства, которые на сегодняшний день существуют на рынке, имеют разрешение экрана аналогичное 50-ти дюймовым телевизорам.
Читать далее

Адаптивная навигация на сложных веб-сайтах.

MLHU site map

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

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

Читать далее

Как создать кувшинку в програме Adobe Illustrator

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

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

Прогрессивное улучшение.

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

В последнее время тема прогрессивного улучшения стала одной из самых обсуждаемых. Совсем недавно Том Дейл описал этот процесс, как совершенно бесполезный, но при этом были искажены основные преимущества прогрессивного улучшения.

Читать далее

Рост популярности двумерного дизайна.

live_school

За последние несколько лет мы увидели резкий скачек в развитии программного обеспечения и проектировании интерфейсов для приложений. Однако, несмотря на это наблюдается устойчивая тенденция перехода от 3-D и скевоморфизмов (имитация реальных объектов) к двумерному и минималистическому дизайну. Эта тенденция становится практически повсеместной, поэтому давайте уделим немного времени и постараемся выяснить, каковы же основные причины популярности двумерного проектирования, и какое влияние оно оказывает на дизайн интерфейсов в целом. Кроме того, я поделюсь с вами некоторыми советами и соображениями относительно проектирования двумерных интерфейсов.

Читать далее