⇚go home
2 posts tagged

ui

Система управления расписанием

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

Файл со сценариями использования раздела

Первый экран — создание занятия

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

Чтобы упростить ввод групп поле «Группы» подсказывает номера групп по ходу написания. А при клике на кнопку бутерброд показывает полный спискок групп.

Второй экран — список занятий

Занятия первого курса.

Пару слов о строке в таблице.

Чтобы применить изменения для последующих занятий, ставиться соответствующая галочка:

Отмена занятий

Если номер группы подчеркнут красным значит для этой группы занятие отменено. Чтобы отменить занятие нужно кликнуть на группу:

Общие отмены

Занятие для нескольких курсов и на длительный строк проще отменить в подразделе «Общие отмены».

Страница создания отмены говорит на человеческом языке.

Если в занятия отменяются всем курсам, то форма так и пишет — Все курсы. Так приятнее, чем вываливать список всех курсов.

Иерархия отмен
У нас есть два типа отмен: общая для курсов и конкретная для группы. Отмены имеют такую же иерархию как и стили в CSS. Общие отмены ниже отмен конкретных занятий. Это означает, что если снять отмену у конкретного урока, то она перезапишет общую отмену.

Удаление — принцип анду.

Пресловутый вопрос «Are you sure?» при удалении работать не будет. Поэтому я решил использовать принцип «Анду». Человек может вернуть удаленный урок в течении 30 секунда. После 30 секунд урок удаляется, а кнопка «анду» исчезает.

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

Пожалуй на этом все!

portfolio   ui
Jul 24, 2015, 16:37

Веб-форма денежного перевода

Задача была следующая:

Блюр для атмосферности.

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

После нажатия кнопки «Отправить» форма показывает, над чем думает.

Всего предусмотрено три этапа отправки.

Текст меняется после выполнения этапа
с «Проверка суммы на карте...» на «Проверена сумма на карте»;
c «Задержка денег...» на «30 000 руб. задержаны»;
после завершения последнего этапа «Генерация кода...» — показывается следующий экран;

Кнопка «Сообщить» активируется после начала ввода.

Человек завершает отправку денег переходом на главную страницу сервиса.

Форма на странице «Получение денег» предназначена получателю. Она кидает деньги на карту.

«Проверка кода...»
«Код проверен.»

Конец.

portfolio   ui
Jul 2, 2015, 9:41
© Артур Кочарян, 2015—2017
Powered by Aegea