13.03.2009

Проектирую интерфейс

Возник такой момент:

Фрагмент интерфейса

Подумал я: некрасиво выглядит. Может вот так?

Фрагмент интерфейса 2

Интересно стало, где-то используются такие селекты шириной в 100% колонки? :) Альтернативные решения конечно есть, но заинтересовал этот момент.



Комментарии (19) RSS

  1. Руслан Юлдашев | 13.03.2009 at 12:58

    Используются. На хабре, например. Однако на вебе это выглядит красиво только если сам селект сделать побольше по высоте (ну и текст внутри больше размером, естественно).


  2. rotor | 13.03.2009 at 13:01

    А никаких дополнительных пояснений к select’у не будет?


  3. Роман Настенко | 13.03.2009 at 13:08

    rotor, от этого селекта зависит состояние таблицы ниже. Т. е. ajax-ом меняется она в зависимости от того, показывать что выбрано в селекте.


  4. Иван Кучеренко | 13.03.2009 at 13:15

    Очень удобно ;) Можно писать длинные тексты… ;)))


  5. Виталий | 13.03.2009 at 13:21

    Cелект шириной в 100% (ну, почти) можно увидеть в виде адресной строки. Но там ведь предполагается, что текст в ней будет длинным.


  6. exdeniz | 13.03.2009 at 13:26

    С одной стороны длинный селектор правильней с точки зрения красоты, а вот с точки зрения удобности у меня есть сомнения. Где будет находится курсор большую часть времени ? Если он будет находится на правой стороне большую часть – я бы использовал длинный. Если на левой или везде то меньший. Дело удобства пользователя.


  7. rotor | 13.03.2009 at 13:41

    Я имел ввиду, не будет ли перед select’ом какого нибудь описания в label для пользователя, чтобы знать, что выбирать. Или оно будет прописано в самом select?

    Если пункты для выбора достаточно длинные, то я бы оставлял второй вариант, а если короткие – то пробовал бы компоновать в одну строку с описанием в label. ИМХО. Есть поле для экспериментов :)


  8. Ярослав Патрикеев | 13.03.2009 at 15:24

    Так делать плохо (в этом конкретном случае), потому что элемент управления расположен очень далеко от управляемых им данных.


  9. Sniff | 13.03.2009 at 16:20

    Фиттс был бы против.
    В дропдауне два элемента – строка-состояние и кнопка для смены состояния. Логично, что они связаны, не так ли? Если кнопка прямо влияет на состояние, она должна быть неразрывно связана с ним, был самым близким связанным с состоянием элементом. Это потому, что только связь с состоянием определяет ее функцию – убери рамку и устрой кнопке конкуренцию по связыванию с состоянием – и понять, что она делает, станет крайне тяжело.
    Иными словами, их тесная связь – залог их успешной работы.

    А теперь скажи, растягивание по горизонтали усиливает эту связь или ослабляет?


  10. Роман Настенко | 13.03.2009 at 16:39

    rotor, там выше заголовок, суть понятна.

    Ярослав Патрикеев, Sniff, а почему это нужно объзательно кликать по элементу управления справа? Кликабельна ведь вся строка.


  11. Sniff | 13.03.2009 at 16:43

    Да, действительно, зачем вообще делать это дропдауном? Просто ссылкой сделать, а по клику вываливать попап с вариантами.

    Зачем вообще эти дибилы сделали кнопку в дропдауне? Кликабельна же вся строка?

    Чувствуется, что ты не присутствовал на реальных юзертестах, и плохо представляешь себе, как пользуется элементами управления обычный интернет-пользователь.


  12. Ярослав Патрикеев | 13.03.2009 at 17:26

    М-да, я наверное тоже тупая секретарша, но открываю дропдауны всегда стрелочкой.

    Не надо искать псевдо-причин, чтобы оправдать неверное решение. Они, конечно, найдутся. Сделай лучше на ширину колонки и всё. Просто я не вижу смысла тащить его на весь экран, это дико.


  13. Роман Настенко | 13.03.2009 at 17:35

    Убедили :) Не буду так делать. Собственно, я и не собирался, но мне очень хотелось, чтобы меня убедили, что и так нормально :)


  14. exdeniz | 13.03.2009 at 20:03

    А вообщем то оправдано применение дропдауна ? Сколько в нем элементов ?


  15. Роман Рыбальченко | 14.03.2009 at 0:26

    А почему бы не сделать табы для переключений и выделить активный таб?


  16. Роман Настенко | 14.03.2009 at 0:29

    exdeniz, Роман Рыбальченко, очень не хочется делать два меню, хочется обойтись одним (одно будет слева вертикальное).


  17. exdeniz | 14.03.2009 at 9:52

    Да и не надо меню, сделай мини-облако.


  18. Ярослав Патрикеев | 14.03.2009 at 10:20

    Уж только не облако, это ваще не элемент для серьёзной навигации, это баловство.


  19. Юзабилист | 14.03.2009 at 15:24

    Если в выпадающем списке значений меньше54, то лучше сделать несколько табов и не скрывать текст. Если их много можно самые востребованные в табы остальные в выпадающее меню (см. как сделана почта на Gmail)
    А таблица уже в готов виде?




Комментировать