Конкурс перекладено автоматично. Увійдіть або зареєструйтесь, щоб побачити оригінал

Опис пристрою 

Пристрій для виробництва аксесуарів (захисної плівки) на різні типи мобільних пристроїв прямо на місці продажу. 

Основний споживач – покупець мобільних пристроїв.

Місце розміщення - мережеві магазини електроніки

Види покриттів – до 30 типів плівки (прозора захист на екран, декоративні текстуровані плівки для захисту задньої кришки)

Пристрій використовується в одній з мереж більше 1 року, мета поточної роботи презентація сервісу (пристрою) іншої мережі.

Нова версія пристрою

Підготовлений прототип нової версії, яка серед іншого передбачає використання планшета (замість ПК), як наслідок була підготовлена і перевірена нова версія ПЗ.

**  цікаво - можна задавати колір і інтенсивність підсвічування пристрою як елемент адаптації до корпоративного стилю замовника.

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


Робочий вигляд пристрою і програми у вкладеннях

  

Опис цільового результату

Розмір екрану 10`` роздільна здатність 800х600

Вимога: використання на сенсорному екрані

Планована вкладка програми – одна.  Вкладка «плоттер» і «відомості» об'єднуються і будуть реалізовані через іконку «налаштування»

Основна вкладка програми на різних сторінках буде містити «дерево пристроїв» і дві кнопки під дії – «тест» і «вирізати»

Управляючі елементи великі з урахуванням роботи з сенсорним екраном

На всіх сторінках реалізована рядок текстового пошуку

Інтерфейс використовується фахівцями сервісного центру або продавцями. Можлива ситуація показу споживачам "картинок" пристрою.

Сторінки основної вкладки по рівнях:

* "плитки"- умовно позначили інтерактивні елементи інтерфейсу.

  • 1 рівень - На першому екрані 3 плитки – «Смартфони» «Планшети» і «Смарт-годинники»
  • 2 рівень - Наступний екран відкривається після вибору одного з елементів першого екрану і містить плитки з назвами брендів, наприклад Apple, Samsung…

На кожному екрані в силу невеликого розміру 4-8 плиток,

Перелистування (scrolling) реалізується перелистуванням сторінки (а не списку)

Кількість сторінок залежить від кількості виробників

  • 3 рівень - Третя за глибиною сторінка реалізується аналогічно попередній і містить моделі пристроїв окремого виробника - - iPhone X
  • 4 рівень - Після вибору пристрою користувач потрапляє на сторінку пристрою з його зображенням, дана сторінка також містить:
  • вибір лекала – лицьова сторона/задня кришка при виборі яких з'являється анімоване зображення процесу різання лекала (опція)
  • кнопка ТЕСТ
  • кнопка ВИРІЗАТИ
  • вікна вибору (можна повзунок) параметра різу за зусиллям і за кількістю повторів



Завдання

Зробити дизайн у форматі .psd з обов'язковим виділенням елементів по шарам. Для кожного «активного» елемента повинні бути підготовлені зображення для кожного його активного стану (наприклад- кнопка «вирізати» - в пасивному стані, активованому (натиснутому) стані, перехід між станами і т.п.)

Склад елементів:

  • оформлення рамки і заливки зовнішнього вікна, меж внутрішніх вікон
  • прорисовка плиток на першій сторінці (Телефони, планшети, смарт-годинники)
  • шаблон для оформлення сторінок 3 і 4 рівня – щоб в елементи плиток (іконок) вибору елемента достатньо було вписати назву
  • позиціонування вікна з зображенням пристрою на сторінці 3 рівня
  • позиціонування вікон вибору лекала, зображення пристрою і вікна анімації, а також оформлення елементів меню на сторінці вирізки лекал (4 рівень). Елементи меню – кнопки «Тест», «Вирізати», меню вибору параметрів різу.
  • Вимоги до стилів і елементів переходу між сторінками і пунктами меню


Додатково.

вітатиметься використання сучасних стилів (material, flat тощо) і можливість використання елементів дизайну і загального стилю в оформленні landing page.


вкладення: вигляд пристрою, скріншоти ПЗ, макет по 4 вкладці, логотип і назви будуть направлені на фінальному етапі переможцю для остаточної доопрацювання проекту.
Оновлення
Оновлення #1

Колеги добрий день. 

Складно підвести підсумки, але ми це зробимо сьогодні - завтра. Дякую всім, хто відгукнувся і представив свої роботи!

Є останнє доповнення до завдання, яке народилося в ході обговорення представлених робіт - зробіть, будь ласка, варіант "4 екрана" (робочий екран з кнопкою "вирізати") без використання фотографічних зображень.  

Як варіант, можна на всіх  екранах уникнути використання фотографій (для тих, у кого вони є)


 Увійдіть або зареєструйтесь, щоб побачити оригінал
12 липня 2018, 11:30
Додатки8