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


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


Но на MIX все оказалось довольно прилично и организованно. Три этажа гиков и дизайнеров, по 6-8 докладов одновременно. Все это работает как часы и все трезвые. :)

Прямо сейчас я нахожусь в Лас Вегасе на конференции MIX 09 и имею неземное космическое желание делиться новостями и фотографиями с мероприятия через Хабр. Что тут происходит? Конференция проходит в очень красивом отеле Venetian (более роскошной конференции я не видел), участники приехали из разных концов мира.


Открывал конференцию Билл Бакстон, который рассказывал о роли скетчей в промышленном и интерфейсном дизайне. Меня, как дизайнера, это очень порадовало — дизайнерские конференции бывают редко. Плюс, я до последнего не верил в «Дизайнерскую конференцию от Майкрософт». Кстати, среди стуфа, который дают при регистрации была книжка Sketching User Experiences.

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

К чему это я? К тому, что обещаю оперативно постить фото и отчеты с конференции на Хабр. Что было в прошлом году можно посмотреть на страничке MIX 08 на flickr. А еще я был бы рад получить вопросы от хабралюдей, которые я бы задал докладчикам или какие-то поручения вроде «сфотографировать microsoft surface снизу». Еще обещают показать новое поколение устройств на Windows Mobile.

Картинка для привлечения внимания:

(это фото с прошлогоднего MIX, в этом году тоже обещают этих парней)

Меня иногда спрашивают: «А кем ты работаешь и чем ты занимаешься?». Я всегда очень этому вопросу радуюсь и начинаю рассказывать про визуальный дизайн интерфейсов, про иконки, юзабилити и юзер экспириенс. В большинстве случаев мой собеседник очень быстро начинает зевать и уже сам не рад, что спросил. Поэтому когда дело дошло до придумывания названия компании, которая занимается дизайном интерфейсов, то было решено придумать какую-то Легенду, чтоб было веселее и интереснее. У многих компаний есть Миссия, а нас будет Легенда.

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

К чему такое длинное вступление? К тому, что когда дело дошло до визуализации наших бизнес-процессов и нас получилось вот такое:

Если честно, то я не очень люблю посты-списки а-ля «Горячая десятка чего-то» или «50 самых лучших кого-то». Но почему-то такие посты очень любят читатели. И я понял почему. Писать эти тексты довольно трудоемко и не очень весело. Зато читатются они легко и увлекательно. Эту догадку подтвердила моя давняя статья "10 ошибок в дизайне иконок", которую тут приняли очень тепло. Не прошло года и я решил продолжить.

Многие думают, что дизайн интерфейсов — скучное, заумное и занудное занятие. Я попробовал взглянуть на эту сферу немного иначе и продемонстрировать, что дизайн GUI — иногда довольно веселая штука. Предлагаю вашему вниманию обзор/коллекцию 10 необычных метафор в дизайне иконок.

Визуальный дизайн приложений для iPhone — дело новое и довольно творческое, несмотря на жесткие стандарты, которые установила Apple. Предлагаю вашему вниманию краткий рассказ о том, как мы оформляли клиент для ЖЖ.



LiveJournal.app — бесплатный клиент Живого Журнала для Apple iPhone, который позволяет вам писать в свой журнал, а также отправлять и получать личные сообщения. Разрабатывает этот замечательный продукт компания CosySoftware. Нам было поручено нарисовать главную иконку и заставку по мотивам фирменного стиля LiveJournal.

Вместо того чтобы есть оливье и пить водку на новогодних праздниках, мы решили поехать на машине из родной Самары в Нижний Новгород. А между делом мы протестировали функцию GPS-навигатора в iPhone 3G в реальных условиях. Обзоры — дело для меня новое, но надеюсь вы меня поймете и простите.



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

Многие ожидали что на MWSF '09 покажут обновленный Mac Mini. А когда его не показали, то очень раcстроились. У меня плохая новость для любителей «малыша» от Apple — нового Mac Mini, скорее всего, не будет никогда. В один прекрасный момент он без лишнего шума исчезнет из Apple Store и станет историей (как было с Cube).



Почему я так думаю? Нет, не подумайте плохого — мне очень симпатичен этот компьютер. Но дело в том, что для него не осталось места, он избыточен в нынешней линейке Apple. Плюс, косвенный довод — Mac Mini никак не обновлялся уже полтора года.

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

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

Нам очень понравилось рисовать картинки для страницы 404 на Хабре и мы решили продолжить. Мы изобразили историческую встречу мозгового слизня и НЛО.



Некоторые, наверняка, возразят: «У слизня там нет рта! Он у него рядом с щупальцами». Но это наш слизень, мы его каким хотим, таким и рисуем! :) (не то чтобы мы хотели слизня… но… ну вы поняли)

Даже на таком ресурсе как Хабрахабр случается так, что посетитель оказывается на странице, которой не существует. В таком случае сервер выдает сообщение об ошибке 404. Чтобы как-то подсластить горечь от такой неприятности, мы решили нарисовать забавную картинку.

Случилось мне на одной конференции веб-разработчиков публично сказать: «Веб-сайт не такая уж необходимая вещь для компании. Незачем тратить уйму денег на разработку оригинального сайта. Иной раз можно обойтись и блогом — так даже эффективнее будет. Чистый незамутненный контент — наше все». Дизайнеры, верстальщики и программисты вокруг были весьма недовольны таким высказыванием, но бить меня не стали. Зато, журналист одного бумажного журнала заинтересовался и говорит мне: «А давай ты про все про это более подробно расскажешь».

Случилось так, что нам поручили рисовать иконки для нового Хабрахабра (тогда он еще не был Суперхабром). Сначала мы обрадовались, но потом испугались — нашу работу будут строго оценивать все прогрессивные хабралюди, среди которых много дизайнеров и людей понимающих в дизайне. Но мы собрались с силами и принялись за работу. Для начала нужно было выбрать стиль иконок…

Продолжаем развивать видео-вещание на Хабре. Представляю вашему вниманию три скринкаста собственного изготовления про Expression Blend. Что это такое и для чего это нужно? У меня есть подозрение, что Blend — жемчужина Expression Studio, а остальные элементы пакета лишь обрамляют его. Приложение получилось довольно необычным и с трудом поддается классификации. Не смотря на то, что этот инструмент адресован в первую очередь дизайнерам, в ходе работы я почувствовал себя суровым программистом.

Я долго думал в какой блог поместить этот топик. Вроде и про интерфейсы, и про дизайн, и про создание приложений. Но решил не изменять традиции и, как предыдущие скринкасты (Expression Web и Expression Design), поместить топик в блог «Web-разработка». Простите, если что не так.

Скринкаст по Expression Blend: Обзорный

Есть небольшая, но гордая компания, которая оказывает услуги. То есть продает свое собственное время. Есть люди, которым эти услуги нужны. Есть интернет в котором все это дело происходит. Как тут быть? Элементарно: потенциальный клиент пишет электронное письмо с запросом в компанию. А вот тут и начинается самое интересное.

Как и когда компания должна ответить клиенту? С одной стороны, хочется чтобы ответ был внятный, а время минимальным.

Я решил набраться смелости и выложить свои скринкасты на всеобщее обозрение. Это продолжение серии любительского гик-видео про Expression Studio. Тем более, что на Хабре в последнее время стало появляться все больше и больше вебкастов. Уж не знаю — хорошо это или плохо.

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



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

Представляю вашему вниманию несколько необычные скринкасты про пакет Expression Web. В чем необычность? Дело в том, что видео получилось на стыке двух жанров. С одной стороны, это совершенно утилитарное и скучное обучающее видео (tutorial). С другой стороны, по ходу я высказываю свое личное отношение к происходящему и всячески дурачусь, то есть почти персональный шуточный видеокаст.

Скажу честно, я не суперпрофессионал в Expression Studio. В ходе создания роликов я сам учусь, поэтому пока ролики довольно поверхностные. Но планируется целая серия таких роликов, так что уверен, что у меня получится «углубиться» в тему. Пока готовы только два ролика:

Скринкаст по Expression Web: Обзорный


Краткое содержание ролика:

• Из чего состоит вебсайт?
  Обзор интерфейса редактора
  WYSIWYG или чистый код?
  Dynamic Website Templates
  

Бывает такое, что мысли разбегаются. Смотришь в монитор и ничего толком не видишь. Читаешь текст, но ничего не понимаешь. Нужно что-то написать, придумать или нарисовать, но никак не удается сконцентрироваться на задаче. Наверняка, такая ситуация знакома многим. Что делать? Как «собрать» себя? У каждого есть свои секреты и рецепты.

Вот, например, Джамис Бак из 37signals работает за компьютером стоя. Говорит в своей статье Standing versus Sitting, что так ему намного лучше, чем в комфортабельном кресле, которое его усыпляет своим уютом. Сначала он подкладывал толстые книги под монитор, клавиатуру и мышку, а потом даже купил специальный стол для работы стоя. (на картинке справа) Теперь Джамис работает меньше по времени, но с большей отдачей.

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

Что касается меня, то тоже есть небольшой секрет. Время от времени я пью лютые витамины. Нет, не подумайте ничего такого, все легально. В любой аптеке продают Мультитабс Интенсив или Витрум Антистресс (есть и другие). В инструкции написано, что их нужно пить при авитаминозе или сильных нагрузках. Ничего такого у меня нет, но витамины эти сильно мне помогают концентрироваться и вообще делают меня бодрее.

Какие секреты концентрирования внимания есть у вас? Как вы повышаете производительность своего труда?