– Что ты сделал с ICQ?! – О-оу!

Jamil Lazarev
2 min readFeb 20, 2016

--

Помню, лет 15 назад, у нас использовали только: Odigo, IRC, ICQ; и было нереально круто иметь аккаунт с красивым набором циферок у последнего. Помню, звук оповещений, который нравился всем без исключения. Поэтому — я не мог пройти мимо этого конкурса.

Задачи

  1. Улучшить в интерфейсе, всё, что можно успеть до дедлайна, учитывая гайдлайны, трекинг (letter-spacing) шрифта и т.п.
  2. Протестировать все полученное на прототипе. Долой все эти стрелочки и указатели передвижения пользователя по видам.
  3. Удовлетворить себя результатом.
  4. Если 3 задача выполнена — выложить работу.
  5. Выиграть.

Описание интерфейса

https://youtu.be/Q8QdgQm2kao

Прототип

Разработал с помощью
Framer JS.

Большинство примеров в сети — небольшие анимации, я же хотел чего-то больше.

Посмотреть и “потрогать” можно там ↓
http://goo.gl/t4T6ky

*При медленной скорости интернет-соединения, при переходах, изображения могут долго загружаться.

Палитра

Виды

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

Бывает забавно, когда, отличный на вид макет неудобен в использовании.

Cетка

Интересные детали

  1. Время на телефоне отображает золотое сечение 1.618
  2. 100 делить на 1.618 ~ 62, поэтому заряда именно столько.
  3. Большинство людей и сообщений в макетах реальны.
  4. В процессе я перебрал 581 иконку, в результате некоторые пришлось отрисовывать самому, а большинство купленных были доработаны.
  5. На описание функционала и отрисовку скетчей “ушло” 33 листа блокнота.
  6. Иконка поиска (компас), похожа на пахлаву.(https://ru.wikipedia.org/wiki/Пахлава)
Unlisted

--

--

Jamil Lazarev

Twice dad, husband. Product design & management. Software & product development. Music production.