Комментарии 38
Оригинально! :)
Хотя, если вдуматься, то зеленая "on" на красном фоне начинает смущать -
и задумываешься - что это значит, что именно сейчас включено, или что для того чтобы включить нужно нажать кнопку? Хотя так понятно, что все-таки это значит, что опция выключена.
Можно, сделать прозрачный чекбокс на цветном фоне. Меняется чекбокс - меняется цвет.
Другие варианты тоже можно придумать, но надо уже смотреть - как оно будет выглядеть.
Например, - большая ячейка с надписью OFF, маленькая - с надписью on и стрелочка, которая меняет их цвет (как в фотошопе).
А вообще, если был спор, то навеное и другие варианты были - выкладывайте их тоже.
Хотя, если вдуматься, то зеленая "on" на красном фоне начинает смущать -
и задумываешься - что это значит, что именно сейчас включено, или что для того чтобы включить нужно нажать кнопку? Хотя так понятно, что все-таки это значит, что опция выключена.
Можно, сделать прозрачный чекбокс на цветном фоне. Меняется чекбокс - меняется цвет.
Другие варианты тоже можно придумать, но надо уже смотреть - как оно будет выглядеть.
Например, - большая ячейка с надписью OFF, маленькая - с надписью on и стрелочка, которая меняет их цвет (как в фотошопе).
А вообще, если был спор, то навеное и другие варианты были - выкладывайте их тоже.
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Имхо, напрашиваются toggle button величиной с ячейку, с двумя состояниями: нажата зелёная "On", отжата "Off" цвета фона или около того (как если бы она была прозрачной, а при включении загоралась зелёным). Объемные кнопочки в стиле табов, наверное, смотрелись бы лучше, чем просто заливка ячеек, хотя, надо пробовать.
Что не нравится в предложенном варианте: по своей сути он равен чекбоксам, но сильно хуже по наглядности, т.к. красный цвет фона используется всегда и когда кнопка выключена, и когда её можно включить (т.е. она выключена). При беглом взгляде возникает путаница, да и не при первом тоже.
Что не нравится в предложенном варианте: по своей сути он равен чекбоксам, но сильно хуже по наглядности, т.к. красный цвет фона используется всегда и когда кнопка выключена, и когда её можно включить (т.е. она выключена). При беглом взгляде возникает путаница, да и не при первом тоже.
Был отравлен сочетанием такого красного и зелёного. Не могу рассмотреть картинку. У-жжас.
...насчет надписей их либо не делать вообще (цвет говорит сам за себя), либо пусть уж они соответствуют состоянию кнопки. Кстати, их можно было бы заменить на какой-нибудь значёк, чтобы не загромождали.
Да дизайн сродни советским пластиковым пластмассовым лисичкам. Но идея ничего так.
Первым делом обратил внимание на состояние кнопки. ON - уже включено, нажму - выключу. Потом уже подумал про фон.
Т.е. я сначала "поигрался" бы, чтобы понять состояние ячейки.
*** Мои мысли:
Пересечение столбца и ячейки должно показывать "Можно" или "Нельзя".
Если "Можно" — значит показываем это. Если "Нельзя" — не показываем.
Показываем фоном:
Если "Можно"(включено) это зеленый фон, то "Нельзя"(выключено) красный.
Для изменения нажимаем на то, чем показываем: на "фон".
Показываем кнопкой:
Включено - зеленая кнопка.
Выключено - красная кнопка.
Изменяем состояние нажатием.
***
Т.е. я сначала "поигрался" бы, чтобы понять состояние ячейки.
*** Мои мысли:
Пересечение столбца и ячейки должно показывать "Можно" или "Нельзя".
Если "Можно" — значит показываем это. Если "Нельзя" — не показываем.
Показываем фоном:
Если "Можно"(включено) это зеленый фон, то "Нельзя"(выключено) красный.
Для изменения нажимаем на то, чем показываем: на "фон".
Показываем кнопкой:
Включено - зеленая кнопка.
Выключено - красная кнопка.
Изменяем состояние нажатием.
***
Круче чекбоксов все равно ничего не придумаешь.
Вся эта игра с цветом может привести лишь к лишнему раздражению.
Цвета (особенно красный и зеленый) имеет смысл оставлять лишь на ядерных чемоданчиках и рычажках особого назначения.
В нормальной жизни обычный человек понимает разницу между пустым квадратиком и квадратиком с галочкой без дополнительных извращений.
Вся эта игра с цветом может привести лишь к лишнему раздражению.
Цвета (особенно красный и зеленый) имеет смысл оставлять лишь на ядерных чемоданчиках и рычажках особого назначения.
В нормальной жизни обычный человек понимает разницу между пустым квадратиком и квадратиком с галочкой без дополнительных извращений.
Смысл фона не понял, а вот замена чек боксов на кнопки меняющие своё состояние вполне логичное решение и по мне гораздо более симпатичное. Есть очень распространенный миф в юзабилити тусовке, что не стоит применять ничего нового, а нужно использовать только то к чему привык пользователь. Посмотрите на последние продукты компаний вроде microsoft, adobe, apple. Все они экспериментируют с графическим интерфейсом потомучто пришло время! Сохраняется логика большинства элементов, а их визуальное представление может измениться очень сильно. Эта кнопка on/off это тот же чекбокс по логике, на с другим визуальным представлением.
у чекбоксов основной минус - размер. Сложно сделать хорошо-выглядющую галку размеров 80х20 - как в таблице.
Лучший выбор, на мой взгляд - текст(иконка) с _подсветкой_. Не полностью закрашенный в красный или зеленый и подсвеченный снизу. И глазу приятно и оценить сразу можно.
имхо
Лучший выбор, на мой взгляд - текст(иконка) с _подсветкой_. Не полностью закрашенный в красный или зеленый и подсвеченный снизу. И глазу приятно и оценить сразу можно.
имхо
по чекбоксу сразу понятно, включен он или нет
чего не скажешь о красной кнопке на зеленом фоне и наоборот
мне кажется, лучше не цветом, а внешним видом показать состояние -
http://i.vr2.net/temp/onoff.jpg
причем надписи на кнопках, может, и не обязательны вовсе
чего не скажешь о красной кнопке на зеленом фоне и наоборот
мне кажется, лучше не цветом, а внешним видом показать состояние -
http://i.vr2.net/temp/onoff.jpg
причем надписи на кнопках, может, и не обязательны вовсе
мне кажется надо убрать красный и зеленый фон, оставить только кнопочки
При всём безобразии интерфейса вы про галочки задумываетесь?
1. Если оставите кнопки, напишите по-русски «можно/нельзя», «да/нет» или «включено/выключено»
2. Заголовок таблицы либо сделайте меньше, либо текст выровните по середине (по вертикали). Да и раз уж такой высокий заголовок сделайте шрифт побольше.
3. То же самое с вкладками — либо вкладки меньше, либо шрифт больше.
4. Зачем слово «Группы» два раза?
5. Про красный/зелёный фон вам уже сказали. Убрать или реализовать нормально
6. Зачем располосовывать остальные, пустые строки таблицы?
1. Если оставите кнопки, напишите по-русски «можно/нельзя», «да/нет» или «включено/выключено»
2. Заголовок таблицы либо сделайте меньше, либо текст выровните по середине (по вертикали). Да и раз уж такой высокий заголовок сделайте шрифт побольше.
3. То же самое с вкладками — либо вкладки меньше, либо шрифт больше.
4. Зачем слово «Группы» два раза?
5. Про красный/зелёный фон вам уже сказали. Убрать или реализовать нормально
6. Зачем располосовывать остальные, пустые строки таблицы?
Кнопка должна отражать состояние, а не руководство к действию!
Если написано "Можно", значит сейчас это действие разрешено и нам горит зеленый цвет. Клик по такой кнопке предполагает смену состояния на противоположное - Красного цвета с надписью "Нельзя". Светофор, елки-палки...
Так что надписи на кнопках могут и не указываться. При внятной формулировке признака, цветовое решение самодостаточно. По большому счету, это тотже чекбокс, который также хорошо или плохо воспринимается при правильном/неправильном обозначении признака.
Если написано "Можно", значит сейчас это действие разрешено и нам горит зеленый цвет. Клик по такой кнопке предполагает смену состояния на противоположное - Красного цвета с надписью "Нельзя". Светофор, елки-палки...
Так что надписи на кнопках могут и не указываться. При внятной формулировке признака, цветовое решение самодостаточно. По большому счету, это тотже чекбокс, который также хорошо или плохо воспринимается при правильном/неправильном обозначении признака.
А нельзя было при таком тёмном "дизайне" интерфейса избавиться от ядовито красного и столь же ядовито зелёного нафиг и сделать отмеченые ячейки БЕЛЫМИ или с большой белой точкой по центру? Клацнул по ячейке есть точка, клацнул нет. Наглядно, просто.
А если бы я догадался заморачиваться подобным образом, то у меня бы всё было в светлых тонах, а точки стояли бы чёрные. Так оно и смотрится приятнее и выглядит понятнее. И не забываем про мягкие края точек, что б пикселы не были особо видны!
з.ы. А вот с тем, что чекбокс в пустой ячейке по уродски смотрится я согласен. Более кошмарное сочетание элементов интерфейса ещё надо поискать, и не факт, что найдёшь. Причём он там неуместен в любом цветовом решении!
з.з.ы. А можно вместо точки рисовать большую голочку а-ля чекбокс, но предупреждаю, это будет смотреться ещё страшнее.
з.з.з.ы. Почему когда программист дорывается до дизайна, то всегда всё получается в чёрной расцветке с кислотными вкраплениями? Это я по себе знаю. Как только занялся перестал программировать на Делфи и устроился на работу тестировщиком, так сразу такие сочетания начали вызывать отвращение, а до этого вроде всё нормально было... Фантастика какая-то.
А если бы я догадался заморачиваться подобным образом, то у меня бы всё было в светлых тонах, а точки стояли бы чёрные. Так оно и смотрится приятнее и выглядит понятнее. И не забываем про мягкие края точек, что б пикселы не были особо видны!
з.ы. А вот с тем, что чекбокс в пустой ячейке по уродски смотрится я согласен. Более кошмарное сочетание элементов интерфейса ещё надо поискать, и не факт, что найдёшь. Причём он там неуместен в любом цветовом решении!
з.з.ы. А можно вместо точки рисовать большую голочку а-ля чекбокс, но предупреждаю, это будет смотреться ещё страшнее.
з.з.з.ы. Почему когда программист дорывается до дизайна, то всегда всё получается в чёрной расцветке с кислотными вкраплениями? Это я по себе знаю. Как только занялся перестал программировать на Делфи и устроился на работу тестировщиком, так сразу такие сочетания начали вызывать отвращение, а до этого вроде всё нормально было... Фантастика какая-то.
Цвета ужасно плохо сочетаются.
А для того, чтобы не было сомнений включено или выключено, смотря на кнопки, имхо стоило написать Tuurn on и turn off. Тогда бы сразу было ясно, что произойдет при нажатии.
А для того, чтобы не было сомнений включено или выключено, смотря на кнопки, имхо стоило написать Tuurn on и turn off. Тогда бы сразу было ясно, что произойдет при нажатии.
Идея шиворот-навыворот: в таблице заголовки слева по вертикали - названия услуг, сверху по горизонтали - «Разрешено» и «Запрещено». В ячейках - имена групп. Разрешение/запрещение происходит перетаскиванием группы в соотв. ячейку
большие чекбоксы это очень хорошо в данном случае, потому что попадать по стандартным тяжело если данных много, так что путь верный :)
названия на кнопках плохи тем что непонятно, на них изображено текущее состояние или то что произойдёт если нажать (на кнопках обычно текущее состояние не пишут - посмотрите на обычные ОК, Отменить, Найти, пишут действие); тем более на первом варианте в каждой ячейке на нас смотрят два(!) индикатора - фон и кнопка, вместо одного у чекбокса - т.е. надо считать их оба да ещё и сравнить, так что стоит оставить лишь что-то одно
галочки хороши как раз тем что их считываются гораздо быстрее, наличие текста убьёт это преимущество и увеличит время понимания формы, да и при двух состояниях текст лишний
вот мой вариант (левая колонка):
названия на кнопках плохи тем что непонятно, на них изображено текущее состояние или то что произойдёт если нажать (на кнопках обычно текущее состояние не пишут - посмотрите на обычные ОК, Отменить, Найти, пишут действие); тем более на первом варианте в каждой ячейке на нас смотрят два(!) индикатора - фон и кнопка, вместо одного у чекбокса - т.е. надо считать их оба да ещё и сравнить, так что стоит оставить лишь что-то одно
галочки хороши как раз тем что их считываются гораздо быстрее, наличие текста убьёт это преимущество и увеличит время понимания формы, да и при двух состояниях текст лишний
вот мой вариант (левая колонка):
Стоит отметить что у этого варианта есть как минимум один недостаток (уж не знаю существенный ли) - если глядя на 2ю и 3ю колонки пользователь сразу понимает что "на эти ячейки можно нажать", то в случае с моими галочками, можно об этом и не догадаться :) Ну конечно всё это лечится небольшим временем, но интуитивность в этом плане пока ниже чем у конкурентов.
недостаток весьма существенный - в выключенном состоянии элемент интерфейса представляет собой пустое место :)
при взгляде на первую колонку неочевидно, что там вообще можно что-то менять
а вот почему бы не представить состояние в интуитивно понятной (господи, прости) форме:
http://i.vr2.net/temp/onoff2.gif
при взгляде на первую колонку неочевидно, что там вообще можно что-то менять
а вот почему бы не представить состояние в интуитивно понятной (господи, прости) форме:
http://i.vr2.net/temp/onoff2.gif
что даёт нам индикация обоих состояний:
[+] стройность сетки и лёгкое сопоставление каждого пункта вертикальному и горизонтальному заголовкам вследствие этой стройности; даже горизонтальные / вертикальные разделители становятся не нужны, а дополнительная чистота не помешает
[+] в случае незаполненности таблицы пользователь хоть что-то может понять :) это верно
[+?] а вот с «нажимаемостью» неоднозначно имхо, это всё ещё не button и не checkbox, хотя кажется всё же нажимаемость повыше — предполагаю, за счёт того что хочется расцепить соединённые пункты, и сцепить разъединённые, поиграться с ними.. ну мне лично хочется :) кстати, «нажимаемость» можно увеличить придав ячейке таблицы форму кнопки (3д, с тенями), хотя это может ухудшить
[+] символы вместо букв в нашем случае — это плюс
[-?] таблица замусоривается информационно, т.е. если у нас отмечена половина пунктов, в случае отображения 2х состояний мы получаем N символов, а в случае отображения только одного состояния (2е - «прозрачное») — в два раза меньше символов (о пользе этого я писал), а для больших таблиц замусоривание становится актуальнее; однако! замусоривание это можно, думаю, нивелировать если выделить визуально символа ВКЛ и задвинуть в тень символ ВЫКЛ, как впрочем и сделано на твоём рисунке — можно подумать о ещё большей блеклости ВЫКЛа..
хороший вариант :)
[+] стройность сетки и лёгкое сопоставление каждого пункта вертикальному и горизонтальному заголовкам вследствие этой стройности; даже горизонтальные / вертикальные разделители становятся не нужны, а дополнительная чистота не помешает
[+] в случае незаполненности таблицы пользователь хоть что-то может понять :) это верно
[+?] а вот с «нажимаемостью» неоднозначно имхо, это всё ещё не button и не checkbox, хотя кажется всё же нажимаемость повыше — предполагаю, за счёт того что хочется расцепить соединённые пункты, и сцепить разъединённые, поиграться с ними.. ну мне лично хочется :) кстати, «нажимаемость» можно увеличить придав ячейке таблицы форму кнопки (3д, с тенями), хотя это может ухудшить
[+] символы вместо букв в нашем случае — это плюс
[-?] таблица замусоривается информационно, т.е. если у нас отмечена половина пунктов, в случае отображения 2х состояний мы получаем N символов, а в случае отображения только одного состояния (2е - «прозрачное») — в два раза меньше символов (о пользе этого я писал), а для больших таблиц замусоривание становится актуальнее; однако! замусоривание это можно, думаю, нивелировать если выделить визуально символа ВКЛ и задвинуть в тень символ ВЫКЛ, как впрочем и сделано на твоём рисунке — можно подумать о ещё большей блеклости ВЫКЛа..
хороший вариант :)
ещё: чем хуже 2я колонка? тем что ON и OFF выглядят приблизительно одинаково - их трудно различать, надо читать, а теперь представьте что вся таблица 4x5, 4x10, а то и побольше, усеяна этими кнопками - лучше и не представлять :))
в ситуации с визуальными состояниями "что-то (неважно что!) в ячейке есть" и "пусто", количество информации резко уменьшается, что в данном случае важно - не перегрузить таблицу данными
в ситуации с визуальными состояниями "что-то (неважно что!) в ячейке есть" и "пусто", количество информации резко уменьшается, что в данном случае важно - не перегрузить таблицу данными
а на мой взгляд, думаю стоит смотреть по заданной задачи, т.е.
-если предполагается оооооч большая таблица, где в определенных колонках должна быть возможность включения чекбокса - то тогда стоит лучше применить простые "галки" на пустом месте - щелкнул-есть галка, не щелкнул-и нет галки..иначе кнопки "он и оф" в этом случае будут смотреться, мягко сказать - убого...
- а если таблица предполагается размером в 7 столбцов - то тут тогда и наоборот стоит применить "он и оф" понятно куда нажимать, посетитель не потеряется....
А еще я считаю, что чекбоксы (обычные) намного привычнее и понятнее российской аудитории интернета, так что лучше оставить галки, но "по-красивше" их нарисовать :)
И еще мне цвет фона нравится такой таблицы-клева )
-если предполагается оооооч большая таблица, где в определенных колонках должна быть возможность включения чекбокса - то тогда стоит лучше применить простые "галки" на пустом месте - щелкнул-есть галка, не щелкнул-и нет галки..иначе кнопки "он и оф" в этом случае будут смотреться, мягко сказать - убого...
- а если таблица предполагается размером в 7 столбцов - то тут тогда и наоборот стоит применить "он и оф" понятно куда нажимать, посетитель не потеряется....
А еще я считаю, что чекбоксы (обычные) намного привычнее и понятнее российской аудитории интернета, так что лучше оставить галки, но "по-красивше" их нарисовать :)
И еще мне цвет фона нравится такой таблицы-клева )
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Впорос — Как реализовать функционал «можно»-«нельзя» не прибегая к checkbox