✔ Комментарии для создания верстки для iPad
(Completed by Denis Slabakov on August 10, 2013)
Comments
Denis Slabakov on June 24, 2013:
1. Необходимо ВСЕ кнопки (верхнее меню, пакетное редактирование, фильтры, кнопки действия, добавить поручение, выбрать адрес во всплывающем окне) сделать больше, особенно по высоте.
2. Чтобы информация помещалась на экране, необходимо использовать адаптивную верстку (блоки перестраиваются в зависимости от ширины и положения мобильного устройства автоматически). Сложность в том, что поля нашей таблицы особо не перетасуешь, т.к. там фильтры и сортировка, но можно поле с описанием задания помеcтить ПОД адрес поручения. Т.е. будет одна колонка, в которой для каждого поручения будет адрес (в качестве названия жирным) и описание под ним. Этого будет достаточно для горизонтального положения ipad. Для вертикального положения надо убирать еще одну колонку. Можно над адресом каждого поручения поместить кнопки действий (редактировать, удалить...), т.о. мы избавимся от последней колонки. Есть второй вариант с кнопками действий - перенести этот функционал в форму пакетного редактирования, только задать ограничения, что при выборе более одного поручения некоторые действия (например, редактирование), будут неактивны. Также в этом случае надо будет закрепить верхнюю область с функционалом пакетного редактирования, чтобы при прокрутке данных она всегда оставалась на экране.
Тогда должно получиться сделать крупнее шрифт - сейчас он слишком мелок.
3. Я бы убрала разбивку по страницам (внизу страницы) для мобильных устройств. Если может возникнуть проблема с долгой загрузкой, использовать кнопку "еще" под показанными на странице поручениями.
4. Во всплывающем окне "добавить поручение" значок "крестик" у меня не работает - надо исправить.
Alexey Bychkov on June 25, 2013:
2. Можно объединить столбцы, но не получится ли каша в связи с этим? Ведь, это самые большие столбцы. К тому же, вы планируете увеличить шрифт.
3. Сделать то можно, при скролле - подгрузка новых страниц, но здесь большой вопрос в совместимости с Ipad. Боюсь, это может добавить проблем. Может сделать крупные ссылки Вперед > и < Назад вместо постраничной разбивки?
Olga on June 25, 2013:
2. Шрифт увеличим, если получится, если будет плохо - оставим как есть. Объединять столбцы - я думаю, каши не будет, если выделить название полужирным. Других вариантов, как сделать таблицу уже - у меня нет. У кого есть другие идеи? 3. Думаю, ссылки "вперед" и "назад" - хорошее решение
Alexey Bychkov on July 9, 2013:
Версия для iPad полностью готова и залита на наш тестовый сервер. Посмотрите, пожалуйста, и скажите свои комментарии.
Выбранный адрес из dropdown листа “Адрес выполнения поручения” должен быть виден целиком.
“Имя создателя” заменить на “Ваше имя”
Сменить модуль “желаемая дата и время исполнения”. Очень неудобно выбирать дату и еще менее удобно выбирать время. Указывать секунды не надо.
Если мы находимся в поп-апе “создание нового поручения” и нажимаем на затемненную область экрана или на крестик, должно выскакивать предупреждение “Вы уверены, что хотите отменить создание срочного поручения?” - “Да/Нет”
Список поручений
Выпадающие списки “имя создателя” “все” “Показывать по” сделать более контрастными. Высоту этих списков такой же по высоте такой же как и поле “поиск”.
В строке визуально разделить адрес и текст поручения.
Кнопки “предыдущая” и “следующая” сделать более заметными
“Дата п.в.” заменить на “План”
“Дата ф.в.” заменить на “Факт”
“П-ль” заменить на пиктограмму с головой человечка
Шестеренку сделать более заметной
Надпись “срочные поручения” вынести за рамку, на один уровень с “+Добавить срочное поручение”
Alexey Bychkov on July 9, 2013:
1.3. На что? 2.2. Каким образом? (задаю этот вопрос потому что предварительно дизайн показывался и таких комментариев по нему не было - сейчас уже желательно чётко понимать, что именно менять) 2.3. Каким образом? (задаю этот вопрос потому что предварительно дизайн показывался и таких комментариев по нему не было - сейчас уже желательно чётко понимать, что именно менять) Может быть дело в том, что сейчас записей мало и они не активны? 2.7. Каким образом? (задаю этот вопрос потому что предварительно дизайн показывался и таких комментариев по нему не было - сейчас уже желательно чётко понимать, что именно менять)
И ещё, на всякий случай, повторюсь - сейчас намного важнее утрясти дизайн создания адреса, т.к. его ещё нужно верстать. Поэтому если есть выбор - потратить время на проверку вёрстки для iPad либо дизайн - лучше на данной этапе предпочесть дизайн.
Denis Slabakov on July 9, 2013:
1.3 стандартные datetimepicker
2.2 - это два разных по смыслу поля - так как они показываются в одной ячейке, то нужно визульно разделить, бОльший акцент на описании. Например, разные цвета, разный шрифт, разный размер шрифта
2.3 и 2.7 Увеличить разницу контрастности между фоном и элементом, так как сейчас почти сливается фон и элемент (кнопка и шестеренка)
Дополнения: 1. ВСЕ кнопки с ниспадающими меню (фильтр по - статус, статусы - все, показывать по, адрес во всплывающем окне) надо сделать больше по высоте, чтобы палец помещался - также, как постраничная навигация - "предыдущая, следующая". 2. Сейчас интуитивно непонятно, что можно кликнуть на описание, и оно откроется во всплывающем окне. Надо в конце анонса текста поручения (где многоточие) либо поставить значок "стрелочку", либо сделать ссылку типа "еще" или "смотреть". 3. Создание нового поручения - текст поручения - это поле, обязательное для заполнения, поэтому при попытке создать поручение без текста должна выводиться ошибка (также как с невыбранным адресом) 4. Админ - чекбоксы в левой колонке - надо сделать крупнее 5. Админ - вертикальное положение экрана - не помещаются длинные названия клиента, например, ПриватБанк 6. Админ - каким образом админ ставит фактическую дату выполнения поручения? 7. Админ. Галочки в шапке - значки сортировки. Сейчас когда применяется сортировка по любому полю, автоматически галочка в последнем поле "клиент" меняется на галочку, смотрящую наверх - такого не должно происходить. 8. Значки сортировки. Надо выделить побольше тот значок, по которому отсортировано в данный момент (возможно, цветом), сейчас почти не видно - никто не догадается.
Denis Slabakov on July 9, 2013:
Оля,
Для админа нет версии для iPad
Денис
Отправлено с iPhone
09.07.2013, в 23:40, "Olga (Basecamp)"
Olga on July 9, 2013:
Понятно
Alexey Bychkov on July 10, 2013:
Ок, Ольга, Денис, спасибо.
Olga on July 10, 2013:
Вот этот пункт 6. Админ - каким образом админ ставит фактическую дату выполнения поручения? относится тогда не к ipad, а к интерфейсу на компе
Alexey Bychkov on July 10, 2013:
так а в чём конкретно проблема? ставит точно таким же образом, как и желаемую...
Olga on July 10, 2013:
куда? там же нет такого поля в форме редактирования
Alexey Bychkov on July 11, 2013:
Ваш комментарий из соседнего таска: "Для СП со статусами «проверить» и «корректировка» должна быть доступна функция редактирования фактической даты (сейчас такой функции нет)". То есть это поле есть только в СП с определёнными статусами.
Olga on July 11, 2013:
да
Alexey Bychkov on July 12, 2013:
Выполнили все по списку. Можно проверять.
Denis Slabakov on July 12, 2013:
Алексей,
Отлично! Мне очень нравится)
Горизонтальная ориентация
При редактирование существующего СП - нет защиты от дурака, при закрытии окна нет вопроса о сохранении результата
Не могу вспомнить, сортировка по Контакту была или нет, нужно сделать
В datetimepicker нужно добавить кнопку ОК, кнопка Очистить не нужна
Портретная ориентация
Все те же пункты плюс
Уехали поля фильтров и внизу наехали на кнопки - скриншоты прилагаю
> В datetimepicker нужно добавить кнопку ОК, кнопка Очистить не нужна это стандартное отображение datetimepicker в IOS, как-то его изменить, к сожалению, мы не можем
Comments
Denis Slabakov on June 24, 2013:
Alexey Bychkov on June 25, 2013:
3. Сделать то можно, при скролле - подгрузка новых страниц, но здесь большой вопрос в совместимости с Ipad. Боюсь, это может добавить проблем.
Может сделать крупные ссылки Вперед > и < Назад вместо постраничной разбивки?
Olga on June 25, 2013:
У кого есть другие идеи?
3. Думаю, ссылки "вперед" и "назад" - хорошее решение
Alexey Bychkov on July 9, 2013:
Denis Slabakov on July 9, 2013:
Alexey Bychkov on July 9, 2013:
test@tt.tt / tttttt
Victor Metelskiy on July 9, 2013:
Создание нового поручения
Список поручений
Alexey Bychkov on July 9, 2013:
2.2. Каким образом? (задаю этот вопрос потому что предварительно дизайн показывался и таких комментариев по нему не было - сейчас уже желательно чётко понимать, что именно менять)
2.3. Каким образом? (задаю этот вопрос потому что предварительно дизайн показывался и таких комментариев по нему не было - сейчас уже желательно чётко понимать, что именно менять) Может быть дело в том, что сейчас записей мало и они не активны?
2.7. Каким образом? (задаю этот вопрос потому что предварительно дизайн показывался и таких комментариев по нему не было - сейчас уже желательно чётко понимать, что именно менять)
И ещё, на всякий случай, повторюсь - сейчас намного важнее утрясти дизайн создания адреса, т.к. его ещё нужно верстать. Поэтому если есть выбор - потратить время на проверку вёрстки для iPad либо дизайн - лучше на данной этапе предпочесть дизайн.
Denis Slabakov on July 9, 2013:
2.2 - это два разных по смыслу поля - так как они показываются в одной ячейке, то нужно визульно разделить, бОльший акцент на описании. Например, разные цвета, разный шрифт, разный размер шрифта
2.3 и 2.7 Увеличить разницу контрастности между фоном и элементом, так как сейчас почти сливается фон и элемент (кнопка и шестеренка)
Дизайн адреса - сейчас проверю.
Alexey Bychkov on July 9, 2013:
Olga on July 9, 2013:
1. ВСЕ кнопки с ниспадающими меню (фильтр по - статус, статусы - все, показывать по, адрес во всплывающем окне) надо сделать больше по высоте, чтобы палец помещался - также, как постраничная навигация - "предыдущая, следующая".
2. Сейчас интуитивно непонятно, что можно кликнуть на описание, и оно откроется во всплывающем окне. Надо в конце анонса текста поручения (где многоточие) либо поставить значок "стрелочку", либо сделать ссылку типа "еще" или "смотреть".
3. Создание нового поручения - текст поручения - это поле, обязательное для заполнения, поэтому при попытке создать поручение без текста должна выводиться ошибка (также как с невыбранным адресом)
4. Админ - чекбоксы в левой колонке - надо сделать крупнее
5. Админ - вертикальное положение экрана - не помещаются длинные названия клиента, например, ПриватБанк
6. Админ - каким образом админ ставит фактическую дату выполнения поручения?
7. Админ. Галочки в шапке - значки сортировки. Сейчас когда применяется сортировка по любому полю, автоматически галочка в последнем поле "клиент" меняется на галочку, смотрящую наверх - такого не должно происходить.
8. Значки сортировки. Надо выделить побольше тот значок, по которому отсортировано в данный момент (возможно, цветом), сейчас почти не видно - никто не догадается.
Denis Slabakov on July 9, 2013:
Для админа нет версии для iPad
Денис
Отправлено с iPhone
09.07.2013, в 23:40, "Olga (Basecamp)"
Olga on July 9, 2013:
Alexey Bychkov on July 10, 2013:
Olga on July 10, 2013:
6. Админ - каким образом админ ставит фактическую дату выполнения поручения?
относится тогда не к ipad, а к интерфейсу на компе
Alexey Bychkov on July 10, 2013:
Olga on July 10, 2013:
Alexey Bychkov on July 11, 2013:
То есть это поле есть только в СП с определёнными статусами.
Olga on July 11, 2013:
Alexey Bychkov on July 12, 2013:
Denis Slabakov on July 12, 2013:
Отлично! Мне очень нравится)
Горизонтальная ориентация
При редактирование существующего СП - нет защиты от дурака, при закрытии окна нет вопроса о сохранении результата
Не могу вспомнить, сортировка по Контакту была или нет, нужно сделать
В datetimepicker нужно добавить кнопку ОК, кнопка Очистить не нужна
Портретная ориентация
Все те же пункты плюс
Уехали поля фильтров и внизу наехали на кнопки - скриншоты прилагаю
Больше ничего не нашел)))
Alexey Bychkov on July 15, 2013:
это стандартное отображение datetimepicker в IOS, как-то его изменить, к сожалению, мы не можем
всё остальное - готово - можно проверять