Archive for August, 2008

Программеры-7

Friday, August 15th, 2008

— Зачем писать свой тулкит, если купили вот уже, готовый, работающий?!
— Ну так он глючный, не гибкий, вы напишите свой, крутой, знаменитыми станете.
— Да поспорю на лимон, что то, что здесь напишем, всё равно будет голимее!
— Зато так досконально разберётесь в теме, что сможете спорить с разработчиками “того” тулкита обоснованно! Типа… “а мы знаем, почему у вас там-то не работает! У нас там тоже поэтому же не работает…”
— И всё равно не понимаю, зачем изобретать велосипед…
— Ну дык! Тот же 2-х колёсный. А этот — 2,5 колёсный!

P.S. Предыдущие - “Программеры-6

Особенности проектирования интерфейсов командами, разделёнными океаном

Friday, August 15th, 2008

У нас продолжается наработка сурового опыта разработки ПО и сервисов разделёнными между двумя континентами командами. И сейчас те давние проблемы всего лишь синхронизации программерского кода и разрешения конфликтов в SVN представляются цветочками :) Оказывается, наиболее весёлый аттракцион происходит в том случае, когда идёт этап проектирования нового сервиса, так же разделёнными командами. И вот начата работа над новым сервисом, пока всё больше на этапе исследований, при этом маркетологи исследуют рынок и составляют портрет ЦА, программеры - изучают техническую часть и пишут тестовые примеры различных потенциальных веток проекта. В целом исследовательская часть подходит к концу, и перед дизайнерами становится задача - нарисовать дизайн “общего” экрана сервиса, включающий стиль для формы, логотип, различные панели-кнопки-формы и содержательную часть, которые будут присутствовать на, скажем, среднем экране (середина работы с сервисом), причём наиболее насыщенном всяким хламом.

Когда цели проекта сформированы сколько-нибудь внятно, прикинуть первую версию такого “среднего” экрана довольно просто; и дизайн был нарисован, и принят заказчиком восторженно, и даже программеры, которые изрядно придирались к некоторым элементам дизайна, как к трудно реализуемым или малоадекватным, наконец-то сказали, что всё замечательно. Т.е. утверждён будущий стиль дизайна сервиса. Игрушки закончились, и теперь нужно бы приниматься за отрисовку уже реальных экранов. И тут у нас начинается ступор. Потому что этап проектирования сервиса в целом полностью на себя взяла канадская команда. Именно они там у себя в своих конференц-румах ежедневно с отделом маркетинга, руководством и прочими участниками процесса бурно, по нескольку часов ежедневно (по словам нашего канадского управляющего) обсуждают сценарии поведения пользователя при работе с сервисом, только… Ни одно из этих обсуждений не заканчивается присланными прототипами экранных форм. Что ж за беда-то такая?
(more…)

MoiKrug сменил дизайн

Wednesday, August 13th, 2008

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

Но к некоторым экранам не возможно не придраться. Вот, к примеру, замечательный раздел “Мои коллеги” при условии, что никто из моих коллег на сервисе не представлен:

Как это, интересно знать, я могу быть своей собственной коллегой? Зачем же меня в этот список? Это что-то сродни “добавить себя во френды”. Хорошо, что хотя бы кнопка “пригласить (себя) в 1 круг” задизейблена. В любом случае имхо добавлять “себя” в список своих коллег — излишне.
Если в списке найденных позиций всего один элемент - на самом ли деле так нужны целых два чекбокса типа “выбрать все”, окружающие никакие не “все”, а единственный элемент списка?

Ещё одно спорное решение - с пересечённой навигацией, когда один подраздел принадлежит сразу нескольким разделам. Никогда не нравились такие решения, всегда сбивали с толку юзеров и вызывали недовольство сервисом. Простой пример: заходим в раздел “Сообщения”, оттуда из подразделов выбираем “Вакансии” (т.е. предполагается, что мы получим список сообщений-вакансий) видим вроде пока логичную картинку с навигацией:

После этого кликаем на любое сообщение из полученного списка и оп-па! Меню меняется на такое:

Где я, кто я? Теперь я не в “Сообщениях”, а в “Работе”, в каком подразделе раздела “Работа” нахожусь? Где подменю “Отклики”?

Интересное решение с логотипом Moikrug+Yandex. Да, по традиции логотип размещён в левом верхнем углу, воспринимается единым, цельным объектом, но его “верхняя часть” ведёт на главную яндекса, а нижняя - на главную Moikrug соответственно.

Вот только интересно, как много благодарных пользователей скажут своё вежливое “спасибо”, когда, как и на других проектах, потянутся в этот левый верхний угол,чтобы, скажем, вернуться на главную страницу проекта MoiKrug, и, не прицелившись, попадут в Yandex?

А ещё интересная какая штучка! Временной вертикальный градусник в разделе “Люди” -> “дни рождения”. Который сворачивается по месяцам. Очень оригинальное решение, правда. А вот поздравить *не яндекс.открытками*, а просто текстом по-прежнему из этого интерфейса нельзя, неужели же ж все прям так любят эти открытки и ни разу никто из пользующихся сервисом не попросил такую простую задачку решить? А я каждый раз, если хочу кого-то поздравить, выхожу из интерфейса “дней рождений”, и иду отправлять пользователю обычное сообщение с поздравительным текстом.

Почему продолжают появляться такие ужасные веб-сайты

Tuesday, August 12th, 2008

Пару дней назад искали с хорошим знакомым информацию об одном харьковском пригороде; нашли мало чего, даже гуглмапс выдал больше информации, чем веб-сайты по запросу. Долго рассматривали один “информационный” сайт, на котором якобы рекламировался новый, довольно большой жилой микрорайон, с тучей новостроек и продающихся квартир. Только и удивлялись: рынок недвижимости — один из самых денежных рынков, это вам не бижутерия или компакт-диски, это большие деньги; сайт же, рекламирующий эту самую недвижимость, не просто нищий, вообще никакой: навигация бедная и непродуманная, фотографии этого микрорайона - убогие, отвратного качества (ни одной современной мыльницей такого не исполнишь), на фотографиях — всё больше котлованы и рытвины, сплошной депресняк. Дизайн явно исполнен не дизайнером, а типа “сыном брата секретарши”, если не самой этой секретаршей.

Знакомый всё удивлялся: как же такое может быть, ведь презентуются на продажу очень, очень дорогие вещи. Чуть даже заспорили с ним о том, кто же в подобных случаях виноват в том, что в сети появляются такие сайты, и ведь не “авторские” васейпупкиных, у которых и целей-то никаких нет. Заказчик? Это ведь он, по всей видимости, рассказал о том, какие должны быть разделы на сайте, какая информация внутри разделов. Это он, по всей видимости, предоставил эти убогие плохого качества фотографии “с мест событий”. Дизайнер? Разработчик — ему-то что, что дали, то он и сделал, и бюджеты, скорее всего, были низкие, и заказчик, конечно же, даун, ему ничего не объяснишь, и вообще, он что, должен с пеной у рта что-то этому толстому богатому дяде доказывать?
(more…)

Про 08-08-08

Friday, August 8th, 2008

Раз уж вам не нравится многабукаф…

А прошлый был больше года назад, про 07-07-07

Дизайнерское: о шрифтах и их оформлении

Thursday, August 7th, 2008

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

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

(more…)

Экранные интерфейсы: горячие зоны

Tuesday, August 5th, 2008

Я уже расказывала о том, что наши дизайнеры кроме прочих задач рисуют эскизы рекламных сайтов, большей частью на наши же программы и сервисы, в том смысле, что разрабатываемые у нас, а не для сторонних заказчиков. Таких рекламных сайтов на каждую тему может быть несколько: организовывается ли акция, или  выпускается версия программы, заточенная под определённые задачи (суть определённых задач заказывает отдел маркетинга, у них там свои исследования) или затеваются продажи на другой рынок (один из примеров - индийский рынок, и рекламная компания, ориентированная на индусов, там и цветовые гаммы использовались другие, не такие, как для американской аудитории, ещё была кое-какая специфика). В принципе постановка задачи для рисующих дизайнеров всегда почти одинакова: чётко (не запрятано среди прочих “элементов дизайна”) видно название программы или сервиса, тексты, которые кратко дают понять, что это за программа и зачем она юзеру - в первой половине экрана, и СамаяГлавнаяКнопка “Download Now” (для программ) или “Join Now” (для сервисов) в правой верхней части экрана, по исследованиям отдела маркетинга эта зона - самая комфортная для клика по главному элементу сайта.

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

(more…)

Тематические рассылки

Monday, August 4th, 2008

Сегодня, 04.08.2008, в 11:08 пришёл выпуск рассылки от CNews c прошлогодним, ноябрьским контентом. А ведь я одна из 19903 (это только по статистике Subscribe.ru) подписчиков. “Какая безответственность!” могла бы воскликнуть я, если бы самой не стыдно было за свою заброшенную рассылку.

И вот что думаю в этой связи: видимо, не хватает мотивации для регулярных выпусков. Видимо, надо что-то делать. По этому поводу можно, к примеру, анонсировать возможность публикации в рассылке тематических анонсов, за деньги, или ещё каким-то способом монетизировать рассылку? Актуальны ли ещё подписки на почту, читает ли их кто-нибудь при том, насколько просто одним движением руки загнать письмо с “не понравившимся” выпуском в спам и не получать его вообще никогда? Не отписываться при этом от рассылки и висеть в статистике подписчиков мёртвенькой душой, и не догадываться даже, что после случайного неинтересного или (случайно же) ошибочного/глючного выпуска было много вполне добротных, информативных и полезных выпусков?
Видимо, имеет смысл подбить статистику на сегодняшний день. Итак, моя рассылка для веб-разработчиков “Библиотека Сайтостроительства…” была открыта 24 октября 2001-го года (можно почитать здесь) и по мнению разных сервисов, сейчас у рассылки подписчиков:

  • Subscribe.ru - 10123
  • MailList.ru - 10619
  • Content.Mail.ru - 10834

(more…)

Октябрьский HighLoad++, Конференция разработчиков высоконагруженных систем

Monday, August 4th, 2008

Вот и пришло письмо от оргкомитета HighLoad++ (команды Олега Бунина, не Рогожина) с анонсом октябрьской конфы. Заинтересованные поприсутствовать или заслать кого-то из своей команды всё ещё наблюдают и, если есть свободное время, отслеживают информацию, размышляют о том, чью же конфу из расколовшейся на две HighLoad имеет смысл оплачивать и посещать, а я пока отмечу ту, анонс на которую пришёл первым.

UPD: Судя по комментам (в трансляции на я.ру) не все в курсе раскола с конференциями, так что, не вдаваясь в подробности, скажу только, что речь теперь идёт о двух разных конференциях. Та, которая анонсируется на старом домене - highload.ru, организовывается Олегом Буниным и называется “HighLoad++” и стоимость - 4500 р. Та, которая анонсируется на домене highload.info, называется теперь “РИТ: Высокие нагрузки. Конференция разработчиков высоконагруженных систем”, организацией оной занимается Павел Рогожин (сентябрьская стоимость оной - 16 000 р). Почитать немного о разделении (расколе?) и причинах - на Roem.ru здесь и здесь или в блоге Павла Рогожина, к примеру здесь.

Мы рады пригласить Вас к участию в профессиональной конференции веб-разработчиков высоконагруженных приложений HighLoad++. Конференция пройдет 6 и 7 октября 2008 года в Москве.
Для новичков мы подготовим ряд учебных классов, охватывающих все сферы веб-разработки:

  1. “PHP в высоконагруженных приложениях” от Николая Добина, в прошлом - ведущего разработчика компании Бегун;
  2. “Язык Perl” от Андрея Шитова, организатора конференции YAPC::Russia;
  3. “Организация кода в высоконагруженных приложениях” от Сергея Мартынова, докладчика и организатора конференций РИТ-2007, РИТ-2008 и технического директора веб-студии НотаМедиа;
  4. Учебный класс по PostgreSQL подготовят специалисты консалтинговой компании PostgresMan — Николай Самохвалов и Иван Золотухин;
  5. Разработке проектов с высокой нагрузкой обучит один из лучших специалистов в отрасли, руководитель технического отдела компании Eyelinkmedia, Алексей Рыбак.

(more…)

Дизайнерское: интерфейсы в исходниках

Friday, August 1st, 2008

Когда я писала заметку “Офисное дизайнерское - несколько наших agreement” - тогда большая часть договорённостей из списка была на стадии обсуждения и внедрения. Как же это здорово, когда договорённости работают, когда получаешь подтверждение, что соблюдение оных и в самом деле оптимизирует работу, и задачи, которые при обычном беспорядке представляются трудновыполнимыми, рутинными и мрачными, исполняются легко за час рабочего времени!

Не так давно одна наша талантливая девчушка-дизайнер рисовала новый интерфейс на прогу, написанную на Builder`е. Дизайн утвердили, порезали и внедрили. Кажется, прога получилась удачная и в перспективе успешная, потому что срочным образом прислали переводы элементов интерфейса (по дефолту английский) на французский, немецкий, испанский. А девчушка, которая рисовала эскиз, в отпуск ушла. А изрядная часть этих самых “элементов интерфейса”, с текстами, сделана графикой для пущей привлекательности. Открываю исходник, а там… Все слои структурированы по группам и подгруппам, все названы так, чтобы можно было найти любой блок, в группе иконок подгруппа на состояния этих иконок - обычные, активные, over,  click, и то же самое со всеми остальными панельками и закладками.

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

На один (два) уровня повышаются степени вложения групп в том случае, если необходима так же отрисовка разных экранов. И как же было невероятно трудно работать с исходниками, отрисованными нашими канадскими друзьями, когда поиск достоверных слоёв для каждого экрана интерфейса — это загадка, которую даже если и удаётся разгадать, толку от этого не много, потому что интерфейсы - не достоверны. При 10 элементах главного меню, в каждом из которых от 3 до 8 элементов подменю в 9 из 10 экранов АКТИВНЫМИ подсвечиваются не те, которые активны в этом интерфейсе. В формах текстовые поля (input`ы) нарисованы РАЗНОЙ высоты, и при выяснении напрямую с их менеджером “что это за прикол” оказывается, что, конечно же, недосмотр, вы там сами сделайте одинаково, это же САМО СОБОЙ РАЗУМЕЕТСЯ. Часть отрисованных элементов вообще не должна присутствовать в формах и попадала туда по ошибке или недосмотру главного менеджера, который увидел красивую картинку и отмахнул - отправляйте!, не попытавшись даже проникнуться логикой данного сценария. Чуть ли не половину форм приходится придерживать до тех пор, пока этот канадский менеджер проснётся, чтобы можно было выяснить — ошибка ли нарисованное или новая фича, и к какому разделу относится “вот этот” правильно нарисованный, но неправильно названный экран. В конечном итоге уважаемый канадский менеджер задолбался выяснять отношения между нами и канадскими же дизайнерами, махнул рукой и сказал нам: “вы там сделайте… на своё усмотрение… чтобы красивенько и в общем стиле предыдущих экранов”.

Это при том, что формы приходится не только “оформлять”, но и перекраивать, чтобы они хоть как-то вписались в интерфейс. А человек там типа инфоарх и собссно задача у него - быть связующим звеном между придумывателями функциональности и разработчиками. Руководство тоже заколебалось заморачиваться с постановщиками и проектировщиками, но специалиста по проектированию интерфейсов готово взять только туда, на канадской стороне, а не на нашей. Так что меня хоть и попросили составить что-то типа “вакансии” на эту должность (для начала на русском), и я даже её составила, но когда узнала, что это будет очередной труднодоступный нам, разработчикам канадский парень даже отправлять передумала, это же очередное шило на было получится, с тем же эффектом, что и сейчас. Одно радует, своя команда хотя бы обучаема к хорошей работе.

UPD: я тут подумала, и решила опубликовать текстовку на вакансию для человечка, которого не хватает, пусть даже на их, канадской стороне, а не на нашей. Обсудим?

Проектировщик интерфейсов

Личные качества:

  • аналитическое мышление;
  • высокая коммуникабельность;
  • ответственность.

Профессиональные:

  • умение структурировать информацию, внятно излагать мысли в устной и письменной форме, создавать графические прототипы
  • умение оценивать комплекс задач в целом и одновременно внимательность к деталям;
  • опыт разработки пользовательских интерфейсов: знание базовых принципов их построения, опыт создания пользовательских интерфейсов для веб-приложений, разработки схем, диаграмм, «скелетов» веб-страниц;
  • понимание жизненного цикла разработки веб-проектов;
  • понимание особенностей разработки на .NET.

Задачи:

  • Участие в обсуждении целей и задач проекта, частей проекта, функциональности отдельных модулей, доскональное понимание прикладной задачи.
  • Проектирование информационной модели работы пользователя (групп пользователей).
  • Согласование мнений о содержании, структуре и организации сайта в целом.
  • Получение, обработка и синхронизация информации о текущих этапах разработки между разными подразделениями, работающими над проектом: отделом маркетинга, программистами, дизайнерами, интеграторами.
  • Разработка макетов экранных форм и сценариев диалогов.
  • Поддержание макетов экранных форм в актуальном состоянии и предоставление этих макетов разработчикам ДО начала реализации, а не постфактум, когда что-то исправлять уже поздно или нерентабельно.
  • Принимать участие в usability-тестировании интерфейса, вносить предложения по оптимизации экранных форм с точки зрения удобства использования.
  • Уметь мотивировать свои решения и предложения перед разработчиками и перед менеджментом, представляющим отдел маркетинга.

Ссылка на вакансию, “чем-то похожую на то, что хотелось бы”, спасибо Денису Бескову-Доронину

http://www.iainstitute.org/jobboard/jobs/job.php?id=4020