Как стать автором
Обновить
39
0
Евгений @Jenek

Пользователь

Отправить сообщение

Паттерны дизайна веб-форм: формы подписки

Время на прочтение9 мин
Количество просмотров7.2K
Это перевод довольно новой статьи, которая вышла 4 июля 2008 года. Если вы уже читали ее, то навряд ли найдете что-то новое, но для тех, кто не знаком с оригиналом в статье найдется масса интересного. Сначала я хотел перевести и подписи к картинкам, но позже понял, что не стоит этого делать, так как статья ориентирована на грамотного читателя, который способен сам определить простейшие фразы.

UPD: Опубликована вторая часть статьи habrahabr.ru/blogs/ui_design_and_usability/45680


Когда вы хотите увеличить доход вашего сервиса вы должны увеличить количество заполнений ваших веб-форм. Даже, если, на первый взгляд, у вас есть какие-то революционные идеи для того чтобы удивить посетителей, недостаточно просто добавить возможность регистрации на вашем сайте. Для того, чтобы сервис достиг максимальных посещений мы, дизайнеры, должны предоставить пользователю хорошие решения (good user experience). Мы должны завлечь их, описать им, как работает сервис, объяснить им, почему стоит заполнить форму и описать выгоду, которую они от этого получат. И, конечно, мы должны сделать их участие максимально простым.

Тем не менее, разработка дизайна веб-форм — это не простое дело. И здесь есть одна простая причина: никто не любит заполнять формы — ни в оффлайне ни в онлайне. Следовательно, как дизайнеры, мы обязаны найти дизайнерские решения, чтобы сделать заполнение форм делом простым, интуитивным и безболезненным.

Но как на самом деле мы находим такие решения? Где в разметке должна располагаться ссылка на форму? Какой у нее должен быть дизайн? Как мы должны выделить подписи, и какое выравнивание у них должно быть? Какие паттерны дизайна применяются в современных веб-сайтах? Это именно те вопросы, которые мы задавали себе. И чтобы получить ответы мы провели наше обозрение.

Ниже мы представляем результаты обзора по текущим паттернам дизайна веб-форм — результат анализа ста популярных веб-сайтов, в которых веб-формы (должны бы) многое значат. Мы решили начать с форм регистрации. Ниже мы представляем первую часть наших исследований, вторая часть результатов обозрения будет опубликована на следующей неделе [прим. перев. — перевод второй части будет позже].
Читать дальше →
Всего голосов 96: ↑90 и ↓6+84
Комментарии50

Юзабилити Бюллетень. Выпуск № 24

Время на прочтение1 мин
Количество просмотров456
Раскрыть аннотации статей
Всего голосов 21: ↑16 и ↓5+11
Комментарии2

120 dpi и шрифты в em

Время на прочтение8 мин
Количество просмотров12K
шрифт в em

Шрифты в Em/% хороши всем — возможностью пользователей IE увеличивать кегль, заботой о пользователях, что предпочитают увеличивать размер шрифта браузера по-умолчанию, чтоб лучше видеть текст, да и просто являются нормой для профессиональных верстальщиков.

Минусы: … их вроде как нет, но!
А что если у пользователя разрешение экрана выставлено не в стандартное 96 dpi, а в 120?
Сайт с увеличенными шрифтами смотрится уже не так красиво, как нарисовал дизайнер — ведь масштабируются только шрифты, а не весь сайт! А разрешение 120dpi становится всё популярней, особенно на ноутбуках! Что же делать? Возвращаться к px?

Нет!
как сделать сайт одинаковым на 96 dpi и 120
Всего голосов 157: ↑150 и ↓7+143
Комментарии65

Статистика Google Analytics на вашем сайте

Время на прочтение6 мин
Количество просмотров17K
Помню, как-то проскакивала пара записей (здесь и здесь) по поводу импортирования данных из Google Analytics для отображения сводных диаграмм на сайте, в общем, как на хабре. Прочитав вышеупомянутые топики и не обратив особого внимания тогда, я о них успешно «забыл» и пошел себе дальше. И вот сейчас, появилась необходимость реализовать нечто подобное на одном из своих проектов.

image

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

UPDATE:
Добавил еще одну версию, подробности и линк под катом.

Читать дальше →
Всего голосов 97: ↑92 и ↓5+87
Комментарии142

MySQL Query Cache

Время на прочтение5 мин
Количество просмотров110K
В MySQL есть очень полезная функциональность — кеш запросов. Кеш запросов доступен в MySQL начиная с версии 4.0.
Многие СУБД имеют подобную функциональность, но в отличие от MySQL они кешируют планы выполнения запросов, тогда как MySQL кеширует результаты запросов.
Дальше о том, как работает кеш запросов, как его настраивать и оптимально использовать.
Читать дальше →
Всего голосов 70: ↑67 и ↓3+64
Комментарии60

Редактор фрагментов кода для Visual Studio

Время на прочтение1 мин
Количество просмотров1.3K

Не так давно компания Microsoft опубликовала релиз и исходный код дизайнера фрагментов кода — Visual Studio Snippet Designer. До этого времени (более трех лет) дизайнер фрагментов кода распространялся только для внутреннего использования, теперь он доступен в свободной для скачивания форме на площадке CodePlex.
Всего голосов 45: ↑38 и ↓7+31
Комментарии13

Стэнфорд открыл учебные материалы по программированию и ИИ

Время на прочтение1 мин
Количество просмотров6.1K
Стэнфордский университет выложил в открытый доступ под лицензией Creative Commons содержание десяти учебных курсов по программирование, искусственному интеллекту, линейным системам и оптимизации. Воспользоваться этими уникальными материалами могут преподаватели и студенты со всего мира.

Каждый курс содержит видеозаписи лекций, полные тексты и тезисы, а также практические задания и экзаменационные билеты. Материалы практически полностью совпадают с той программой, по которой учатся студенты-очники в Стэнфорде. Чтобы скачать материалы, не требуется никакой регистрации или специального запроса. Они просто выложены в открытый доступ в ZIP-архивах примерно по 300 МБ, а видеоролики ещё продублированы на YouTube.

Вот список открытых курсов:
Всего голосов 96: ↑95 и ↓1+94
Комментарии42

Программирование в ring0 для Windows: вводная статья

Время на прочтение3 мин
Количество просмотров32K

По долгу службы мне пришлось столкнуться с программированием драйверов под Windows. Люди, которые никогда не сталкивались с этой задачей могут предположить, что драйвера — это что-то очень сложное и непосредственно взаимодействующее с железом. Отчасти они правы, а отчасти нет. В этой статье я постараюсь рассказать о том, что же из себя представляют Windows драйвера изнутри и с чем мне пришлось столкнуться. Статья является некоторым введением и не содержит «кусков кода».

Читать дальше →
Всего голосов 120: ↑112 и ↓8+104
Комментарии32

Используйте глаголы на кнопках в диалоговых окнах

Время на прочтение2 мин
Количество просмотров2.5K
Всем нам известны кнопки Ok и Cancel, которые используются в диалоговых окнах. При помощи этих двух кнопок пользователь может соглашаться или не соглашаться со следующим действием программы. Однако использование кнопок типа «Да» (Yes) и «Нет» (No) в диалоговых окнах не так удобно для пользователя. Вместо этого лучше использовать глаголы в надписях на кнопках. Я продемонстрирую это на конкретном примере.

Читать дальше →
Всего голосов 145: ↑133 и ↓12+121
Комментарии94

Отключившись от отвлекающих факторов

Время на прочтение5 мин
Количество просмотров2.1K
Статья Пола Грэма (Paul Graham), в которой он рассказывает как бороться с факторами, отвлекающими от работы.

Уровень подготовки читателя:
средний.
Читать дальше →
Всего голосов 70: ↑63 и ↓7+56
Комментарии100

Супер-юзабильные формы

Время на прочтение2 мин
Количество просмотров54K
super_form

Как-то на хабре разгорелся спор, как заставить пользователя вводить дату в правильном формате, было множество интересных решений, но заставлять пользователя совершенно не надо — пусть за пользователя основную работу делают машины :-).

На помощь приходит замечательный скрипт «Masked Input Plugin», который позволяет назначить для каждой формы маску, по которой данные будут заполнятся.

Возможно Вы не совсем поняли, но лучше один раз увидеть, чем сто раз услышать.
Читать дальше
Всего голосов 208: ↑164 и ↓44+120
Комментарии91

Diphost — хостинг для фанатов Python

Время на прочтение1 мин
Количество просмотров1.6K
В России очень мало хостингов позволяющих без лишних движений устанавливать Python приложения.

Два года назад покинув Петерхост мы (schors и adnull) не переставали думать о хостинге, работая над проектами с ним не связанными. Мы активно работаем с Python, и вопрос «что делать?» для нас имел один ответ — качественный хостинг для Python приложений.

Хостинг для фанатов Python — DiPHOST

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

За 350-450 рублей в месяц вы получаете полностью администрируемое решение, достаточно залить приложение и уже начать работать.

Если вы еще сомневаетесь — можете взять и попробовать — 7 дней вы можете тестировать наш хостинг в рабочем режиме совершенно бесплатно.

Для фанатов svn/git/bzr/mercurial — вы можете легко развертывать приложение со своего любимого svnserve/github/launchpad/bitbucket — мы поддерживаем все эти VCS.

Но это только начало. Для фанатов rails мы тоже готовим что-то интересное.
Всего голосов 85: ↑69 и ↓16+53
Комментарии134

Релиз 1.6.0

Время на прочтение1 мин
Количество просмотров617
Наконец-то вышел первый релиз ветви 1.6.
Частичный перевод changelog'а:
  • Интеграция с Dojo
    — JSON-RPC Server
    — dojo.data Envelopes
    — Dojo View Helper
    — Dijit integration with Zend_Form & Zend_View
    — Dojo Library Distribution
  • SOAP
    — SOAP Server
    — SOAP Client
    — Autodiscovery
    — WSDL access
    — WSDL Generation
  • Предварительный просмотр инструментов проекта (папка /laboratory)
    — Интерфейс командной строки
    — Управление проектом
  • Модуль тестирования контроллеров
  • Поддержка формата Lucene 2.3 Index File
  • Zend_Session save handler for Database Tables
  • Paginator
  • Поддержка Text/Figlet
  • Новый сервис — ReCaptcha
  • Новый элемент формы — Captcha
  • Поддержка атрибутов узла в Zend_Config_Xml
  • Новый компонент Zend_File_Transfer
  • Новый элемент формы File Upload Form
  • Zend_Wildfire Component with FireBug Log Writer (требуется плагин FirePHP для лисы. Помимо логгера появился еще профайлер БД)
  • Media View Helpers (Flash, Quicktime, Object, and Page)
  • Поддержка Zend_Translate для файлов INI

Zend Framework 1.6.0
Всего голосов 47: ↑37 и ↓10+27
Комментарии18

Скриншот-отчет по новому браузеру Chrome

Время на прочтение4 мин
Количество просмотров3K
Download Google Chrome Как вы уже знаете, вышел браузер Google Chrome. Мои первые впечатления просто неописуемы. У меня нет слов. Круто. Если в ближайшее время не найду серьезных проблем, то пересаживаюсь с ФФ. Правда, не хватает некоторых ФФ'эшных аддонов, ну обойдусь как-нибудь.

… к делу. Я не поленился и сделал небольшой скриншот-отчетик (можно даже сказать мини-обзор ;-) ). Собственно, все основные функции я перечислил. И, что приятно, их немного, но есть все что нужно. Также мы тут с nikolaikopernik скооперировались и я выкладываю его тесты, впечатления и выводы сюда же. nikolaikopernik благодарить обязательно! ;-)

UPD: Спасибо за комментарии по орфографии и оформлению. Еще раз напомниаю, что топик будет наполнятся и исправляться в соответсвии с пожеланиями. Благодарности : Trept Ingolmo

Читать дальше →
Всего голосов 320: ↑260 и ↓60+200
Комментарии645

Правила личной эффективности от ЭД

Время на прочтение21 мин
Количество просмотров65K
Заранее предупреждаю и извиняюсь, но оно того стоит: букаф многа.

Введение

В средней школе я был «круглым» двоечником, которого переводили в следующий класс только под значительным влиянием моего отца, в то время проректора ФПИ, довольно влиятельного (в личном общении) и властного человека.

В конце седьмого класса у меня встал выбор — идти в ПТУ или учиться дальше в школе. Все учителя, настаивали на том, что мне бесполезно учиться не то что в институте, но и в старших классах, в виду моей бездарности. Естественно, это мне не очень понравилось, и я решил стать лучшим в школе.

Попытка понять программу восьмого класса провалилась в виду отсутствия элементарных знаний предыдущих классов (начиная с второго-третьего), что не оставляло передо мной выбора, кроме как начать изучать все предметы по новой, самостоятельно.

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

Читать дальше →
Всего голосов 197: ↑155 и ↓42+113
Комментарии202

Работа с WMI. События для процессов

Время на прочтение4 мин
Количество просмотров8.3K
Мониторить список процессов можно разными способами, мне понравился вариант с использованием WMI, с помощью которого, мы можем обработать событие создание процесса, изменения, удаления и т.п.

интересно, что же дальше?
Всего голосов 29: ↑24 и ↓5+19
Комментарии12

Мысли о разрешении экрана. Год спустя

Время на прочтение2 мин
Количество просмотров3.9K
В последнее время при разработке сайтов все меньше и меньше учитывается разрешение 800х600, что само по себе не удивительно, если взглянуть на статистику. Соответственно либо сайты оптимизированы под 1024х768 и выше, либо они «резиновые», что встречается в реже.

Ситуация закономерная и соответствует развитию рынка мониторов и стремлениям дизайнеров/разработчиков. Я уже размышлял над этим год назад. Так вот, год спустя, мои мысли приобрели немного другое направление.
Читать дальше →
Всего голосов 109: ↑92 и ↓17+75
Комментарии100

Основы Python — кратко. Часть 5. Определение функций, основы.

Время на прочтение3 мин
Количество просмотров167K
Начав писать главу про ООП, понял что совсем забыл освятить такой большой и нужный раздел Пайтона как функции. Тема это большая и обширная, потому, чтобы не сильно растягивать паузу между уроками, решил разделить ее на 2 части. Сначала расскажу основы, потом уже углубленные особенности Пайтоновского функциестроения.

Функции в Пайтоне объявляются не просто, а очень просто. Вот пример самой простой:

def empty_func():
    pass

Начинается объявление с ключевого слова def, что как не сложно догадаться является сокращением от define. После него идет имя функции. После имени в круглых скобках задается список параметров, в данном случае отсутствующих.
Читать дальше →
Всего голосов 5: ↑5 и ↓0+5
Комментарии21

Полнотекстовый поиск в веб-проектах: Sphinx, Apache Lucene, Xapian

Время на прочтение15 мин
Количество просмотров55K
Полная авторская верcия из моего блога. Оригинал материала написан специально для Developers.org.ua

Наверное любой современный веб-проект сложно себе представить без… без контента! Да, именно контент в разных его проявлениях сегодня «правит бал» в различных веб-проектах. Не так важно — создаваемый пользователями или получаемый из других источников автоматически — информация является основной любого (ну, или почти любого) проекта. А раз так — то вопрос поиска необходимой информации стоит очень остро. И острее с каждым днем, ввиду стремительного расширения количества этого самого контента, в основном за счёт создаваемого пользователями (это и форумы, и блоги и модные нынче сообщества, вроде Habrahabr.ru). Таким образом, любой разработчик, реализующий сегодня какой-либо проект, сталкивается с потребностью реализовать поиск в своём веб-приложении. При этом требования к такому поиску уже намного сложнее и шире, чем даже год-два назад. Конечно, для каких-то проектов вполне подойдёт и простое решение, к примеру, вполне можно использовать Custom Google Search. Но чем более сложное приложение, и чем сложнее структура контента, если требуются особые виды поиска и обработки результата, или же просто количество или формат данных в вашем проекте особый, вам потребуется собственная поисковая система. Именно своя система, собственный поисковый сервер или сервис, а не сторонний, пусть даже гибкий и настраиваемый. Но что же выбрать, и вообще — какие сейчас на рынке есть поисковые проекты, которые готовы для использования в реальных проектах, не исследовательских или научных, а реальных бизнес-приложениях? Далее мы кратко рассмотрим различные варианты поисковых решений, пригодных для встраивания в ваше веб-приложение или развёртывания на собственном сервере.
Читать дальше →
Всего голосов 3: ↑3 и ↓0+3
Комментарии62

Почему у свободного программного обеспечения убогое юзабилити и как это исправить

Время на прочтение11 мин
Количество просмотров3.8K
Предлагаю хабросообществу свой перевод статьи Мэттью Пола Томаса, которую он недавно опубликовал в своем блоге. Томас — программист из Новой Зеландии, работающий в команде разработчиков проекта Launchpad — детища компании Canonical, более известной как коммерческий спонсор самого популярного Linux-дистрибутива Ubuntu.
Что самое интересное:
первый вариант этой статьи вышел еще 6 (!) лет назад.
— скорее всего появление второго варианта навеяно недавним громким заявлением основателя компании Canonical Марка Шаттлворта, в котором он предложил сообществу свободного программного обеспечения создать в течении 2 ближайших лет интерфейс операционной системы, который был бы «приятнее» Mac OS X.
— в статье прослеживается четкое разделение между volunteer designers и dedicated designers, при этом первые не пользуются у автора особой лаской. Это интересно, потому что судя по словам Томаса, он таковым и является.
Читать дальше →
Всего голосов 75: ↑74 и ↓1+73
Комментарии222

Информация

В рейтинге
Не участвует
Откуда
Россия
Дата рождения
Зарегистрирован
Активность