В конце апреля я делал доклад на РИФ 2012 про этапы проектирования пользовательского интерфейса. Так как видео нет, попробую представить доклад в виде слайдов с моими комментариями.
Я расскажу как процесс разработки сайта или приложения выглядит с точки зрения дизайнера. Как вы сможете только за счет интерфейса улучшить впечатление пользователя от вашего стартапа.
Давно мы не публиковали новостей о наших проектах. Тем временем работа кипит и нам есть, что рассказать. Сегодня речь пойдет об обновлениях Selloby.ru — сервиса частных объявлений в стиле Twitter. Немного напомню о сути, для тех, кто забыл или вообще не знал до этого момента о его существовании.
Selloby – это сервис частных объявлений, созданный группой разработчиков Parcsis (anywayanyday.com, Pravo.ru и другие). Selloby позволяет мгновенно разместить свое сообщение о купле-продаже всего что угодно, а также об аренде квартир, вакансиях, и т.д. Подробнее можно ознакомиться с сервисом, посетив сайт Selloby.ru или посмотрев видео:
Ресурс существует уже полгода. За это время он сильно изменился, постоянно ведется работа по улучшению функционала. Мы собрали отзывы пользователей с прошлой публикации и постарались улучшить систему. Сегодня представляем вам обновленную версию Selloby.ru и его мобильных приложений,
Допустим, сидите вы на диване и смотрите телевизор. Вдруг, по неведомой причине, вам сильно захотелось продать собственного любимого слона, но вставать с дивана совершенно не хочется. Выход есть! Вы просто берете смартфон и используя наш сервис осуществляете задуманное.
А если серьёзно… Все привыкли, что создавать объявления — это очень сложно. Нужно делать фотографии, заливать их в компьютер, потом придумывать “продающий” текст и чтобы он был без ошибок. С другой стороны, все знают, что твиттер — это легко, просто и быстро. Мы сделали удобный сервис частных объявлений Selloby, где опубликовать объявление — не сложнее, чем написать твит. Вся логика сервиса построена на системе хэштэгов: ! действие, #товар, Рцена, @город. Весь поиск и система подписок (фоловингов) также постороена на хэштегах.
Я знаю, что для многих это уже совсем не новость, но хотелось бы сделать анонс грядущего Фестиваля 404 для тех, кто там еще не был. Мы тут в своей Самаре уже в четвертый раз будем организовывать довольно бодрое мероприятие для веб-разработчиков, интернет-деятелей и сочувствующих им.
Чем Фестиваль 404 отличается от других конференций, форумов и симпозиумов? Дело в том, что изначально мероприятие делалось для себя. Организаторам самим хотелось хорошо провести время и услышать интересные доклады. Мы не слушали пожелания от участников или от спонсоров или от третьих лиц, а делали так, как нам самим казалось правильным. Неожиданно, такой формат оказался востребован.
В рекламе и маркетинге уже давно и успешно используют персонажей. Допустим, вы продаёте творог или пирожки. Практически, в любом рекламном агентстве вам придумают и нарисуют улыбающуюся корову или пирожок с глазами. Это простой способ создаст вокруг вашего товара некую историю и придаст ему индивидуальность. Но не будем углубляться в маркетинг, а вернемся к сайтам и интерфейсам.
Очень редко можно встретить персонажей в вебе или в программах. Большинство помнят милую и чуть-чуть надоедливую Скрепку из MS Office. Это был одним из первых и, наверное, наиболее удачных примеров использования персонажей в интерфейсе. А больше ничего и не вспоминается. Это очень странно, ведь конкуренция в интернете уже совсем не слабая, а персонаж может преобразить скучный сайт и сделать его более запоминающимся.
Хочется рассказать о том, как мы делали дизайн для мобильной версии городского справочника ДубльГИС. Если вас не интересует дизайн, то пост все-равно может отказаться полезным тем, что на скриншотах можно увидеть функционал приложения, который будет реализован в будущем.
К нам обратилась компания ДубльГИС, которая занимается созданием справочников организаций с картами городов, с тем, чтобы мы разработали графический дизайн для новой мобильной версии программы 2ГИС. Главными требованиями к интерфейсу стали простота в освоении и корректное отображение на экранах с нестандартным разрешением. Программа будет работать на платформах Windows Mobile, Symbian и Android. На сенсорных экранах должна быть возможность управления как пальцами, так и стилусом. На устройствах без сенсорных экранов — с помощью аппаратных управляющих элементов (джойстик, кнопки).
Не так часто выдается возможность что-то изменить вокруг себя или что-то сделать для города. И вот нам представился шанс: Волжская ТГК объявила конкурс на дизайн крышки люка. Обычно мы рисуем иконки и другую графику для интерфейсов, а тут огромный тяжелый люк из чугуния! В случае победы в Самаре появятся такие люки, плюс, авторам подарят одну крышку.
Перспектива получить трофей в виде крышки люка собственного дизайна показалась нам очень заманчивой. Это же почти промышленный дизайн! Но для начала нужна была какая-то идея. Что обычно изображают на люках? Какие-то непонятные буквы и невзрачные рисунки.
Мы решили, что нужно сделать дизайн люка интересным для горожан и гостей города. Чтобы люк был про Самару и её достопримечательности. Для верности мы нарисовали два варианта:
Векторные макеты не слишком наглядны, поэтому было принято решение сделать визуализацию в 3D, чтобы было понятно, как крышки будут выглядеть. Заодно, расскажу более подробно про каждый люк.
На прошедшем Фестивале 404 я рулил дизайнерской секцией. Самые интересные доклады секции были записаны на видео. Предлагаю вашему вниманию подборочку наиболее интерестного дизайнерского видео с Фестиваля.
Вся дизайнерская секция была во второй день, но самый полезный дизайнерский доклад открывал Фестиваль в первый день. Перед нами выступил Билл Бакстон — дизайнер с большой буквы. Что там дизайнер — ученый, специалист по взаимодействию человека и компьютера, личность мирового масштаба.
Всё началось в 1993 с браузера Mosaic, тогда наши представления о веб-сайтах складывались из традиций GUI, которые в свою очередь были продиктованы персональными компьютерами и ноутбуками. Но с тех пор, когда смартфоны стали использовать для доступа в интернет, стало понятно, что традиционная модель не идеальна. В своей презентации я загляну за эру мобильных устройств и расскажу про цифровую эко-систему в которой мы будем жить совсем скоро, а так же о разных формах жизни, которые населят эту систему. Нынешние проблемы с вебом и мобильным интернетом померкнут в сравнении с грядущими переменами. Браузеры будущего будут отличаться от нынешних, как сейчас интернет отличается от газет и журналов.
Мой коллега Егор Гилев yegorg очень хорошо разбирается в вопросах организации работы, но плохо понимает в вопросах кармы на Хабре. Поэтому он попросил меня запостить его пост про его секцию на #404fest:
На прошедшем осенью Фестивале 404 была секция, посвященная вопросам организации работы, управления командами и развития бизнеса. Все доклады были записаны на видео и мы рады предложить их вашему вниманию.
В рамках этой секции я прочитал доклад о том, как компания Турбомилк устроена изнутри. Доклад назывался «Что получится, если дизайнерам доверить самим организовать свою работу»:
На прошедшем осенью в Самаре Фестивале 404 была весьма необычная для конференций веб-разработчиков секция. Это была экспериментальная секция, которая довольно условно была названа Информационное общество и блоги. Теперь у нас появилось видео всех докладов и мне бы хотелось узнать — насколько это все нужно и интересно?
В конце секции был круглый стол «Как интернет изменит общество в будущем» в котором приняли участие все докладчики секции и сочувствующие. Именно с него предлагаю и начать. Тезисы были такие: «Возможно ли в России информационное общество? Когда его ждать? Кто виноват? Что для этого нужно делать?»