web-дизайн интерфейса сервиса телефонных конференций

при работе использованы программы векторной графики Corel Draw, Afobe Illustrator, + Photoshop, программа создания прототипов страниц Figma

Описание задачи для дизайнера интерфейса в редакции клиента: есть страница, с которой клиент сервиса может вести свой митинг (по сути аккаунт). Там вся информация о пользователе, о доступах в митинг и т. д. Ее можно кастомизировать, но настройки там очень убогие, а большинство настроек вообще на отдельной стр. 

Дизайн интерфейса ЛК конференций. Состояние на время начала работы 

Дизайн интерфейса ЛК конференций. Состояние на время начала работы

Нужно придумать, как это переделать. Чтобы была структура именно интерфейса, чтобы все настройки были в одном месте, ну и чтобы красиво было. Если будешь делать в фигме, было бы круто, если бы ты создал небольшую библиотеку символов для этого “проекта”, чтобы разработчикам показать, как с этим можно работать. Если по скриншотам не понятно, вот сам сайт: https://www.freeconferencecall.com. В нем можно создать тестовый аккаунт и получить тем доступ в личный кабинет… 

Дизайн интерфейса настроек конференций. Состояние на время начала работы

Дизайн пользовательских web интерфейсов настроек конференций. Состояние на время начала работы 

Мои комментарии дизайнера, замечания в ходе работы:

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

Предложил бы сделать для дизайна web интерфейса приложения разграничение видимости отдельных опций на уровне прав пользователей... (т.е. посетители будут видеть только профиль пользователя и возможность его добавить себе в контакты, плюс архив проведенных пользователем конференций - тех, к кому он открыл доступ, а пользователь же - уже войдя на свою страничку под своим логином будет видеть сразу свой профиль в режиме редактирования и те блоки, которые показывают его активность, размер баланса, возможность создавать новые совещания и пр... - так, как на картинке, что высылаю... ) можно добавить ссылки на соц. страницы автора профиля, возможность чата, предварительной связи с ним.. много что еще можно придумать помимо того, что увидел на сайте..

Дизайн интерфейса ЛК конференций. Решение, предлагаемое дизайнером проекта

Дизайн интерфейса ЛК конференций. Решение, предлагаемое дизайнером проекта 

Многие функции не стоит вешать на кнопки, лучше, имхо, по умолчании определить действия при переходе туда /сюда :) Если уж хочется иметь все на одной странице, можно также сделать оформление отдельных блоков в скрытый текст – т.е. полное описание содержащихся в блоке настроек будет по мере надобности пользователем открываться /закрываться по мере необходимости… Только хочу напомнить, что несмотря на уверения, не все поисковики скрытые окна любят… те. это не тесть хорошо для структуры страницы сайта. Как вариант можно организовать структуру в виде табов – открывающихся закладок…

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

сделал эскизно  дизайн web интерфейса... отправлю на почту.. есть еще простор для поработать, но основное, требуемое ТЗ вроде отобразил :) Делал в figma, но посылаю картинку.. бо я на Вас вроде пока и не работаю :) для демонстрации возможностей вроде достаточно, а дальше - переговоры..

Пока идут переговоры с клиентом для уточнения бюджета и состава задачи, выкладываю на своем сайте на правах предпроекта как пример решения автором именно дизайна интерфейса…


Просмотров: