Comments 18
Разнести по закладкам (Tab Control). Можете посмотреть для примера в MS Outlook форму Contact.
Согласен, самое логичное решение, по-моему, это разбить всю информацию на сущности и разнести их на несколько этапов заполнения (уточнения), в том числе и с использованием вкладок, как вариант. Элементы управления не должны бороться за свободное место на форме. Думаю, что пользователю было бы приятно, если бы к сухому тексту заголовков добавили бы немного подходящих по смыслу картинок. Хотя, наверное, это самые очевидные моменты.
Что бы не писать пустой общий комментарий, добавлю маленькую идею: к каждой вкладке можно добавить индикатор «Заполненная вкладка/ незаполненная» основываясь на заполнении данными обязательных полей. К примеру, гипотетическая вкладка «Информация о руководителе» будет содержать серенькую пиктограмму человечка в галстуке (прошу прощения за штамп) , при заполнении всех полей которой, человечек обретает цвет.
Что бы не писать пустой общий комментарий, добавлю маленькую идею: к каждой вкладке можно добавить индикатор «Заполненная вкладка/ незаполненная» основываясь на заполнении данными обязательных полей. К примеру, гипотетическая вкладка «Информация о руководителе» будет содержать серенькую пиктограмму человечка в галстуке (прошу прощения за штамп) , при заполнении всех полей которой, человечек обретает цвет.
давайте вообще блог заведем "Лаборатория" или что-то типа того?
Просто обсуждать плохо или хорошо - это может любой, а вот предложить свое - единицы.
Было бы очень интересно и в тысячу раз познавательнее миллиона статей о юзабилити.
м?
Просто обсуждать плохо или хорошо - это может любой, а вот предложить свое - единицы.
Было бы очень интересно и в тысячу раз познавательнее миллиона статей о юзабилити.
м?
Хорошее предложение - предложить что-то новое. Но нет нормального ТЗ :) (а что нам за это будет? :), мне лично ничего я не гражданин России)
какая зависимость дополнительных данных (документы, разное)
что подразумевается под кнопкой "показать" - что показывается?
агенты?
т.е. для того чтобы сделать удобную форму нужно ТЗ, а его, увы...
То что интерфейс форму не идеален, можно объяснить (вы наверное забыли что такое 640х480)
какая зависимость дополнительных данных (документы, разное)
что подразумевается под кнопкой "показать" - что показывается?
агенты?
т.е. для того чтобы сделать удобную форму нужно ТЗ, а его, увы...
То что интерфейс форму не идеален, можно объяснить (вы наверное забыли что такое 640х480)
Сильно не заморачивался, ибо VS 2005 IDE не лучшее средство для проектирования интерфейса :)
Немного улучшений:
1.Табы тех страниц, которые ещё не заполнены( или на которых система обнаружила ошибку) подсвечивать красным цветом, ну или маленькую полосочку подчёркивания под названием. То есть из примера
m151
2. После того как все поля заполнены. Необходимо на отдельной странице вывести в единой форме
все данные. Поскольку пользователь после заполнения обязательно будет проверять ещё раз все данные. А для этого ему нужно пройтись по всем табам выискивая и проверяя ранее введённую информацию. Удобнее представить это на одной странице с кнопкой типа "подтверждаю" .
1.Табы тех страниц, которые ещё не заполнены( или на которых система обнаружила ошибку) подсвечивать красным цветом, ну или маленькую полосочку подчёркивания под названием. То есть из примера
m1512. После того как все поля заполнены. Необходимо на отдельной странице вывести в единой форме
все данные. Поскольку пользователь после заполнения обязательно будет проверять ещё раз все данные. А для этого ему нужно пройтись по всем табам выискивая и проверяя ранее введённую информацию. Удобнее представить это на одной странице с кнопкой типа "подтверждаю" .
1. А если сразу нажать «Сохранить»?
— Вы заполнили не все поля, попробуйте еще раз.
2. Что-то, по умолчанию подсвеченное красным — это не очень хорошо.
Юзер как бы по умолчанию сделал все не так и исправляет :)
3. Если получается четкая последовательность табов, не лучше ли сделать доступным только первый? Заполнил — жмешь «Продолжить», и попадаешь на вторую закладку. Когда все заполнил — сохраняй на здоровье.
— Вы заполнили не все поля, попробуйте еще раз.
2. Что-то, по умолчанию подсвеченное красным — это не очень хорошо.
Юзер как бы по умолчанию сделал все не так и исправляет :)
3. Если получается четкая последовательность табов, не лучше ли сделать доступным только первый? Заполнил — жмешь «Продолжить», и попадаешь на вторую закладку. Когда все заполнил — сохраняй на здоровье.
1. Я считаю что лучше в конце после просмотра всего документа нажать сохранить, нежели на каждой странице нажимать сохранить.// Это только моё личное мнение.
2. Ну не обязательно красным. Просто некоторым другим цветом, чтобы проинформировать пользователя о том, какие страницы он ещё не заполнял.
3. А если пользвотель захотел сначала заполнить "реквизиты", а только потом "организация". Такие формы обычно заполняют из множества документов, какой первый лежит под рукой с того первого и начинают. А привязывать пользователя к жёсткой последовательности заполнения, когда в этом нет особой необходимости , думаю не стоит.
2. Ну не обязательно красным. Просто некоторым другим цветом, чтобы проинформировать пользователя о том, какие страницы он ещё не заполнял.
3. А если пользвотель захотел сначала заполнить "реквизиты", а только потом "организация". Такие формы обычно заполняют из множества документов, какой первый лежит под рукой с того первого и начинают. А привязывать пользователя к жёсткой последовательности заполнения, когда в этом нет особой необходимости , думаю не стоит.
1. Именно так, а пока не заполнил, кнопка недоступна.
3. Мне кажется, такой подход вынуждает метаться между закладками (так, тут заполнил? А тут? Так, а какой цвет у нас обозначал заполненные? :) ) и провоцирует ошибки.
3. Мне кажется, такой подход вынуждает метаться между закладками (так, тут заполнил? А тут? Так, а какой цвет у нас обозначал заполненные? :) ) и провоцирует ошибки.
1) Табы - мысль интерестная, но обязательно информацию об организации надо вынести выше табов (что бы она всегда была доступка пользователю, и что бы он все время знал для какой организации он заполняет форму).
2) Переход по табам осуществлять только назад, т.е. пользователь может в любой момент вернуться на любой предыдущий таб, но для перехода на последующий ему надо будет заполнить текущий и нажать кнопку типа "Перейти к заолнению реквизитов".
3) после заполнения формы и нажатия на сохранить я бы показывал окна, на котором были бы все заполненные поля, пусть даже будет там скрол если понадобится.
4) В адресах и подобной информации ф бы все таки выделил наименование филда от его значения - сейчас просто не понятно что и куда вводиться.
Хотя бы это сделать и будет удобней )
2) Переход по табам осуществлять только назад, т.е. пользователь может в любой момент вернуться на любой предыдущий таб, но для перехода на последующий ему надо будет заполнить текущий и нажать кнопку типа "Перейти к заолнению реквизитов".
3) после заполнения формы и нажатия на сохранить я бы показывал окна, на котором были бы все заполненные поля, пусть даже будет там скрол если понадобится.
4) В адресах и подобной информации ф бы все таки выделил наименование филда от его значения - сейчас просто не понятно что и куда вводиться.
Хотя бы это сделать и будет удобней )
С закладками можно запросто забыть, что ты вводил на предыдущей, особенно если забиваешь несколько форм подряд. Так что я пошел по пути структурирования и комбинирования :)
Вот что получилось: www.tgal.ru/ext/h36370/form.png
А вот сразу две формы для сравнения: www.tgal.ru/ext/h36370/forms.png.
Хотелось сделать так, чтобы вся введенная инфа была перед глазами и легко отыскивалась (ведь потом придется пользоваться этой карточкой снова и снова), поэтому я старался разделить поля не только по смыслу, но и по важности.
«ОАО» в начале кликабельно, по щелчку меняется на «ООО», «ЗАО» и так по кругу. Вместе с выносом кавычек это избавляет юзера от головной боли о том, как написать скажем ОАО "ГМК "Норильский никель"". Все можно обработать программно.
Банковские реквизиты — зачем вводить все 3 поля, если БИК однозначно определяет банк и коррсчет? Поправьте, если ошибаюсь. Можно же взять инфу о банке из БД простым естественным запросом © :)
К телефонам я бы еще приделал кнопку «+» для добавления номера. В исходнике похоже хватает одного телефона.
Предпоследний блок самый непонятный, тут я исходил из своего понимания происходящего :)
Сейчас думаю, что можно было даже всю форму сделать по подобию последнего блока — по центру, каждое поле на своей строке, было бы вполне читабельно.
Вот что получилось: www.tgal.ru/ext/h36370/form.png
А вот сразу две формы для сравнения: www.tgal.ru/ext/h36370/forms.png.
Хотелось сделать так, чтобы вся введенная инфа была перед глазами и легко отыскивалась (ведь потом придется пользоваться этой карточкой снова и снова), поэтому я старался разделить поля не только по смыслу, но и по важности.
«ОАО» в начале кликабельно, по щелчку меняется на «ООО», «ЗАО» и так по кругу. Вместе с выносом кавычек это избавляет юзера от головной боли о том, как написать скажем ОАО "ГМК "Норильский никель"". Все можно обработать программно.
Банковские реквизиты — зачем вводить все 3 поля, если БИК однозначно определяет банк и коррсчет? Поправьте, если ошибаюсь. Можно же взять инфу о банке из БД простым естественным запросом © :)
К телефонам я бы еще приделал кнопку «+» для добавления номера. В исходнике похоже хватает одного телефона.
Предпоследний блок самый непонятный, тут я исходил из своего понимания происходящего :)
Сейчас думаю, что можно было даже всю форму сделать по подобию последнего блока — по центру, каждое поле на своей строке, было бы вполне читабельно.
Первая форма слишком высокая. Это веб-страницу проскроллить можно, а с обычными десктоп-приложениями скролл не пройдет.
а если сделать веб-приложение?
Вообще мне оба предложенных варианта понравились )))
У кого еще идеи есть? ;)
Вообще мне оба предложенных варианта понравились )))
У кого еще идеи есть? ;)
Хм, точно. Да и вообще, на свежую голову посмотрел — все какое-то дикое :) Можно уменьшить шрифт в полтора-два раза и разделить описание клиента и ключа. Лучше даже сделать две формы, ссылающиеся друг на друга (это при редактировании), а при добавлении сначала форма с описанием клиента (до контактного лица включительно), и после подтверждения инфы второй шаг, на котором описываем ключ и параметры договора.
Разбивку по группам данным я вижу сделали - дальше стандартный пошаговый мастер с "Вперед" при заполнении основных полей (части данных может и не быть) и "Назад" с подсказками. В конце итоговый "отчет" для проверки и окончательное подтверждение.
Sign up to leave a comment.
Интерфейс, за который нужно любить