Art Z. Огромное спасибо ВСЕМ, кто принимал участие! Все ваши варианты очень помогли, но по правилам нужно выбрать только один. Я выбрал #30. Приз “зрительских симпатий” достается #12 + #17

GoDesigner Друзья, выбран победитель. Им стал #30. Мы поздравляем автора решения и благодарим всех за участие. Если ваша идея не выиграла в этот раз, то, возможно, в следующий вам повезет больше — все права сохраняются за вами, и вы можете адаптировать идею для участия в другом питче!
Подробнее читайте тут: http://godesigner.ru/answers/view/51

GoDesigner @Art Z., срок питча подошел к концу! Дизайнеры больше не могут предлагать решения и оставлять комментарии! Настал момент анонсировать победителя. У вас есть 4 дня на выбор лучшего решения. Выбрав лучшее, вы получите возможность внесения поправок и время на получение исходников.

Art Z. #20, Спасибо, хорошо, что теги(кейворды) сверху. Наконец-то! Теперь о том, что плохо: 1) Если расписание длинное, то под “автором” возникает дыра 2) Дизайн этой страницы должен четко отвечать на вопросы Что Когда и Где. В вашем исполнении четким получился ответ только на первый вопрос. 3) блок “поделиться” нужно скромнее - он как-то замусоривает. 4) Блок отзывов тоже хочется увидеть 5) “Загнутый уголок” - если не сможете доказать, что он нужен, то лучше “разогнуть” 6) кнопка “записаться” должна быть заметнее остальных - see http://boagworld.com/design/10-techniques-for-an-effective-call-to-action/ Я бы ее в первый блок поместил. 7) Кнопка “оценить” вызывает сомнения - ее можно пока не рисовать (пока студент не прошел курс уж точно) 8) Размеры элементов управления вроде маловаты даже для айпэда, а вот тут в самый раз - http://www.hermitagemuseum.org/wps/portal/hermitage/learn/?lng=en 9) Просмотрите, пожалуйста комментарии и пожелания, которые я оставлял другим участникам - некоторые относятся и к вашему решению Спасибо.

Art Z. Просьба ко всем: вместо "красивой" картинки используйте серое НИЧТО - картинка не есть часть дизайна - она отвлекает и вас и меня. Спасибо!

Art Z. #18, Спасибо! В этом варианте мне нравится общая аккуратность в стиле и лофт-овость (если так можно выразиться). Вот, что хотелось бы улучшить: 1) Преподаватель-личность важнее, чем материалы для скачивания. Я бы как-то поменял эти блоки местами. Думаю, материалы для скачивания - вообще самый незначительный элемент на этой странице (но, возможно, я и ошибаюсь). Кроме того, преподаватели сливаются с комментаторами, (да, это по-своему логично - все аватары в одном месте) но почему-то преподавателям хочется больше “чести” придать. 2) Мне всегда и везде чисто эстетически нравилась диагональная штриховка (та, что у вас в блоках), но тут она, на мой взгляд, дает ощущения а) макетной недоделанности и b) серьезности в плохом смысле этого слова - учиться должно быть легко (только Бога ради, не нужно веселенькости). 3) Насчет шрифтов с вами не согласен (Verdana как-то дежурно) - шрифт загружается 1 раз и кешируется (особенно, если он загружается с какого-то общего ресурса типа google web fonts) - с типографикой можно и нужно работать. 4) Хочется акцентировать теги/ключевые слова - если у студента будет чувство, что он может получить что-то конкретное, то, по моему мнению, он будет целеустремленнее. 5) Если вы не против, давайте попробуем заменить кирпичный цвет (охра красная?) на …. я даже не знаю … на такой цвет, который вселяет надежду 6) Подумайте, плиз, что будет происходить с вашим дизайном при а) отсутствии картинки/видео, b) на широком эране, c) на узком экране, d) отсутствии материалов для скачивания и тп --- наскольно он "гибкий" За заголовок (меню верхнего уровня) спасибо, но я специально не включал его в задание, чтобы он не отвлекал ни вас, ни меня =). К тому же, у нас пока нет окончательного решения о том, что в нем будет. Cheers!

Art Z. https://www.codeschool.com/courses/rails-for-zombies-2

Art Z. #14, Спасибо, к этому варианту уже очень трудно придраться. Он хороший. Если будет желание над ним еще поработать, то вот, что можно попробовать: a) Черный текст заголовков заменить на цветной темносерый и попробовать другой шрифт b) Кнопку "комментировать" заменить на поле ввода текста или сделать скромнее, можно линкой; к комментариям добавть кнопку/линку/иконку "ответить" с) поменять местами левый столбец с правым (чтобы автор был слева от текста описаня) ___ Но, еще раз: этот вариант я считаю хорошим и законченным. Если будет творческий порыв, то лучше сфокусируйтесь на совершенно другом варианте (вдруг он выйдет еще круче)

Art Z. #16, Добрый день! Спасибо за решение. Меня смущает только то, что картинка может быть любой (даже видео) - ее загружает автор, как я уже писал. Отсюда вывод: на светлом фоне название пропадет. Конечно, не проблема вычислить средний цвет картинки и динамически подобрать css, но зачем все так усложнять?

Art Z. Только что родилась идея: написать "ближайшая лекция через 14:45:12" ... и чтобы тикало.

Art Z. #12, Спасибо! Очень нравится и общая концепция и шрифты и вообще - все. Не могу не придраться: 0) Дизайн отдает вечностью - возникает чувство, что этот курс был всегда и будет всегда. То ли из-за симметрии, которая придает статичности, то ли из за этого космического синего. Я боюсь, что у студента не возникнет желания записаться “прямо сейчас”, ибо впереди вечность. С эстетической точки зрения, мне очень нравится, но с коммерческой - есть вопросы. Может быть, счетчик записавшихся стоит перенести в этикетку, чтобы показать, что что-то происходит? 1) синий супер блок (назовем его - этикетка) - хорошая идея кратко собрать то, что относится к курсу. Но! Категория - это не часть курса. Курс - часть категории. Поэтому, мне хочется этот “путь” вынести за пределы этикетки. 2) очень нравится то, что личность преподавателя выделена, но их может быть несколько. Даже если одного из них считать “главным”, то как отображать остальных - пока вопрос. 6) думаю, кнопка “об авторе” не нужна - можно нажать ему прямо на лицо (сорри, автор) 4) Хочется видеть, кто именно записался. Может, хоть несколько аватаров друзей отобразить? 3) Заголовок “описание курса” можно убрать. И так ясно, что текст ниже - и есть описание курса, можно не уточнять; 5) Непривычно видеть центрированный текст. В общем случае, это будет rich text с “авторским” форматированием - там могут быть буллеты и заголовки. 7) давайте покрасим социальные кнопки в какой-нибудь невзрачный цвет - пусть гугл сам себя рекламирует. 8) Блок “похожие курсы” прекрасен. Однако, мне кажется, что название курса важнее его дат, а у вас получается наоборот - даты заголовкообразны, возможно, это и не плохо. Спасибо!

Art Z. #10, Я очень рад, что вы внимательно подошли к требованиям и к проработке всех сценариев - это именно то, чего я ожидал. Спасибо! Есть критика по визуальной части: 1) Фон. Во-первых, у него нет функции, но при этом он занимает весомую часть площади экрана. Если хотите его оставить, то попробуйте сделать его менее контрастным и при этом монохромным (не уверен, возможно ли это средствами CSS) 2) стоимость не настолько важна, чтобы ее делать столь крупной. (имхо) 3) карта - это очень хорошая идея и она обязательно будет, но не в первой версии, - нужно себя как-то ограничивать =) 4) с рейтингом - беда. Я не знаю, что будет происходить по нажатию на линку “выставить рейтинг”. Вторая беда - наверное, нужно еще отображать рейтинг, который дал я (юзер). Кое-как эта проблема решена, к примеру, вот тут - http://allmusic.com/album/ferndorf-mw0000798548 - там отображаются аж 3 рейтинга. Это, конечно, пугает, но других идей пока нет. Еще мне там нравится, что длинное описание можно раскрыть. 5) цвет кнопок какой-то .. зимне-вконтактовский. 6) головной убор, состоящий из квадратной горизонтальной доски, закреплённой на ермолке, и прикреплённой к её центру кисточки не нужен. Мы собираемся конкурировать с “классическим” образованием, а не подражать. 7) много цветов одновременно - голубой, серо-синий, красный, оранжевый, желтый. Что “кодирует” каждый конкретный цвет? 8) несколько смущает разностильность угловатости - в бредкрамбах углы острые, у панели они круглые. Некоторые иконки круглые, другие квадратные, третьи со сглаженными углами. 9) попробуйте сделать ссылки на разделы с иконкой “стрелка вниз”, чтобы пользователю было понятно, что, кликнув, он не уйдет со страницы. Еще раз, спасибо! Мне кажется, вы на верном пути. PS Да, вы правильно поняли, что обложка заггружается пользователем. В лучшем случае, она лишь пройдет модерацию дизайнера, но рассчитывать на ее красоту не стоит. Кстати, это может быть и видео, так что помеместить его в фон будет еще сложнее.

Art Z. еще пример того, что нравится - https://dribbble.com/shots/1651581-Coursera-Redesign/attachments/259287

Art Z. #9, 1) нравится воздушность и шрифт 2) название курса может быть произвольной длинны, - если оно длинное, то зеленый прямоугольник станет неприятно огромным. 3) названия дней могут быть короче и графичнее. см #1 4) рейтинг, хоть и симпатичный, но не похож на рейтинг - можно подумать, что он отражает полноценность преподавателя. 5) личность преподавателя все же важна - думаю, его/ее нужно рисовать слева от описания курса 6) что будет, если картинки/видео не будет? - ее загружает пользователь, она может быть любых разумных пропорций. 7) заголовок "о курсе" излишен, а серде рядом с ним не хочется нажать Пожалуйста, обратите внимение на те комметрари, которые я уже давал. Спасибо!

Art Z. #5, Cпасибо! комментарии: 1) я прикрепил к брифу свой вариант оформления дат, если найдете его приемлимым, то ... сами знаете, что делать =) 2) давайте уберем слова "информ. о рейтинге" - можно заменить на знак вопросика. 3) думаю, линку "выставить рейтиг" тоже можно попробовать убрать - клик по звездочкам будет выставлять рейтинг, но не уверен, нужно думать о юзабилити 4) О "ключевых словах". Идея была в том (я ее не описывал еще), что пройдя курс, студент получает конкретные навыки (как скилы в linkedIn). Собственно, даже рабочее название сервиса - skill2peer. То есть, скилл - награда ученику, как бейдж, как медаль. 5) надпись "авторизуйтесь ..." лишняя - при попытке комментировать будет предложено авторизоваться (как везде) 6) идея с врезкой "цитаты" понравилась и 7) "текстильные" принты вместо пустоты тоже, но боюсь, их придется как-то отдельно и серьезно дизайнировать

Art Z. #8, Cпасибо, уже заметно лучше. 1) Заголовку очень тесно 2) кнопку "записаться" я нашел не сразу. Я - правша (и очень многие - тоже), когда я держу ipad в руках, то главная кнопка должна быть под моим большим пальцем. Кроме того, направо == впреред (в неарабских культурах), а когда кнопка слева, то есть какое-то чувство, что нажав ее, я иду назад. 3) социальные кнопки (f tw g+) засоряют, их бы вниз куда-нибудь 4) я все еще не понимаю, как этот лэйаут будет вести себя на узких дисплеях (на мобильных штуковинах) 5) хочется избавиться от надписей "расписание", "теги" и "справочные материалы" - эти блоки должны быть выполнены так, чтобы подпись не требовалась - расписание должно быть _похоже_ на расписание, а теги на теги. Посмотрите на #5 - там совершенно не требуется подпись "расписание", - и так ясно, что это ОНО. 6) к описанию питча я добавил png - вариант того, как можно отобразить даты. 7) градиентам отказать, сорри. 8) сочетание блока преподавателя и описания хорошее - понятно, что между ними некая связь.

GoDesigner Друзья, в брифе возникли изменения, и мы убедительно просим вас с ними ознакомиться.

Art Z. #2, Спасибо! Сначала критика вашего решения: 1) Нет харизмы (стиля, если угодно). На эту страницу можно поставить совершенно любой логотип и будет окей. 2) если описание курса будет коротким, а описание преподавателя(лей) длинным, то слева возникает неприятная белая пустота. 3) не понятно, как будет вести себя этот layout на узких экранах 4) слабые композиционные акценты: не очевидно, что главное, а что - подчиненное. 5) даты (25-29) скучны. Число может быть огомно-заметным, а название месяца скромно-уточняющим (имхо, в большинстве случаев название месяца будет совпадать с текущим) 5) отделяющая side panel тень технологически ограничивает высоту блоков. 6) черный Arial bold (в заголовке) напоминает о MS Word и безликой секретарше, которую попросили “разместить объяву” Теперь о плюсах: Очень здорово, что в качестве примера темы курса вы выбрали именно астрофизику. Мы рассчитываем на то, что именно такие темы будут публиковаться на нашем сайте.

Art Z. #1, Совсем упустил из виду: там же еще блок отзывов/комментариев должен быть (социальность - наше все) И еще нужно отобразить, что уже записалось 25 человек-друзей - Записаные друзья (в теории) мотивируют записаться - вместе веселее. и еще такой момент: фото/видео в шапке может и не быть (тк его пользователь загружает) - если будет время/желание, то попробуйте и такой вариант предусмотреть.

Art Z. #1, Спасибо, мне очень нравится! Пара капризов: a) как вы считаете, имеет ли смысл поместить кнопку "в избранное" (только сердечко) между ценой и кнопкой "записаться"? Или же она там отвлечет пользователя от самой важной кнопки "записаться"? b) хочется еще сильнее выделить кнопку "записаться" с) если вы еще будете как-то прорабатывать это решение, то попробуйте как-то подчеркнуть, что _именно_ ученик получит, пройдя этот курс: он получит скилы, бейджи, знакомства, карму и проч. d) попробуйте, если не сложно, где-то добавить цвет. Мне очень нравится идея цветового кодирования - цвет может соответствовать либо категории курса либо статусу (курс окончен, курс пройден, предварительная запись или тп) Повторю: то что есть на данный момент мне уже нравится Спасибо!

GoDesigner Друзья, в брифе возникли изменения, и мы убедительно просим вас с ними ознакомиться.

GoDesigner Друзья, в брифе возникли изменения, и мы убедительно просим вас с ними ознакомиться.

GoDesigner Друзья, в брифе возникли изменения, и мы убедительно просим вас с ними ознакомиться.