Заказ закрыт
Наброски интерфейса информационного киоска.

Бюджет: 47 000 руб
Победители конкурса
2 место: Al­bert Kay
Объявляется конкурс на лучшую идею по реализации интерфейса информационного киоска. Описание киоска и требования ищите во вложениях. 



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



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



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



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



Первое место: 35 000 рублей

Второе место: 7 000 рублей

Третье место: 5 000 рублей

Оплата через Яндекс.Деньги, либо на карту.



Также одному из победителей будет предложена работа на проекте для доведения своей идеи до готового дизайна. 



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



UPD: Конкурс продлен, чтобы все участники успели доделать свои работы.
Опубликован 03.10.2013 в 05:52 Последнее изменение: 07.10.2013 в 23:44

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

  • Сергей Немеров  

    03.10.2013 | 06:13 обновлено: 03.10 2013 | 10:27
    Мой вариант с экранами и описанием во вложении. Картинки всех экранов высокого качества в png – по вашему запросу.
    • Добавлено 03.10.2013 в 10:27
      f_779524d0e1406d5c.pdf
      pdf 964.29 Кб  
    • Олег Рaдул   

      03.10.2013 | 15:05  

      Спасибо! Идея с хваталкой неплоха, но графический уровень работы слабоват.

      • Сергей Немеров   

        03.10.2013 | 15:15  

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

  • Eugene Guroff  

    03.10.2013 | 08:51
    +
  • Борис Куликов  

    03.10.2013 | 10:03 обновлено: 05.10 2013 | 22:04
    +

    Мой вариант подразумевает динамику интерфейса. 

    С облаков спускаются изображения в кругах, немного побалтываются естественным характером.

    Предполагается листать экраны вправо-влево.

    Можно придать вращения по вертикальной оси, при выборе конкретного пункта. 



    Жду комментариев.
    • Добавлено 05.10.2013 в 22:04
      f_778525053d5b2743.pdf
      pdf 1.45 Мб  
    • Олег Рaдул   

      10.10.2013 | 11:39  

      Спасибо! 

      Неплохой вариант. 

      Извините что сразу не откомментировал, не обратил внимание на pdf ...

      • Борис Куликов   

        10.10.2013 | 12:05  

        Ок, спасибо! Надеюсь не понятных моментов не осталось? Могу доп. прокомментить

  • Антон Чурин  

    03.10.2013 | 14:21
    +
  • Сергей cheluskin  

    03.10.2013 | 15:01 обновлено: 03.10 2013 | 17:32
    Я не дизайнер, поэтому даже не буду пытаться визуализировать идею в графике, но идея у меня есть и при необходимости я смогу воплотить её в жизнь в качестве реального интерфейса киоска. 



    1. Вы правильно акцентировали внимание на важности привлечения взгляда проходящего мимо клиента. Я предлагаю использовать модель itunes coverflow. Как это выглядит можно увидеть в прикреплённом изображении. Когда эта конструкция постоянно находится в движении от неё трудно оторвать взгляд. Если правильно использовать современные 3D возможности js это будет очень плавно и зрелищно.  

    2. Слева – снизу большая кнопка "смотреть каталог". По вызову которой, появляется плиточный интерфейс в стиле win 8 с основными категориями. Каждая плитка представляет из себя миниатюрный видеоролик, демонстрирующий один из товаров категории. Фишка в том что все скажем 15 видеороликов запущены одновременно. Название категории сделано поверх видеоролика чётким, хорошо читаемым шрифтом. Сразу могу сказать что технически это возможно, хотя накладывает определённые требования на железо. 

    • Добавлено 03.10.2013 в 17:31
      Наброски интерфейса информационного киоска. - фото 1
    • Олег Рaдул   

      03.10.2013 | 18:19  

      Спасибо за идею, но на данный проект нам нужен дизайнер и креативщик в одном лице.

      Поэтому и ждем от участников конкурса интересные идеи, презентованные в виде красового графического макета.

  • Albert Kay  

    03.10.2013 | 16:12 обновлено: 07.10 2013 | 12:46
    Здравствуйте.



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



    abo-design.pro/projects/p...



    Над графикой, конечно, можно поработать, но суть, я думаю, будет ясна.
    • Albert Kay   

      04.10.2013 | 00:43  

      Здравствуйте.



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



      Спасибо.

      • Олег Рaдул   

        04.10.2013 | 00:55  

        Хороший вопрос. 

        Фантазию не ограничиваем.

        • Albert Kay   

          04.10.2013 | 00:57  

          Благодарю за оперативный ответ.

        • Albert Kay   

          07.10.2013 | 17:49  

          Будут какие-либо комментарии, или может быть пожелания по варианту.



          На случай, если вы его не заметили abo-design.pro/projects/p...

          • Олег Рaдул   

            07.10.2013 | 17:58  

            О! 

            Теперь увидел. 

            Спасибо! 

            Интересная работа.

    • Ольга Затеева   

      10.10.2013 | 23:30  

      +

  • Iuliana Maxim  

    03.10.2013 | 19:11
    +
  • Type Lab  

    03.10.2013 | 19:15
    +
  • Илья Гребень  

    03.10.2013 | 20:20 обновлено: 10.10 2013 | 23:30
    PDF что-то не приклеивается.. Но думаю у него не останется выбора, когда я на него надавлю. 

    изменил грустные кнопки и мрачный интерфейс на более яркий и ориентированный на детей. На робота просто не хватило времени, но ему можно тоже приделать одну – две лампочки. Опять же кнопка лишь пример, видоизменять, менять цвета и положение чего-либо в ней можно как угодно. Но как по мне, так она и так классная.
    • Добавлено 07.10.2013 в 05:33
      Наброски интерфейса информационного киоска. - фото 2
    • Добавлено 07.10.2013 в 22:41
      Наброски интерфейса информационного киоска. - фото 3
    • Добавлено 07.10.2013 в 23:20
      Наброски интерфейса информационного киоска. - фото 4
    • Добавлено 07.10.2013 в 23:27
      f_92352530b3261685.pdf
      pdf 112.81 Кб  
    • Добавлено 10.10.2013 в 23:30
      Наброски интерфейса информационного киоска. - фото 5
    • Олег Рaдул   

      07.10.2013 | 17:43  

      Спасибо! 

      Очень качественный вариант! 

      Есть две просьбы/вопроса: 

      1) Можно ли все-таки чуть поярче? Ваш вариант безусловно приятен на вид, но у нас есть конкретная цветовая гамма, и она достаточно яркая ... 

      2) Можно ли попросить вас немного привязаться к конкретике (товарные категории, например), посмотреть как это могло бы выглядеть.

      • Илья Гребень   

        07.10.2013 | 17:53  

        Рад, что вам понравилось. Я учту ваши пожелания и очень постараюсь успеть до окончания конкурса.

  • Андрей Чурилин  

    03.10.2013 | 20:31
    +
  • Виталий Пирс  

    03.10.2013 | 23:12
    +
  • Anton Davidoff  

    04.10.2013 | 00:50
    Возможна личная встреча в москве???
    • Олег Рaдул   

      04.10.2013 | 01:08 обновлено 04.10.2013 | 01:36

      Встреча возможна, если есть необходимость. 

       

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

       

      Если у вас есть предложения вне рамок конкурса – предлагайте.

  • Андрей Fisher  

    04.10.2013 | 10:58
    +
  • Вам нужна идея и прототип интерфейса или все же вы хотите получить финальный макет с полной отрисовкой интерфейса?) Если я все верно понял то конкурс именно на идею (хотя вы в комментариях часто пишите что графическая часть слабовата и вам не нравится) 



    Что будет после окончания конкурса? Полный дизайн проект за отдельную стоимость?
    • Олег Рaдул   

      04.10.2013 | 14:15 обновлено 04.10.2013 | 14:16

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

  • Дмитрий Зверев  

    04.10.2013 | 13:57 обновлено: 05.10 2013 | 17:03
    +
    • Добавлено 05.10.2013 в 17:03
      Наброски интерфейса информационного киоска. - фото 6
    • Добавлено 05.10.2013 в 17:03
      Наброски интерфейса информационного киоска. - фото 7
  • Евгений Денисенко  

    04.10.2013 | 14:13 обновлено: 07.10 2013 | 13:11
    Подправил каталог и нарисовал еще один экран приветствия, Птичка рисовалась в иллюстраторе.
    • Добавлено 07.10.2013 в 13:11
      Наброски интерфейса информационного киоска. - фото 8
    • Евгений Денисенко   

      04.10.2013 | 14:15  

      Разрешение 1980) У кого маленькие мониторы-могу залить вам)

      • Олег Рaдул   

        04.10.2013 | 14:21 обновлено 04.10.2013 | 14:22

        Спасибо за работу.  

        Листать ползунком – точно не наш вариант, у нас же тачкрин!

        • Евгений Денисенко   

          04.10.2013 | 14:35  

          Ну тогда можно стрелочки сделать Боковые)Вариантов много)

          • Олег Рaдул   

            04.10.2013 | 14:53  

            Посмотрите на любой смартфон с тачскрином. Вы не увидите там ни ползунков, ни стрелочек. 

            В целом, я ничего не имею против стрелочек, но тачскрины удобнее листать, смахивая пальцем. 

            Наша задача – дать понять пользователю, что там (справа, слева, или внизу) есть что-то еще, а он уже сам догадается листануть. 

            Люди, которые будут пользоваться киоском, наверняка давно уже пользуются каким-то смартфоном или планшетом. 

            Соответственно, если мы сделаем примерно как там, им это будет понятно и привычно.

  • Андрей Нико  

    04.10.2013 | 18:42
    +
  • Дмитрий DM  

    04.10.2013 | 20:48
    • Добавлено 04.10.2013 в 20:48
      Наброски интерфейса информационного киоска. - фото 9
  • Anna Butikova  

    04.10.2013 | 21:01
    +
  • Анастасия Платонова  

    04.10.2013 | 21:57 обновлено: 10.10 2013 | 11:39
    +у меня есть несколько идей по поводу тематики интерфейса.(постараюсь предоставить иллюстрированный план в ближайшее время, сейчас над ним работаю)



    Я вижу интерфейс ярким, сочные цвета и интересные формы.

    К примеру,можно в качестве основной концепции использовать птичек в виде twitter или игру angry birds(они сейчас очень популярны не только у детей, но и у молодежи)

    Разнообразные стрелочки для переходов, кнопочки,ярлычки...это понятно.Главное я думаю это яркость и внешняя привлекательность, т.е. яркая картинка, привлекающая внимание, похожая на ту же самую игру.Я описываю лишь те идеи, которые я сама хотела бы видеть в магазине на экране интерфейса.Фон предположительно будет выполнен в виде тетрадного листа в клетку, это будет имитировать бумажное издание..всем знакомо приятно глазу, удобно и можно наложить любой яркий рисунок в рукописном стиле.Кстати, о рукописном стиле.Любые стрелки и украшения интерфейса будут смотреться очень стильно в виде "нарисованных", на них будет интересно нажимать в тачскрине тем самым, пролистывая очередную страничку, анимация так же может сыграть огромную роль!К самой же анимации можно наложить звуки, если это будет возможно, например, листая странице на тачскрине звучит характерный звук "листания", при нажатии кнопок другой звук...в общем...в скором времени приложу все эскизы.Надеюсь понравиться)

    ______________________________ ______________________________ ___________________



    Итак, я добавила несколько вариантов.Концепция дизайна будет такой...яркие цвета, удобное использование, ну и максимум всяких "развлекух" и эффектов.

    К некоторым картинкам есть объяснения, к некоторым нет.Я скину в личку в удобоваримом виде, так как файл получился больше чем 2 мб. Надеюсь всё понятно.Если есть вопросы, то задавайте.Это не вся работа, это можно сказать наброски некоторых страниц.Так сказать, чтобы иметь представление о чем я говорила)
    • Добавлено 05.10.2013 в 21:05
      Наброски интерфейса информационного киоска. - фото 10
    • Добавлено 05.10.2013 в 21:05
      Наброски интерфейса информационного киоска. - фото 11
    • Добавлено 05.10.2013 в 21:05
      Наброски интерфейса информационного киоска. - фото 12
    • Добавлено 05.10.2013 в 21:52
      Наброски интерфейса информационного киоска. - фото 13
    • Добавлено 05.10.2013 в 22:10
      Наброски интерфейса информационного киоска. - фото 14
    • Добавлено 05.10.2013 в 22:10
      Наброски интерфейса информационного киоска. - фото 15
    • Добавлено 07.10.2013 в 15:36
      Наброски интерфейса информационного киоска. - фото 16
    • Добавлено 07.10.2013 в 16:53
      Наброски интерфейса информационного киоска. - фото 17
    • Добавлено 07.10.2013 в 18:36
      Наброски интерфейса информационного киоска. - фото 18
    • Добавлено 07.10.2013 в 18:55
      Наброски интерфейса информационного киоска. - фото 19
    • Добавлено 07.10.2013 в 20:06
      Наброски интерфейса информационного киоска. - фото 20
    • Добавлено 10.10.2013 в 11:39
      Наброски интерфейса информационного киоска. - фото 21
    • Олег Рaдул   

      05.10.2013 | 18:11 обновлено 05.10.2013 | 18:55

      Все перечисленные вами идеи вполне заслуживают того, чтобы быть воплощенными в виде макета. Отдельно хочу про анимацию и звуки сказать – да, конечно же, это очень важный элемент, играющий огромную роль!  

       

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

      • Олег Рaдул   

        07.10.2013 | 14:43  

        Спасибо за макеты!

        Направление крайне верное – максимальный интерактив. 

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

        • Анастасия Платонова   

          07.10.2013 | 14:57  

          Спасибо)

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

        • Анастасия Платонова   

          07.10.2013 | 20:07  

          Добавила новые материалы...немного другой интерфейс для поисковика.

          Может что-то из идей понравиться.

        • Анастасия Платонова   

          10.10.2013 | 11:40  

          Загрузила лист новой идеи.

          Она заключается в интерактивном помощнике и новых опциях выбора.

          Надеюсь понравиться.

  • Юрий Зинин  

    05.10.2013 | 09:59
    +

  • Денис Ежевика  

    05.10.2013 | 12:45 обновлено: 10.10 2013 | 17:02
    Итак. Работа на конкурс готова.

    Она включает в себя:



    I. Главную стилистическую тему:



    Я выбрал космо-робото тематику, выполненную в мультипликационном стиле.

    Это понравится и взрослым, и детям, мальчикам и девочкам (тайна третьей планеты, футурама)

    Приятные цвета, соотносятся с цветами задания. Допускаются как темная, так и светлая тема.



    II. Экраны:



    1) Главный idle экран, в котором будут

    • Полноэкранное видео

    • Видео на небольшом экранчике

    • Экспресс-приглашение для интерактивного теста по выбору подарка

    • Основной интерфейс – скрывается в верхней панели, содержащей категории и подкатегории подарков

    • Дополнительные детали вроде кнопки помощь



    2) Экран выбора товаров

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

    Уже здесь можно товар положить в корзину, если он понравился.

    Листать список нужно привычным для сенсорного интерфейса движением слайд.



    3) Детальная карточка товара

    Открывается при нажатии по маленькой карточке в списке товаров.

    Здесь скрыта вся важная информация о товаре, дополнительные картинки-фотографии, акции и наличие в продаже.

    Можно добавить в корзину. При закрытии попадаем на то место, откуда мы сюда попали.



    4) Экстра-экран Планетарий

    Может иногда включаться в idle режиме, чтобы привлечь покупателей.

    Красиво вращающиеся планеты очень нравятся и детям и взрослым. Нажатия по ним ведут в соответствующие категории товаров. Проводя рукой по экрану можно ускорить, замедлить и даже развернуть вращение планет. Это понравится даже очень маленьким детям.



    III. Эффекты



    Работа включает в себя flash-ролик, демонстрирующий эффекты смены экранов.

    denis-ejevika.ru/vendor/ 

    На небольшом экранчике будут играть ваши видео-ролики, различные акции.



    Кроме этого предполагается анимированный фон с мерцанием звезд, пролетающими нарисованными планетами и астероидами.

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



    Особым пунктом стоит использование Ключевого Персонажа.

    Макет допускает использование такого персонажа в роликах, картинках, заставках, idle режиме и проч.

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

    Если есть необходимость, он будет включен в интерфейс.



    P.S.

    Вся работа – стилистический и идейный макет, который будет развит до

    уникального и очень красивого детского робото-продавца, в случае моей победы. Спасибо!
    • Добавлено 07.10.2013 в 17:40
      Наброски интерфейса информационного киоска. - фото 22
    • Добавлено 07.10.2013 в 17:24
      Наброски интерфейса информационного киоска. - фото 23
    • Добавлено 07.10.2013 в 22:05
      Наброски интерфейса информационного киоска. - фото 24
    • Добавлено 07.10.2013 в 22:05
      Наброски интерфейса информационного киоска. - фото 25
    • Добавлено 07.10.2013 в 23:54
      Наброски интерфейса информационного киоска. - фото 26
    • Олег Рaдул   

      07.10.2013 | 17:38  

      С третим экраном концепция понятна и интересна. 

      По первым двум хочется больше жизни, больше движения и больше заманухи для режима ожидания.

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

      • Денис Ежевика   

        07.10.2013 | 17:52 обновлено 07.10.2013 | 22:20

        Олег Ра, второй экран это ваше видео на весь экран. Конечно никаких Валли и проч. Я предполагаю, что у вас есть свои заготовки. 

        Кроме такого вида(на полный экран) будет вариант с выдвижным монитором, на котором транслируется видеоролик. 

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

        Разумеется я Вижу все эффекты, но картинка не позволяет их показать вам. 

        Было бы чуть больше времени, я бы сам все заанимировал на флеше. 

        Кроме этого, я конечно улучшу все экраны. Надо понимать, что это часовые наброски без полировки.

    • Денис Ежевика   

      10.10.2013 | 12:33 обновлено 10.10.2013 | 12:35

      Добавил ролик 

      denis-ejevika.ru/vendor/

  • Степан Эндаков  

    05.10.2013 | 14:49 обновлено: 06.10 2013 | 08:25
    • Добавлено 06.10.2013 в 08:25
      Наброски интерфейса информационного киоска. - фото 27
  • Vladimir Vorfolomeev  

    05.10.2013 | 14:58 обновлено: 10.10 2013 | 20:00
    +
    • Добавлено 06.10.2013 в 12:25
      Наброски интерфейса информационного киоска. - фото 28
    • Добавлено 07.10.2013 в 20:42
      Наброски интерфейса информационного киоска. - фото 29
    • Добавлено 07.10.2013 в 20:42
      Наброски интерфейса информационного киоска. - фото 30
    • Добавлено 07.10.2013 в 20:42
      Наброски интерфейса информационного киоска. - фото 31
    • Добавлено 07.10.2013 в 20:44
      Наброски интерфейса информационного киоска. - фото 32
    • Добавлено 10.10.2013 в 20:00
      Наброски интерфейса информационного киоска. - фото 33
    • Vladimir Vorfolomeev   

      06.10.2013 | 00:22 обновлено 06.10.2013 | 01:33

      Здравствуйте Олег,   

         

      Предоставляю вариант стартового экрана приложения. Как Я думаю приложение будет писаться с использованием Windows Presentation Foundation и .NET Framework или Flash/Flex. У каждой платформы собственные возможности и это нужно учитывать при разработке дизайна и согласовании возможностей. Вообщем какие мои идеи насчет стартового экрана:   

         

      1) Отображать персонаж посередине с использованием 3D графики. Этот персонаж по замыслу должен быть живой и показывать какие либо фишки (приколы)  время от времени чтобы было интересно смотреть и подходить к терминалу не раз. Персонажей можно отображать не один и например каждый день какой-то новый показывать (если бюджет позволяет обновлять время от времени персонажей). Реализация этого элемента предоставляется не очень сложной. Если это WPF, то там можно это реализовать через XNA и анимириванный формат FBX, который поддерживают большинство 3D редакторов (Maya, 3D Max). Если Flash, то тоже есть движки, которые могут проигрывать такой формат 3D модели. Анимацию персонажей можно делать и в Daz Studio 3D или Poser.   

         

      2) Второй элемент этого экрана – основное меню. Здесь Я предлагаю использовать меню в простом стиле с иконками Metro (стиль Windows 8) с подстветкой. Если это будет Flash, можно при нажатии любого из пунктов меню добавить эффект касания воды.   

         

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

        

      4) Кнопки администратор или выход на данном макете не предусмотрено, и предлагаю здесь управление приложением делать через удаленный доступ (Интернет/Локальную сеть).  

        

      В результате интересный обновляемый персонаж (герой) с приколами и обновляемое видео с предпросмотром на стартовом экране будет привлекать не малую аудиторию. Если понравиться интерфейс, можно будет поговорить о реализации приложения для терминала на операционной системе Windows 7/8 на одной из вышеуказанных технологий.  Продолжение следует.

      • Олег Рaдул   

        07.10.2013 | 14:45  

        Спасибо! 

        Правильные мысли, достойный уровень проработки. 

        Немного не попадает, правда, в требуемую цветовую гамму.

        Сможете еще что-нибудь выдать?

        • Vladimir Vorfolomeev   

          07.10.2013 | 15:39  

          Изменить цвета не проблема. Сегодня выложу несколько вариантов с вашими ранее указанными цветами и еще один макет экрана.

          • Олег Рaдул   

            07.10.2013 | 15:47  

            Спасибо, буду ждать.

            • Vladimir Vorfolomeev   

              07.10.2013 | 23:15  

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

            • Vladimir Vorfolomeev   

              10.10.2013 | 20:40 обновлено 10.10.2013 | 23:36

              Начну с стартового экрана, так как появились некоторые мысли – о которых Вы должны знать. Анимационные персонажи в формате FBX имеют недостаток в том что этот формат содержит только основную информацию об "анимации" и создавать сложные анимации используя только FBX не предоставляется возможным. Такие эффекты как туман, надписи, сглаживание,свет и множество 3D объектов запихнуть в один FBX файл не получится. Решение есть, это представлять персонажей в виде прозрачного видео в формате FLV. Это сводиться к тому что всю анимацию персонажей нужно делать в Adobe After Effects, с помощью которого создаются большинство современных фильмов в мире. Как Я думаю Вы понимаете, что это не будет очень дешево для создания одного ролика с персонажем.

            • Vladimir Vorfolomeev   

              10.10.2013 | 20:40  

              Так как Вам понадобиться сразу два человека (а возможно и три) – модельер, аниматор и необязательно художник. Бывают конечно талантливые люди, которые могут работать сразу в трех направлениях на профессиональном уровне – но скажу это редкость. Создание моделей может достигать тысячи евро, хотя есть интернет магазины, где уже продают готовые модели. Стоимость их от 5 долларов. Я знаю магазины где продают от 5 до 100 долларов очень даже хорошие модели. Это частично может уменьшить стоимость. Создание анимаций в Adobe After Effects тоже является не дешевым и там нужно учитывать такой факт – что очень большие ролики, могут рендрится неделю если не больше на слабом железе.

            • Vladimir Vorfolomeev   

              10.10.2013 | 20:40 обновлено 10.10.2013 | 23:21

              Конечно сейчас уже появлись такие услуги от сторонних компаний как рендер ферма, которая позволяет разделить рендеринг анимации на множество серверов и рендерить в многопоточном режиме. Цена почти как аренда облачного сервера. Что насчет используемых технологий. Насчет Windows Presentation Foundation там сложно с этим, так как стандартный мультимидийный проигрывать не поддерживает прозрачное видео и в этом случае аниматор и программист приложения должны четко учитывать задний фон чтоб совпадал. Конечно возможно написать собственный видео-плеер для WPF, который будет поддерживать прозрачность – но там тоже будут свои "глюки" в плане поддержки всех операционных систем если использовать прозрачный Flash в WPF. С Flash нет проблем, так как Flash и After Effects принадлежит Adobe и у первой поддержка FLV является базовой.

            • Vladimir Vorfolomeev   

              10.10.2013 | 20:41 обновлено 10.10.2013 | 23:09

               В свою очередь After Effects может экспортировать видео в FLV с поддержкой прозрачности. Что еще хочу сказать, анимации должны быть долгими – примерно час для того чтобы создать эффект "оживленности". При этом начало и конец фильма анимации должен совпадать для плавного перехода в начало. Хорошо делают анимации, это те кто связаны с рекламой. Так как большинство видео рекламы, тоже сейчас делают через Adobe After Effects. Большой недостаток видео, это не возможность заставить действовать персонаж интерактивно на какие-либо действия пользователя без взаимодействия программист-аниматор. Решение тут только одно создавать отдельный файл информации об видео, которая бы позволяла проигрывать до какого-то кадра, а потом перескакивать на другую нужную анимацию. Это избавило бы программиста от написания кода под конкретный фильм, но это уже отдельная глава и отдельный формат хранения данных.

                 

              Второй экран "Каталог игрушек". Здесь Я предлагаю создать тоже в виде списка, но горизонтального. Это позволит:

            • Vladimir Vorfolomeev   

              10.10.2013 | 20:41 обновлено 10.10.2013 | 20:57

              - Быстро просматривать большинство игрушек с помощью прокручивания пальцем влево и вправо. Как когда-то существовали газеты в автоматах и можно было их прокручивать. Каждый выбранная центральная игрушка показывает две кнопки – "Посмотреть страничку с более подробной информацией об игрушке" и "Посмотреть промо видео в текущем окне". В последнем макете Я убрал цены, так чтобы не создавалось у человека прокручивания списка ради цены. Цена будет выскакивать только для выбранной центральной игрушки через определенное время после выбора игрушки (выравненной по центру).   

                 

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

                 

              - Списка выбора категории на данном макете нет и выбор категории выполняется при нажатии на надпись "Каталог игрушек", которая и будет отображать название категории.

        • Vladimir Vorfolomeev   

          10.10.2013 | 20:51 обновлено 10.10.2013 | 23:40

          Забыл сказать еще насчет выбранной игрушки. Здесь Я еще предлагаю добавить возможность псевдо-3D анимации, когда можно вращать игрушку вокруг 360 градусов. Дети любят вертеть игрушки перед покупкой и это было бы плюсом. Конечно эта возможность требует не просто снятия игрушки на фотоаппарат, и нужно делать несколько фотоснимков под разными ракурсами и так чтобы фон был одинаковым (например белым или мало используемый цвет в случаях если целевой объект фотографии должен накладываться на другой фон).

  • Дмитрий Новиков  

    05.10.2013 | 15:48 обновлено: 05.10 2013 | 19:20
    Сделал простые наброски;



    Если нравится, с удовольствием продолжу :)
    • Добавлено 05.10.2013 в 19:20
      f_01752502e3f8b932.pdf
      pdf 412 Кб  
    • Анастасия Платонова   

      05.10.2013 | 21:47  

      Симпатично. Маленький мальчик улыбнул)Но отрезанные пальцы, даже немного напугали))

      • Дмитрий Новиков   

        05.10.2013 | 23:13  

        Спасибо, Анастасия :)

        Не много жестко, насчет пальцев ) хех

        • Евгений Денисенко   

          07.10.2013 | 13:44  

          Отложить можно яйцо) Лучше написать «добавить в избранное»  или «добавить в корзину»

          • Дмитрий Новиков   

            07.10.2013 | 14:04  

            Если понравится заказчику поработаем более детально :)

            Хорошо, запомню :)

            • Евгений Денисенко   

              07.10.2013 | 15:02  

              а мне пальцы понравились-забавно)Нигде не видел такое)

    • Илья Гребень   

      08.10.2013 | 16:48  

      за такие пальцы огромный плюс)

  • Дмитрий Распутин  

    06.10.2013 | 12:25
    1. Приветственная форма

    Справа внизу заготовка под логотип

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

    2 и 3. Форма выбора товара

    Сразу представлены новинки магазина, слева панель выбора категории, в левом верхнем углу может расположится логотип

    Анимация та же, что и в приветственной форме, так же можно сделать периодические выпрыгивания букв в названии раздела (вверху экрана)

    Подсветка выбранного раздела (слева) и звуковой эффект при нажатии

    Справа внизу кнопка выхода в приветственную форму



    Все сопровождается веселой детской музыкой
    • Добавлено 06.10.2013 в 12:25
      Наброски интерфейса информационного киоска. - фото 34
    • Добавлено 06.10.2013 в 12:25
      Наброски интерфейса информационного киоска. - фото 35
    • Добавлено 06.10.2013 в 12:25
      Наброски интерфейса информационного киоска. - фото 36
  • Justin Bieber  

    07.10.2013 | 16:12 обновлено: 07.10 2013 | 16:17
    Люблю когда такие системы максимально просты и понятны, поэтому и вариант предлагаю в чем-то классический, яркий и функциональный.



    1. Функционал. Две центральные кнопки – при нажатии на первую QR-код появляется страница с описанием как пользоваться штрих-сканером. Потому что не каждый найдет сходу куда приложить игрушку да что там говорить не каждый знает что ее можно приложить! Вторая кнопка каталог в пояснении не нуждается.

    Кнопка слева ведет на страницу с картой расположения магазинов, адрес сайта, контакты и любая доп. информация – о доставке и т.д.



    Кнопка справа – совсем не кнопка а окно индикатора заполненности карзины, на картинке корзина пуска, значит и покупок нет, можно продумать как отображать наполненность корзины



    Сразу про анимацию, люблю когда все понятно, поэтому анимацию предлагаю в виде выплывающего текста, например, при наведении на кнопку с картой, по контуру из-за правой кромки кнопки выплывает надпись "Наши магазин7ы и услуги". То же самое с корзиной, при наведении на карзину по контуру пробегает строка "Корзина пуста" или "В Корзине 5 товаров"



    Для привлекательности можно добавить анимацию при наведении на основные кнопки QR-кода и Каталога, например, машина начинает крутить колеса, а на полке с игрушками начинает качаться Утёнок.



    2. В нижней части располагается лента горячих предложений, это 4 вида различный категорий: Хит продаж, Акция, Лучшая цена (в категории например или в городе), Новинка. 

    По бокам ленты полупрозрачные ячейки, которые должны побуждать прокручивать ленту влево-вправо, но можно конечно и стрелки добавить.



    Есть пару идей о функционале основного каталога, но думаю нужно дождаться вашей реакции на работу, а то мож не так и актуально все это.
    • Добавлено 07.10.2013 в 16:17
      Наброски интерфейса информационного киоска. - фото 37
  • Илья Громов  

    07.10.2013 | 20:36 обновлено: 09.10 2013 | 19:47
    Описание в виде картинки
    • Добавлено 07.10.2013 в 21:38
      Наброски интерфейса информационного киоска. - фото 38
    • Добавлено 09.10.2013 в 19:27
      Наброски интерфейса информационного киоска. - фото 39
    • Добавлено 09.10.2013 в 19:27
      Наброски интерфейса информационного киоска. - фото 40
    • Добавлено 08.10.2013 в 20:42
      Наброски интерфейса информационного киоска. - фото 41
    • Добавлено 09.10.2013 в 19:27
      Наброски интерфейса информационного киоска. - фото 42
  • Евгений Бо  

    07.10.2013 | 21:14 обновлено: 07.10 2013 | 21:30
    вот :) Осминожик оригинальный, тоесть мой.. 

    как концепция с подсказками, все крупное, поэтапная покупка, но конечноже можно потом по дизайну вставить кнопку корзины, сравнения возврата ит.д

    • Добавлено 07.10.2013 в 21:14
      Наброски интерфейса информационного киоска. - фото 43
    • Добавлено 07.10.2013 в 21:14
      Наброски интерфейса информационного киоска. - фото 44
    • Добавлено 07.10.2013 в 21:29
      Наброски интерфейса информационного киоска. - фото 45
  • Наталья Федорова  

    09.10.2013 | 22:37 обновлено: 10.10 2013 | 00:03
    1 экран. Домашняя страница. Основное меню внизу: переход в основной каталог товаров; страницу расширенного поиска; страницу с подсказками, как пользоваться приложением; корзина, в том случае, если вдруг что-то уже в нее положено, но пользователь вернулся на главную страницу; и любые другие кнопки, которые появятся в процессе. При нажатии на видео или переход на другую страницу нижний слой с облаками и кнопками красиво уезжает вниз. В общем некий "экшн".



    2 экран. Страница видео или какой другой "завлекухи". В нее переходят с домашней страницы, если нажали на "play" например, или если приложение не активно давно. 



    3 экран. Страница каталога или выбора товара. Слева подвижное меню разделов. Прокрутка осуществляется пальцем, первично появляются прозрачные стрелки (на рисунке показаны), как подсказка. В верхнем левом углу – корзина, в которую можно перейти для оформления заказа. Выбор товара из каталога происходи при нажатии. Прокрутка влева-вправо при появлении прозрачных стрелочек указателей.
    • Добавлено 09.10.2013 в 22:37
      Наброски интерфейса информационного киоска. - фото 46
    • Добавлено 09.10.2013 в 22:37
      Наброски интерфейса информационного киоска. - фото 47
    • Добавлено 09.10.2013 в 23:57
      Наброски интерфейса информационного киоска. - фото 48
    • Наталья Федорова   

      10.10.2013 | 00:05  

      Конкурс увидила только сегодня, все что успела накидать. Если прокомментируете, в каком направлении двигаться, то за завтра доведу концепт до конца. Остальные экраны и мелочи.

  • Антон Гулякин  

    10.10.2013 | 02:03 обновлено: 10.10 2013 | 02:03
    Приветственная форма.

    Название написал какое в гоову пришло. Принцип прост. жмешь на супермишек – они что-то говорят и аниимриуются. Супермен, например летит, у самого большого мишки шарик улетает. Если есть необходимость, то можно выскочить плавающее облако как в комиксах у каждого супермишки – например для страницы "Соглашение" или других.



    Другие страницы не нарисовал потому что конкурс увидел сгодня, но очень интересно поучаствовать. Если рисованый стиль подойдет – то нарисую весь преокт.
    • Добавлено 10.10.2013 в 02:03
      Наброски интерфейса информационного киоска. - фото 49
    • Добавлено 10.10.2013 в 02:03
      Наброски интерфейса информационного киоска. - фото 50
  • Olga S  

    10.10.2013 | 17:34
    Набросок уменьшен

    ozya.ucoz.org/konkursi/pr...
    • Olga S   

      10.10.2013 | 22:54  

      Предлагаю макет в фирменных ярких цветах, а также нарисованный для проекта персонаж – панду. Панда считается милым и дружелюбным животным. Мой панда довольный и веселый персонаж. Заанимировать ему можно тексты, которые написаны в специальные баллоны как в комиксах. В баллоны можно вставлять фото новых товаров, о которых панда какбы рассказывает. Панда может выдавать секреты, например что игрушки в магазине настолько хороши, что охранник магазина дядя Петя играл в новый трактор с пультом управления всю ночь. Макет будто бы вырезан из цветной бумаги и в тоже время он напоминает приборную доску или панель управления. Предусмотрено место под видео для мультиков или рекламных роликов. К праздникам панде можно будет добавлять праздничные атрибуты. Я думаю, что яркость макета, диалог с персонажем и удобство использования сделают экран привлекательным для покупателей и подарят им хорошее настроение =) К сожалению, со стандартным прикреплением у меня сегодня не ладится, поэтому пришлось дать ссылку на джипег макета.

  • Maxim Spirin  

    10.10.2013 | 23:29
    Здравствуйте Олег. Вот вариант интерфейса для Вашего автомата. Думаю он может получится весьма красочным и интересным. Навигация думаю не вызовет затруднений. на странице приветствия мы видим внизу мини иконки всех рекламных баннеров. По клику на иконку переход, либо пролистывание по одному баннеру. Страница списка товаров пролистывается как в стороны , так и по клику на номер страницы. На странице товара, для добавления товара в корзину достаточно потянуть страничку вниз. эти и другие элементы навигации, с удовольствием отрисуюи доработаю для Вашего проекта.  Для анимации визуального ряда, возможны динамические элементы (цветочки, самолетик, бабочки, и прочее )
    • Добавлено 10.10.2013 в 23:29
      Наброски интерфейса информационного киоска. - фото 51
    • Добавлено 10.10.2013 в 23:29
      Наброски интерфейса информационного киоска. - фото 52
    • Добавлено 10.10.2013 в 23:29
      Наброски интерфейса информационного киоска. - фото 53