| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Помогите разместить много элементов |
| Автор: Рыжий 15.2.2011, 19:24 |
| Вопрос на тему дизайна/юзабилити, но такого раздела форума нет, пишу сюда, думаю верстальщики с этом тоже сталкиваются: Вопрос только теоретический! На сайте есть форма для добавления физ упражнений, выглядит сейчас она так: ![]() Мне не нравится сложный вид формы. Все налеплено друг на друга, разобраться трудно. А вот какой выход из ситуации? Если форму нельзя увеличивать по ширине, можно правда по высоте, но не на много. Управляющий сначала хотел сделать заполнение формы в несколько шагов о_0 но это еще большее усложнение для юзеров. Сейчас же у него на уме сделать эффект вертикального аккордеона, но на мой взгляд - опять лишние "эффекты" и запутанность формы ( Форумчане, если вы сталкивались с такими задачами (или видели как это сделано на других сайтах) подскажите что можно придумать? Спасибо! |
| Автор: ksnk 15.2.2011, 19:49 |
| можно форму "видимо" упростить. Оставить минимум обязательных полей (одно?) и добавлять поля в зависимости от введенных значений. Правда вместо одной формы придется разрабатывать целое дерево форм, зато значительно более юзероолюбиво |
| Автор: Рыжий 15.2.2011, 20:36 |
Тут все поля необязательные По этому поводу у меня тоже была идея. Но как бы в конце, с появлением всех полей - будем иметь тот же результат) Плюс не понятно к какому event`y цепляться blur/onchange/focus ведь человек может не знать заранее, что его ждет еще +100 полей, заполнит одно поле и сразу нажмет Submit, в общем такое поведение - не очевидно для пользователя (( |
| Автор: Sinneren 15.2.2011, 20:56 |
| вот вариант компоновки... http://s1.ipicture.ru/Gallery/Viewfull/3597219.html или 1 строка - 1 спойлер... |
| Автор: Рыжий 16.2.2011, 16:26 |
| Sinneren, спасибо интересный вариант. OK, будем думать дальше, что нибудь с группировкой полей и сокрытием дополнительных (sets, reps, weight). |
| Автор: Sinneren 17.2.2011, 15:09 |
| Как вариант, можно использовать табы. http://sniperyu.deviantart.com/art/Web-Form-Elements-Vol-2-146544080?q=boost%3Apopular%20web%20form&qo=4 или вообще побродить так: http://sniperyu.deviantart.com/art/Web-Form-Elements-104261528?q=boost%3Apopular%20web%20form&qo=0 в целом можно использовать JQuery UI Tools. Там есть слайдер чудный, простой и красивый. его можно использовать. http://flowplayer.org/tools/scrollable/index.html |