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

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

Совсем недавно мне выпала возможность испытать iOS приложение на HelloSign, которое позволяет пользователю сканировать, подписывать и отправлять документы с помощью встроенной камеры прямо со своего телефона. Благодаря тестированию и проведению редизайна оценка приложения улучшилась с четырех звездочек до твердой отметки в пять звездочек. Мы рассмотрим, как создавалось приложение, как проводилось тестирование простоты и удобства пользования и как конечный продукт смог получить наивысшую оценку в пять звезд.

Читать далее

Возможности видео в сфере веб-дизайна.

Федерико был одним из тех людей, которые всячески поддерживали существование и развитие специализированной ISDN (Integrated Services Digital Network — цифровая сеть с интеграцией служб, которая позволяет совместить услуги телефонной связи и обмена данными) линии, поэтому я и решил позвонить именно ему. Потребовалось шесть часов томительного ожидания (которое периодически сопровождалось безумными приступами проклятий). Но это того стоило, ведь я только что увидел 60 секундный рекламный ролик оригинального Macintosh TV в Firefox, и я срочно должен был сказать кому-то об этом. Мой мозг был на грани взрыва.

Качество видео роликов в интернете довольно ощутимо улучшилось, особенно по сравнению с первой рекламой в низком разрешении, которую я смотрел на моем Quadra 605 еще в 7-м классе. Но по большей части, видео по-прежнему отделено от интернета, блокировано i-фреймами и Flash, и отображается в области маленьких окон в центре страницы. Игнорирование преимуществ видео влечет за собой потерю веб-дизайнерами огромных возможностей .

Читать далее

SEO для адаптивных веб-сайтов.

Disney junior website google index

Когда в июне 2012 года компания Google объявила о том, что отдает свое предпочтение удобным адаптивным веб-сайтам, я сразу же увидел приток публикаций, в которых описывалась связь адаптивного дизайна с поисковой оптимизацией. Однако вся проблема оказалась в том, что SEO оптимизация (search engine optimization — комплекс мер для поднятия позиций сайта в результатах выдачи поисковых систем по определенным запросам пользователей с целью продвижения сайта) одних адаптивных веб-сайтов была успешной, а других нет.

В своей статье под названием Search Engine Land (территория поисковой оптимизации), которая была написана в этом году, я постарался подробно описать некоторые из наиболее распространенных ошибок, которые приводят к появлению у адаптивных веб-сайтов проблем при отображении в результатах поиска. Здесь, на Smashing Magazine, вы можете выполнить более тщательную SEO проверку адаптивного веб-сайта.

Читать далее

Как заложить основу для будущего расширения.

image-4

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

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

Читать далее

Введение в DOM события.

eventflow

Щелчок мышкой, сенсорное нажатие, перетаскивание, изменение, ввод, сигнал ошибки, изменение размера — список возможных DOM (стандарт консорциума WWW, определяющий способы манипулирования объектами и изображениями на одной веб-странице) событий можно продолжать ещё очень долго.
Читать далее

Исследование сферы электронной коммерции: советы по улучшению навигации и раздела категорий.

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

Подробное введение в Ember.js.

An In-Depth Introduction To Ember.js

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

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

Читать далее

Создание javascript проектов с помощью Grunt.

Grunt.js

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

Затем мы рассмотрим, как создать простое вводное контрольное устройство, используя Sass в роли препроцессора, как использовать grunt-cssc и CssMin для объединения и уменьшения каскадных таблиц стилей (CSS), как использовать HTMLHint для проверки правильности написания HTML кода, и как мгновенно сжимать цифровые объекты. Наконец, мы рассмотрим возможность использования UglifyJS для уменьшения размера JavaScript кода. Данный продукт также поможет убедиться в том, что наш веб-сайт использует минимально возможную полосу пропускания.

Читать далее

Неизвестные секреты повышения производительности с Alfred.

Хорошие разработчики всегда ищут способы ускорить и автоматизировать рабочие процессы. Сегодня мы представляем серию рабочих процессов в Alfred, которые позволят повысить продуктивность и изменят ваш мир.

Что такое Alfred?

Для тех, кто не знает, Alfred – это замечательный лаунчер приложений и файлов для Mac OS X, который экономит время при поиске файлов в сети или на вашем компьютере. В новой версии, второй по счёту, реализован ряд улучшений, а благодаря Powerpack вы можете создавать свои собственные рабочие процессы.

Читать далее