Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Помогите разместить много элементов


Автор: Рыжий 15.2.2011, 19:24
Вопрос на тему дизайна/юзабилити, но такого раздела форума нет, пишу сюда, думаю верстальщики с этом тоже сталкиваются: 

Вопрос только теоретический! 


На сайте есть форма для добавления физ упражнений, выглядит сейчас она так:

user posted image

Мне не нравится сложный вид формы. Все налеплено друг на друга, разобраться трудно.
А вот какой выход из ситуации? Если форму нельзя увеличивать по ширине, можно правда по высоте, но не на много. 

Управляющий сначала хотел сделать заполнение формы в несколько шагов о_0 но это еще большее усложнение для юзеров.
Сейчас же у него на уме сделать эффект вертикального аккордеона, но на мой взгляд - опять лишние "эффекты" и запутанность формы (

Форумчане, если вы сталкивались с такими задачами (или видели как это сделано на других сайтах) подскажите что можно придумать?

Спасибо!

Автор: ksnk 15.2.2011, 19:49
можно форму "видимо" упростить. Оставить минимум обязательных полей (одно?)  и добавлять поля в зависимости от введенных значений. Правда вместо одной формы придется разрабатывать целое дерево форм, зато значительно более юзероолюбиво  smile 

Автор: Рыжий 15.2.2011, 20:36
Цитата(ksnk @  15.2.2011,  18:49 Найти цитируемый пост)
Оставить минимум обязательных полей

Тут все поля необязательные  smile  можно сказать - добровольно обязательные)


Цитата(ksnk @  15.2.2011,  18:49 Найти цитируемый пост)
и добавлять поля в зависимости от введенных значений

По этому поводу у меня тоже была идея. 
Но как бы в конце, с появлением всех полей - будем иметь тот же результат)
Плюс не понятно к какому event`y цепляться blur/onchange/focus ведь человек может не знать заранее, что его ждет еще +100 полей, заполнит одно поле и сразу нажмет Submit, в общем такое поведение - не очевидно для пользователя ((

 smile 

Автор: 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). 
 smile 

Автор: 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

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)