Главное Авторские колонки Вакансии Образование
638 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Представляем вам дизайн профиля!

Мнение автора может не совпадать с мнением редакции
Приветствуем сообщество!
И снова мы подводим вас, продолжая нарушать сроки раз за разом.
Наша поездка в Москву, о которой мы писали в прошлый раз, увенчалась успехом - у нас появились новые друзья, готовые поддержать наш проект на его пути. Но запись не об этом.
Сегодня, в качестве извинения за очередную задержку, мы хотим показать вам конечный вариант дизайна на примере профиля моей супруги - Яны.

Встречаем!
b_5372127ca208d.jpg
Общая идея

Изначально, когда мы разрабатывали концепцию дизайна, перед нами стояла задача : оригинальность решения, отличающая наш проект от других социальных сетей, но при этом удобство, интуитивно понятный интерфейс. Задача не из легких. Усложнялось все тем , что в силу специфики предполагаемой аудитории, элементы дизайна должны быть достаточно крупные, но при этом вписываться в концепцию. Потому частично были заимствованы идеи стиля Metro, за что мы выражаем благодарность корпорации Microsoft.
Плиточный дизайн смотрится современно, а работать с таким сайтом достаточно просто даже новичку.

Пробежимся по функционалу и элементам управления.

Левое меню, на наш взгляд, получилось на "отлично" - простые, запоминающиеся иконки, гармонирующие с остальным дизайном, оставляют приятное впечатление и смотрятся стильно (кнопка "друзья" находится в состоянии наведения курсора мыши). Схожее решение использовалось на Google+ и произвело на нас впечатление.
Блок информации о пользователе для удобства и компактности разбит на вкладки (вкладка "Интересы" - наведен курсор мыши), работающие на основе технологии Ajax. Если говорить о российских социальных сетях, то нам никогда не нравилась "простыня" на странице пользователя ВКонтакте, как и неудачная попытка решить эту, на наш взгляд, проблему (спойлер).
Блоки, находящиеся под информацией, тоже присутствуют неспроста - в первом выводятся последние записи пользователя в дневнике, а вот на втором остановимся подробнее. Сервис "Услуги" - доска объявлений, где пользователи могут рассказать о своих навыках, условиях работы и ценах на услуги. Упрощенная фриланс биржа. Все мы знаем, как сложно инвалиду найти хорошую работу, а "кушать хочется всегда". И если он, находясь в поиске работы, умеет ремонтировать компьютеры - почему бы не подзаработать на этом? Услуги разбиты на множество категорий, от ремонта бытовой техники до дизайна интерьеров, от установки ПО до написания музыки - абсолютно каждый найдет для себя соответствующую рубрику. Но вернемся к блоку на профиле. Работает он так же, как и соседний блок дневника - выводит последние услуги, добавленные пользователем. Таким образом, размещая этот блок в столь видном месте, мы хотим сразу же, при первом посещении страницы, привлечь внимание посетителя - потенциального клиента - к навыкам человека. Продумывая структуру профиля мы хотели чтобы она была максимально информативной, показывающей далеко не только видео и фото, загруженные пользователем. И считаем, что у нас получилось.

А теперь внимание - фишка!

Фотография, находящаяся справа от аватара пользователя, отнюдь не является обычным User Cover.
Это - слайдер из последних загруженных пользователем фотографий. Между собой мы называем его Photo Timeline. Кстати, о таймлайне, придуманном умельцами из Facebook - вещь, несомненно, интересная, но на наш взгляд не рассчитанная на русский менталитет. Мы отказались от идеи использовать такой подход в организации пользовательского контента, сделав выбор в пользу классической "стены", а взамен Хронике разработали слайдер, являющейся по сути иллюстрированным путеводителем по последним событиям в жизни пользователя. На скриншоте профиля, который мы представили в этой записи, показано, как выглядит слайдер при наведении курсора - плавно появляются стрелки навигации по бокам и информационная прозрачная панель, дающая краткую информацию о просматриваемой фотографии. Точно такая же панель появляется и при наведении курсора на фотоальбом.

Просьба к читателям

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

С уважением, команда СредиСвоих.

+1
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.