11 Липень 2013
1 573
Рубрика: дизайн

Как улучшить вывод фото ВКонтакте

Давно хотел порассуждать, почему вывод фотографий ВКонтакте сделан так неудобно. И как можно это исправить.

Давно хотел порассуждать, почему вывод фотографий ВКонтакте сделан так неудобно. И как можно это исправить.

Продуманный, казалось бы, интерфейс, минимализм, хорошая вёрстка и работа страниц без перезагрузки. И тут дизайн вывода фото, в котором на широком экране теряется до 30% полезной информации. Посудите сами, так это выглядит сейчас:

вконтакте сейчас

Дизайн страницы с фото рассчитан на узкие мониторы, до 1000 пикселей по ширине. По статистике Liveinternet, ширина экрана до 1024 пикселей используется у 3% пользователей рунета. В таком случае можно в зависимости от разрешения отображать для трёх процентов сжатую по ширине версию, а остальные 97% должны видеть всё в удобном формате.

статистика

Что нужно поменять?

Под удобным форматом я представляю горизонтальный вывод информации: слева фотография, справа комментарии и управление. Похожим образом это сделано у Фейсбука.

вывод фото на фейсбук

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

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

Что получится в результате

Если включить фантазию, топовая соцсеть рунета должна отображать фотографии так (по клику увеличенная версия):

готовый вариант

И не забываем о выпадающих полях:

выпадающие поля

Так удобнее?

Тепер я хочу бачити коментарі 3