Дизайн интерфейсов для системы online обучения

Ссылка на конкурс

Бюджет: 30 000

Здравствуйте уважаемые дизайнеры,

Приглашаем вас принять участие в творческом конкурсе на разработку графического дизайна интерфейса веб-приложения. Веб-приложение представляет собой систему online обучения.

Основные пожелания:
- Оригинальность
- Легкость и креативность дизайна
- Отсутствие flash-элементов
- Удобство пользования

Необходимо учесть:
- Описание в приложении
- CMS сайта Joomla
- Разрешение 1024
- Разрабатывать макет всей страницы
- Хотелось бы видеть в макете шаблона вместо шапки верхнее меню, логотип и название. Пример www.knewton.com/gmat/

Критерии выбора:
- творческий подход
- динамичность + юзабилити

Необходимо представить: макет страницы Syllabus (пункт 1 в прилагаемом брифе).

Более подробное описание смотрите в приложении.

Опубликован 12.11.2010 в 02:51 Последнее изменение: 13.11.2010 в 23:04

Посмотреть другие конкурсы

Конкурсные работы

Свернуть все ветки комментариев (3)

Максим Гусаков

12.11.2010 | 03:48

+
- Ссылка
Ольга Саенко

12.11.2010 | 04:03

+
- Ссылка
Игорь Сидорук

12.11.2010 | 09:37

+
- Ссылка
Дима С

12.11.2010 | 11:03

+
- Ссылка
Darya Ilatovskaya

12.11.2010 | 11:46

+
- Ссылка
sergio justjust

12.11.2010 | 11:52 обновлено: 01.12 2010 | 19:51

В правой колонке модули переключаються закладками, это придаст динамичности.
Если не понравилось – сделаю, как в прототипе.
также пишите замечания/пожелания – постараюсь довести "до ума".
- Добавлено 30.11.2010 в 17:45
- Добавлено 01.12.2010 в 19:50
- Добавлено 01.12.2010 в 19:50
- Добавлено 01.12.2010 в 19:51
- Ссылка
- Свернуть ветку (1)
- sergio justjust
  
  01.12.2010 | 19:53
  чуть поиграл с оттенками, форматом меню, также предложил стандартний вариант правой колонки с возможностью сворачивания блоков.
  
  чуть поиграл с оттенками, форматом меню, также предложил стандартний вариант правой колонки с возможностью сворачивания блоков.
  
  Ссылка
Наталия Турович

12.11.2010 | 13:23

+
- Ссылка
Тоня Васильева

12.11.2010 | 14:57 обновлено: 29.11 2010 | 18:27

Добрый вечер, Роман!
Предлагаю свой набросок. Если стиль понравился – детали, разумеется, можно будет проработать.
С уважением, Антонина.
- Добавлено 29.11.2010 в 18:27
- Ссылка
Ostap Shtai

12.11.2010 | 15:31

+ я так понял дизайн должен быть в западном стиле
- Ссылка
- Свернуть ветку (1)
- Роман Кор
  
  13.11.2010 | 23:05
  Да вы правы. Дизайн нужно разрабатывать в западном стиле. Так как сервис ориентирован на запад.
  
  Да вы правы. Дизайн нужно разрабатывать в западном стиле. Так как сервис ориентирован на запад.
  
  Ссылка
Дмитрий Березовский

12.11.2010 | 17:28 обновлено: 02.12 2010 | 04:33

+
- Добавлено 27.11.2010 в 16:06
- Добавлено 02.12.2010 в 04:33
- Ссылка
Артем Захаров

12.11.2010 | 18:05

+
- Ссылка
Иван Смирнов

13.11.2010 | 02:41

+
- Ссылка
Антон Кораблев

13.11.2010 | 11:58

=)
- Ссылка
Рома Ша

14.11.2010 | 01:28

ММмм.. Интерфейс!
- Ссылка
Платон Осененко

14.11.2010 | 09:44

+
- Ссылка
Владимир Осадчий

14.11.2010 | 18:47

+
- Ссылка
Leonid L

15.11.2010 | 18:29 обновлено: 16.11 2010 | 21:47

Здравствуйте, Роман!

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

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

1. Разбить страницу на блоки. Каждый блок – конкретное назначение (навигация, материалы и т.п.). Такая структура позволит расширять страницу и сделает ее логичной

2. Улучшения должны быть не только общего порядка (убираем визуальный шум, делаем логичную навигацию), но и в мелочах.

Например для видео можно предусмотреть специальный лекционный режим. При нажатии на ссылку «Lecture mode» — экран затеняется выделяя видео на передний план. Ничего не мешает от просмотра, проще сосредоточиться.

Не совсем понятна навигация по страницам (от 1 до 13). Ее можно заменить кнопками вперед/назад т.к. страниц не много (может просто я путаю и это не страницы совсем). Или еще лучше показывать сразу все материалы на странице, точнее их анонсы. Если материалов много их лучше загружать частями (нижняя ссылка +5 session material). Нажали на ссылку – подгрузились еще 5 анонсов материалов — плюсы решения в том, что не придется переходить между страницами, к материалам легко вернуться.

Пользователям стоит давать возможность заносить выбранные материалы в избранное (звездочка). Если я плохо знаю материал или хочу его выделить особо — нажал на иконку и материал сохранился в личном кабинете или просто отметился на странице.

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

Хотелось бы услышать ваши комментарии. Понимаю, что вы наверное хотите видеть более доработанный вариант, но нужно ли городить красивые кнопки, если они не несут за собой никакого смысла?
- Добавлено 16.11.2010 в 21:47
- Ссылка
Cool Lune

15.11.2010 | 22:13

*
- Ссылка
Евгений Жакот

16.11.2010 | 19:06

+
- Ссылка
Никита Банных

18.11.2010 | 23:42

+
- Ссылка
Борис -

21.11.2010 | 13:22 обновлено: 02.12 2010 | 22:58

+
- Добавлено 02.12.2010 в 22:58
- Ссылка
- Свернуть ветку (1)
- Борис -
  
  02.12.2010 | 23:03 обновлено 02.12.2010 | 23:04
  Собственно мой вариант.
  Сроки поджимают, поэтому до конца не доделал,.. еще много над чем хотел поработать,
  (возможно, стоит убрать синюю полосу в шапке, доработать детали и нюансы дизайна, )..
  ..но общий стиль просматривается и для отбора на конкурсной основе работа думаю готова :)
  
  Пока интересно общее мнение и Ваши комментарии Роман.
  
  Собственно мой вариант.
  Сроки поджимают, поэтому до конца не доделал,.. еще много над чем хотел поработать,
  (возможно, стоит убрать синюю полосу в шапке, доработать детали и нюансы дизайна, )..
  ..но общий стиль просматривается и для отбора на конкурсной основе работа думаю готова :)
  
  Пока интересно общее мнение и Ваши комментарии Роман.
  
  Ссылка
Kosun Takami

22.11.2010 | 02:31

Приму участие. Уже работаю над макетом.
- Ссылка
Catherine Zhukova

27.11.2010 | 17:29 обновлено: 02.12 2010 | 01:01
- Добавлено 27.11.2010 в 17:29
- Добавлено 02.12.2010 в 01:01
- Ссылка
KT itsmee

29.11.2010 | 11:05

...
- Ссылка

Дизайн интерфейсов для системы online обучения

Конкурсные работы

Теги: резюме дизайнера, лучшие дизайны сайтов, сделать дизайн сайта, создать дизайн сайта, нужен веб дизайнер, требуется веб дизайнер, ищу дизайнера сайтов