19 октября 2015

Дизайн: редизайн сообщений Вконтакте для iPhone

Привет! Я — Виктор Никитин,
основатель бюро ДругМедиа

Вконтакте объявил конкурс на разработку редизайна приложения для iPhone. В прошлый раз я выпустил редизайн веб-версии спустя 7 месяцев после завершения конкурса. Его публиковали на Хабре, Силиконе и ТЖорнале. Этот конкурс я решил не упустить.

Редизайн рассчитан на iPhone 6 и 6 Plus с увеличенным экраном. При этом для честности показан в пропорциях iPhone 5.

Главная идея

Совместим экран диалога со списком бесед, чтобы можно было быстро переключаться между диалогами:

Обо всем по порядку

При клике на строку или аватарку открывается вкладка диалога:

Решим проблему с потерянным временем:

Для ретроградов:

Прикрепляя фото, я всегда путаю «Из библиотеки» и «Фотоальбомов». Сделаем проще — «Из телефона»:

Если фотографии где-то далеко:

Давно просится возможность общаться голосом:

Все прикрепленные к сообщению медиа-данные отображаются в отдельной вкладке, а не в поле ввода текста:

Не забудем про поворот экрана:

Вышло 45 «новьё»

Сравним, что получилось:

Бонус

Другие варианты анимации переходов и вида панели с аватарками бесед.

1. Диалог появляется плавно. Панель бесед светлая всегда:

2. Диалог появляется слайдом справа. Панель бесед светлая всегда:

3. Диалог появляется плавно. Панель бесед также меняется плавно:

4. Диалог появляется слайдом слева. Панель бесед светлая всегда:

Итоги конкурса пока не объявлены.

Виктор Никитин

Поделиться
Отправить
Класснуть