Ляо Чжай (quappa) wrote in ru_ucdesign,
Ляо Чжай
quappa
ru_ucdesign

Листалка консервативная, в меру удобная, одна штука

Интересный пост toecto с красивой идейкой напомнил. Давно хотел спросить мнений/советов по поводу нашей листалки.

Итак, у нас есть довольно простая, но мощная листалка в новой Рамблер-почте. Выглядит примерно вот так:

Страницы: 1 29 10 11 12 13 14 1527 28 след>>

Обладает некоторыми важными свойствами, про которые забывают авторы многих других листалок (в порядке важности):
1) Всегда видно, сколько всего страниц.
2) Всегда показывается текущая страница.
3) Для перехода в начало или конец всегда достаточно одного клика.
4) Для перехода к следующей/предыдущей странице всегда достаточно одного клика.
4.5) Дополнительно, для перехода к следующей странице существует очень широкая (6 символов) ссылка в фиксированном месте. Это самая частая операция над данным элементом управления.
5) Широкая окрестность текущей страницы для уточнения на одну/две/три страницы вперёд/назад в один клик.
5.5) Следствие — никаких лишних многоточий, пока страниц меньше семи и пока текущая близко к началу/концу списка.
6) Логическое количество операций минимально: выбор страницы по номеру, переход к следующей.
7) Дублирование минимально: переход к следующей можно сделать и выбором её по номеру. Оно, тем не менее, оправдано.

В качестве easter egg-а для продвинутых пользователей есть возможность поиска нужной страницы делением пополам — клик в любое многоточие. Списки всегда упорядоченные, поэтому данная операция очень эффективна.

Что скажете? Описан примерно десятый вариант (как раз тот, который сейчас в бою), он был выбран именно по чеклисту необходимых/частых операций, а также с учётом минимизации количества разнородных компонент внутри.
Tags: list, navigation, pager, веб-интерфейсы, обсуждение интерфейсов, паджинатор, примеры UI
Subscribe

  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 41 comments