UI lab

Такая удобная корзина для покупок.

admin — Sat, 08 May 2010 10:29:07 +0000

Виртуальных но это не меняет суть дела. Корзина фиксирована, все товары видны, добавление просто перетаскиванием, что еще нужно ? удобно, красиво, практично.

Современный подход к разработке проекта.

admin — Sat, 08 May 2010 10:22:33 +0000

Ни для кого ни секрет, что западные компании впереди планеты всей во всем. Конкретнее США. Intel, Microsoft, Apple – самые громкие примеры. Однако мелкие компании так же стремятся быть инновационными и технологичными. Вот как примерно выглядит цикл разработки проекта небольшой маркетинговой компанией Crush+Lovely, USA -New Orleans.

Applied Capabilities

Digital Strategy
Content Strategy + Production
Brand + Identity
Interaction + UX Design
Information Architecture
Content Publishing Platform
Copywriting + Screenwriting
API Integration
Hosting + Systems Administration

На первом месте разработка стратегии всего проекта, далее контента и бренда, далее разработка юзер френдли интерфейса, архитектура проекта, а уже потом непосредственно дизайн и кодинг самого сайта. В России большинство небольших компаний начинают с конца списка.

Дизайн, тренды, все на одной странице.

admin — Sat, 08 May 2010 10:09:54 +0000

В последнее время обозначилась интересная тенденция в построении небольших сайтов, а именно – весь контент на одной странице, при этом меню так же остается на странице. Приведу пример:

В чем плюсы, нет перезагрузки страницы. Если контента немного это всегда правильное решение – избавить пользователя от необходимости подгружать страницы. Данного эффекта однако можно было бы добиться и просто используя javascript ( показывая блоки контента в том же месте), в чем преимущество данного метода, прокрутка до нужного пункта меню, не очень понятно – но красиво !

Сайты, использующие скроллинг – Crashandlovely, Voodoventures.

Самая удобная форма логина и регистрации.

admin — Mon, 03 May 2010 10:02:56 +0000

Кажется проще уже ничего нельзя придумать. Нужно обязательно взять на вооружение Хотя можно было бы немного изменить форму, чтобы смотрелась более традиционной. Убрать список выбора, сделать ссылку “регистрация”, при нажатии на ссылку показывалось бы окно Choose password -Signup.

JQuery код и php код для этого примера можно посмотреть тут.

Такие формы …

admin — Mon, 26 Apr 2010 16:23:22 +0000

Вроде бы крупное мероприятие, DevConf, тысяча разработчиков, а такие косяки с формами регистрации.

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

Дальше еще один “ляп”…

Опять огромных размеров форма…

Ну и на последок защита от спамеров

Отличная статья на тему user experience – Я ненавижу компьютеры…

admin — Sat, 24 Apr 2010 13:35:07 +0000

А что можно еще ожидать от продуктов MS, да, впрочем, и остальные ушли не так далеко в плане простоты и удобства использования. Я ненавижу компьютеры – I hate computers А тут перевод статьи Related posts:Протестировать юзабилити сайта без сложных приборов, оказывается можно… Удобный перевод на yandex Сложный веб интерфейс – сложности для пользователя. Related posts:

Простой и удобный способ залить файлы на сервер

admin — Sat, 24 Apr 2010 08:58:08 +0000

В личный кабинет, на свою страницу в каком либо сервисе. Поддерживаются Google и Firefox на данный момент. Перетаскивание файлов в броузер.

Маркетинговые уловки

admin — Fri, 16 Apr 2010 12:23:00 +0000

Ребята из Seopult пишут, что за 10 минут любой пользователь сможет запустить у них проект. Ребята вы серьезно так думаете ? Я просто саму инструкцию, которая состоит из 5 шагов и 3519 слов буду читать минут 10.

И еще одна картинка…

что только стоит 1 слово, ежеапдейтно !

Сложный веб интерфейс – сложности для пользователя.

admin — Wed, 14 Apr 2010 14:52:50 +0000

Наткнулся я недавно на забавное объявление о работе, требовался веб разработчик, для реализаци интерфейса. Что сподвигло меня написать очередную статью, после долгого молчания. Описание звучало так:

“Мы разрабатываем большой интересный проект для seo’шников, рекламных агентств и конечных клиентов. Сейчас у нас есть хорошая бизнес-модель, команда .NET разработчиков, 70% основного функционала, работающая бета-версия и живые пользователи с фидбеком. А ещё есть море работы и достаточно конкретные планы по фичам.
Веб-интерфейс оказался технологически гораздо сложнее, чем мы можем реализовать своими силами. Поэтому мы ищем в команду человека, способного взять эту задачу на себя.”

“Задача и вообще сфера ответственности такая: делать так, чтобы макеты интерфейса оживали в браузерах пользователей + писать себе серверную часть, которая в основном будет просто выдавать данные из базы.”

Звучит впечатляюще. Серверную часть все же пишут не фронт-енд разработчики. Дальше больше…

“Больше всего наш интерфейс похож на интерфейс гуглоаналитикса:

— много сложных grid’ов с кучей разных представлений,

— перерисовывающихся через ajax

— фильтры/сортировки/группировки

— разные генерящиеся графики

— доступ к разным блокам данных на странице и колонкам grid’а по ролям

Требования к технологии

Текущая версия веб-интерфейса реализована на .NET MVC, который берет данные из базы и генерит html. Но нам уже очевидно, что нужно переводить все табличные данные в java-script-массивы и «рендерить» их java-script’ом. Мы пробовали extJS, но закопались с ним и забили.”

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

Менеджеры проекта, а может заказчик, видимо просто не видит или не знает, что проблема как раз в сложном интерфейсе, а не в возможности реализации сложного интерфейса. Сложный интерфейс, как правило, – проблемы для пользователя. Как много менеджеров проектов и просто создателей стартапов болеют фичеманией. Все перевернуто с ног на голову, чем больше фич – тем лучше, чем сложнее интерфейс – тем лучше, чем больше графиков – тем лучше. Цели пользователей продукта забываются, теряются из вида. В итоге получается некий комбайн, способный делать все, а нужна то была все навсего газонокосилка.

Выбран как образец Google analytics. Я скажу, что данный гуглопродукт далеко не самый удачный в плане удобства пользования. Для обычного пользователя ( каковым я считаю себя) нужно всего 3 параметра, 3 вида статистики, которые пользователь просматривает каждый день. Думаю, что обычных пользователей, а не специалистов, у google analytics большинство. Какая это статистика

кол-во посетителей на сайте за период ( за сегодня, за вчера, за неделю и за месяц )
источники трафика за период
ключевые слова и фразы, по которым переходили на сайт, за период

Остальную статистику я смотрю раз в месяц, 70% функционала сервиса я не использовал и вряд ли буду это делать. Скажу больше, все остальное мне просто мешает. Сделайте 2 раздела на сервисе, для специалистов и для обычных пользователей. Включите по дефолту раздел для обычных пользователей с минимальным функционалом ( хотя бы эти 3 вида статистики ) и я буду счастлив ею пользоваться. Счастливый пользователь это и есть залог успеха продукта или сервиса.

Подведем итог. Не гонитесь за сложностью и обилием фич. Пользователю это не нужно. А зачастую мешает и раздражает. В данном случае нужно было сделать опросы СЕО специалистов, что бы они хотели видеть в сервисе в первую очередь и какими бы инструментами чаще всего пользовались. Убрав все лишнее из интерфейса и упростив его не нужно будет искать волшебника по интерфейсам, что сэкономит время и деньги на разработку продукта !

Редизайн сайта, отруби все лишнее.

admin — Wed, 14 Apr 2010 10:50:35 +0000

Итак, чтобы сосредоточиться на смысле и содержании, убрал вырубил отсек все лишнее. Теперь можно постить большие картинки ! Описываю метод: есть такой удобный addon для firefox, Web developer. В нем выбираем отключить стили -> все стили. Получаем то, что на самом деле сайт из себя представляет – набор логических блоков, параграфа, абзаца. Ровно тоже я сделал для сайта, заменил основной css файл пустым, а потом добавил цвет для ссылок. В результате имеем минимум визуальных раздражителей и максимум полезной информации. Привет Теме и Другому