RSDN 2.0 / UX
От: c-smile Канада http://terrainformatica.com
Дата: 13.01.16 21:23
Оценка: 15 (2) -1

ИМХО


Основные задачи:

1. Избавиться от визуального мусора и разностильности в иконах / оформлении.

Про сувещствующий дизайн говорит не будем — там всё плохо.
Но вот скажем это ( http://rsdn.ru/forum/list ) конечно лучше (аккуратнее и меньше мусора), но тем не менее.

Информацию из этих трех колонок убрать в контекстное меню:

вместо этих цифирь (кто их читает?) поставить forum heat indicator (пример справа) или вообще <meter> тривиальный.

Результат: больше полезной информации видимой сразу. Больше места для неё.

2. Поднять контрастность текста. И вообще readability.

Бледно зеленый фон как сейчас и одно-пиксельные шрифты (которые с ClearType серые) — не читаемы.
Сделать шрифт больше, темнее (у главной информации), фон текста — белый.

3. Layout.

Я думаю что outlook layout, хоть он уже и затаскан по самое нихочу, но лучше всего подходит для существущей структуры:

+-------------+-------------------------------------------+---------------------------------------+
|             |   forum tree / table of content           | message view  | new message (editor)  |   
| catalog     |                                           +---------------------------------------+ 
|(collapsible |                                           |                                       |
| list)       |                                           |                                       |
|             |                                           |                                       |
|             |                                           |                                       |
|             |                                           |                                       |
+-------------+-------------------------------------------+---------------------------------------+


1. Это лучше работает с frameless вариантом.
2. desktop размеры позволяют.
3. На mobile эти три колонки уходят в tabs.

Как-то так пока видится.
Re: RSDN 2.0 / UX
От: AndrewVK Россия http://blogs.rsdn.org/avk
Дата: 13.01.16 21:37
Оценка: +1
Здравствуйте, c-smile, Вы писали:

CS>Информацию из этих трех колонок убрать в контекстное меню:

CS>Image: forum-list-2.jpg

То есть оставить одну колонку? Это уже перебор явный.

CS>вместо этих цифирь (кто их читает?)


Я читаю. И уж флажок профильный/непрофильный точно нужен. Да и места он занимает минимум.

CS> поставить forum heat indicator (пример справа) или вообще <meter> тривиальный.


Ну если только активность оценить по какой нибудь 3-5 балльной шкале относительно максимума. Ну чтобы в циферки не вчитываться — два индикатора, общий и за последний день или месяц.

CS>Результат: больше полезной информации видимой сразу.


Пока что ты информвцию только предлагаешл убрать. Так что непонятно чего там больше.

CS> Больше места для неё.


Да места и так вроде хватает, даже на телефонах.

CS>2. Поднять контрастность текста.


Как? Все шрифты сделать исключительно черными что ли?

CS> И вообще readability.


И что с ней сделать? Ты уже как нибудь переходи от "мыши, станьте ежиками" к конкретике.

CS>Бледно зеленый фон


Это ты так незаметно перескочил на форум что ли?

CS>3. Layout.

CS>Я думаю что outlook layout, хоть он уже и затаскан по самое нихочу, но лучше всего подходит для существущей структуры:

На телефоне будет адъ.

CS>3. На mobile эти три колонки уходят в tabs.


А при выборе темы что, автоматически переключать табы? И что делать с большой глубиной вложенности? Оно у нас сейчас даже во всю ширину десктопа иногда не влазит, а ты предлагаешь минимум в два раза уже сделать.

CS>Как-то так пока видится.


Ты в следующий раз все таки конкретизируй, о каких страницах речь, а то очень тяжело понять о чем ты в конкретный момент пишешь.
... << RSDN@Home 1.0.0 alpha 5 rev. 0 on Windows 8 6.2.9200.0>>
AVK Blog
Re[2]: RSDN 2.0 / UX
От: c-smile Канада http://terrainformatica.com
Дата: 14.01.16 03:46
Оценка: +1
Здравствуйте, AndrewVK, Вы писали:

AVK>Здравствуйте, c-smile, Вы писали:


CS>>Информацию из этих трех колонок убрать в контекстное меню:

CS>>Image: forum-list-2.jpg

AVK>То есть оставить одну колонку? Это уже перебор явный.


Это то что мы видим сейчас в TOC: http://rsdn.ru/toc/
Этот toc должен быть тематическим, вот примерно как это видится:



CS>>вместо этих цифирь (кто их читает?)


AVK>Я читаю. И уж флажок профильный/непрофильный точно нужен. Да и места он занимает минимум.


Это понятно что ты их читаешь, но подозреваю что 99% остальных посетителей точные цифры не интересны

CS>> поставить forum heat indicator (пример справа) или вообще <meter> тривиальный.


AVK>Ну если только активность оценить по какой нибудь 3-5 балльной шкале относительно максимума. Ну чтобы в циферки не вчитываться — два индикатора, общий и за последний день или месяц.


Да, именно это. Активность как-то отобразить.

CS>>Результат: больше полезной информации видимой сразу.


AVK>Пока что ты информвцию только предлагаешл убрать. Так что непонятно чего там больше.


Убрать именно то что не составляет предмет в фокусе. Всю мета информацию задвинуть на popups — кому надо тот откроет.

CS>> Больше места для неё.


AVK>Да места и так вроде хватает, даже на телефонах.


Нет, на телефоне не хватает. И вообще там все по другому. Pointing device — палец. Из его проекции на экран при касании и надо исходить при дизайне размеров sensitive elements.

CS>>2. Поднять контрастность текста.


AVK>Как? Все шрифты сделать исключительно черными что ли?


Нет, имеется ввиду толщина линий в буквах шрифта.

Вот пример двух шрифтов одной и той же family и цвета (70% черного)



Тот что тонкий смотрится более серым. Плохо читается.

CS>>Бледно зеленый фон


AVK>Это ты так незаметно перескочил на форум что ли?


А что больше всего посещается на то и перескочил.

CS>>3. Layout.

CS>>Я думаю что outlook layout, хоть он уже и затаскан по самое нихочу, но лучше всего подходит для существущей структуры:

AVK>На телефоне будет адъ.

CS>>3. На mobile эти три колонки уходят в tabs.

AVK>А при выборе темы что, автоматически переключать табы? И что делать с большой глубиной вложенности? Оно у нас сейчас даже во всю ширину десктопа иногда не влазит, а ты предлагаешь минимум в два раза уже сделать.


А вариантов других особо и нет, ну можно у reddit посмотреть, у них есть отдельная mobile версия. И тоже дерево.

AVK>Ты в следующий раз все таки конкретизируй, о каких страницах речь, а то очень тяжело понять о чем ты в конкретный момент пишешь.


ок.
Re[2]: RSDN 2.0 / UX
От: AlexRK  
Дата: 14.01.16 05:07
Оценка: +1
Здравствуйте, AndrewVK, Вы писали:

Нельзя ли вернуть ссылку на страницу профиля в "темах"? Она вроде не мешала.

Ну и еще, ИМХО, шапка в тех же "темах" стала очень тяжелая, съедает треть свободного пространства (а у меня с браузере с закладками и того больше).
Re[3]: RSDN 2.0 / UX
От: AndrewVK Россия http://blogs.rsdn.org/avk
Дата: 14.01.16 05:58
Оценка:
Здравствуйте, AlexRK, Вы писали:

ARK>Нельзя ли вернуть ссылку на страницу профиля в "темах"? Она вроде не мешала.


http://rsdn.ru/poll/5344
Автор: AndrewVK
Дата: 13.01.16
Вопрос: Какие ссылки вы использовали или хотите использовать в верхней части страницы Темы (http://rsdn.ru/forum)?
... << RSDN@Home 1.0.0 alpha 5 rev. 0 on Windows 8 6.2.9200.0>>
AVK Blog
Re[3]: RSDN 2.0 / UX
От: AndrewVK Россия http://blogs.rsdn.org/avk
Дата: 14.01.16 22:10
Оценка: +1
Здравствуйте, c-smile, Вы писали:

AVK>>Ну если только активность оценить по какой нибудь 3-5 балльной шкале относительно максимума. Ну чтобы в циферки не вчитываться — два индикатора, общий и за последний день или месяц.


CS>Да, именно это. Активность как-то отобразить.


Прикрутил. На основе курения диаграммы распределения шкала получилась экспоненциальной с основанием 2 на 8 уровней.
... << RSDN@Home 1.0.0 alpha 5 rev. 0 on Windows 8 6.2.9200.0>>
AVK Blog
Re[4]: RSDN 2.0 / UX
От: Sheridan Россия  
Дата: 15.01.16 07:23
Оценка: +1
Здравствуйте, AndrewVK, Вы писали:

CS>>Да, именно это. Активность как-то отобразить.

AVK>Прикрутил. На основе курения диаграммы распределения шкала получилась экспоненциальной с основанием 2 на 8 уровней.


Теперь напрашивается "галочка" "Отображать только активные форумы"
А так же, имхо, надо рисовать и "пустые" квадратики, что бы было на что навести мыша для попапа счётчиков
Matrix has you...
Отредактировано 15.01.2016 7:25 Sheridan . Предыдущая версия .
Re: RSDN 2.0 / UX
От: ononim  
Дата: 15.01.16 18:55
Оценка: -1
CS>2. Поднять контрастность текста. И вообще readability.
CS>Бледно зеленый фон как сейчас и одно-пиксельные шрифты (которые с ClearType серые) — не читаемы.

...иожет, стоит купить монитор получше и установить под него цветовой профиль?
Как много веселых ребят, и все делают велосипед...
Re[2]: RSDN 2.0 / UX
От: AndrewVK Россия http://blogs.rsdn.org/avk
Дата: 15.01.16 19:07
Оценка:
Здравствуйте, ononim, Вы писали:

O>...иожет, стоит купить монитор получше и установить под него цветовой профиль?


И потом этот монитор везде носить с собой?
Надо уже перестать закрывать глаза на очевидное. Мир изменился, десктопы отошли на второй план и перестали играть главную скрипку. Причем тенденция, увы, пока не меняется — в этом году рынок еще на 8% сжался. Так что мониторы мониторами, но 50% андроидов с плохонькими экранами никуда не деваются.
... << RSDN@Home 1.0.0 alpha 5 rev. 0 on Windows 8 6.2.9200.0>>
AVK Blog
Re[2]: RSDN 2.0 / UX
От: c-smile Канада http://terrainformatica.com
Дата: 16.01.16 00:39
Оценка:
Здравствуйте, ononim, Вы писали:

O>...иожет, стоит купить монитор получше и установить под него цветовой профиль?


Да куда уж больше. Мониторы вообще сильно больше не будут — слишком много света с поверхности — глазам не полезно.
Т.е. размеров сильно больше не будет, но DPI будет больше это да.

Ну вот нафига столько места пустого ?
Re[3]: RSDN 2.0 / UX
От: ononim  
Дата: 18.01.16 08:11
Оценка:
O>>...иожет, стоит купить монитор получше и установить под него цветовой профиль?
CS>Да куда уж больше. Мониторы вообще сильно больше не будут — слишком много света с поверхности — глазам не полезно.
Я не про размер (хотя и это тоже) а про качество цветопередачи монитора. На некоторых мониках шапку мессаги (песочного цвета) от белого цвета фона не отличить. ВОзможно просто что с зеленым цветом vs серые буквы та же фигня бывает.

CS>Ну вот нафига столько места пустого ?

CS>Image: forum-full.jpg
Место тратится нерационально — факт. Но как сделать рационально
Как много веселых ребят, и все делают велосипед...
Отредактировано 18.01.2016 8:37 ononim . Предыдущая версия . Еще …
Отредактировано 18.01.2016 8:12 ononim . Предыдущая версия .
Re[4]: RSDN 2.0 / UX
От: ononim  
Дата: 18.01.16 08:22
Оценка:
CS>>Ну вот нафига столько места пустого ?
CS>>Image: forum-full.jpg
O>Место транится нерационально — факт. Но как сделать рационально
Просто как вариант: http://savepic.su/7000384.png
Баннер можно и вниз, смотря как за него заплатят
Как много веселых ребят, и все делают велосипед...
Re[2]: RSDN 2.0 / UX
От: Воронков Василий Россия  
Дата: 19.01.16 08:08
Оценка:
Здравствуйте, AndrewVK, Вы писали:

AVK>Здравствуйте, c-smile, Вы писали:


CS>>Информацию из этих трех колонок убрать в контекстное меню:

CS>>Image: forum-list-2.jpg

AVK>То есть оставить одну колонку? Это уже перебор явный.


А как вообще должно работать это контекстное меню на тач-устройствах? По тапу оно открывается и тут же закрывается.
Re[3]: RSDN 2.0 / UX
От: AndrewVK Россия http://blogs.rsdn.org/avk
Дата: 19.01.16 08:37
Оценка:
Здравствуйте, Воронков Василий, Вы писали:

ВВ>А как вообще должно работать это контекстное меню на тач-устройствах? По тапу оно открывается и тут же закрывается.


Закрываться не должно.
... << RSDN@Home 1.0.0 alpha 5 rev. 0 on Windows 8 6.2.9200.0>>
AVK Blog
Re[4]: RSDN 2.0 / UX
От: Воронков Василий Россия  
Дата: 19.01.16 10:39
Оценка:
Здравствуйте, AndrewVK, Вы писали:

AVK>Здравствуйте, Воронков Василий, Вы писали:


ВВ>>А как вообще должно работать это контекстное меню на тач-устройствах? По тапу оно открывается и тут же закрывается.


AVK>Закрываться не должно.


Однако закрывается. Проверено на лаптопе с тачем и на винфоне (930).
Мне кажется, лучше сделать так, чтобы "меню" появлялось только при тапе/клике, да и вместо всплывающего окошка для мобильных устройств было бы удобнее сделать так, чтобы появлялась как бы дополнительная строчка — под той, на которой размещена кнопка — с деталями/дополнительными действиями.
Re[5]: RSDN 2.0 / UX
От: AndrewVK Россия http://blogs.rsdn.org/avk
Дата: 19.01.16 12:06
Оценка:
Здравствуйте, Воронков Василий, Вы писали:

ВВ>Однако закрывается. Проверено на лаптопе с тачем и на винфоне (930).


На винфоне у меня вроде все работает. А на лаптопе ... там же мышь или тачпад еще есть, потому и всплывает не по клику.

ВВ>Мне кажется, лучше сделать так, чтобы "меню" появлялось только при тапе/клике


Раньше так и было, народ возмущался. Сейчас если нет мыши — по клику, если есть — по ховеру.

ВВ>, да и вместо всплывающего окошка для мобильных устройств было бы удобнее сделать так, чтобы появлялась как бы дополнительная строчка — под той, на которой размещена кнопка — с деталями/дополнительными действиями.


Не понял.
... << RSDN@Home 1.0.0 alpha 5 rev. 0 on Windows 8 6.2.9200.0>>
AVK Blog
Re[6]: RSDN 2.0 / UX
От: Воронков Василий Россия  
Дата: 19.01.16 13:14
Оценка:
Здравствуйте, AndrewVK, Вы писали:

AVK>На винфоне у меня вроде все работает. А на лаптопе ... там же мышь или тачпад еще есть, потому и всплывает не по клику.


Ну не знаю, в8 со всеми последними обновлениями, IE. Меню появляется лишь на секунду и тут же исчезает.

ВВ>>Мне кажется, лучше сделать так, чтобы "меню" появлялось только при тапе/клике

AVK>Раньше так и было, народ возмущался. Сейчас если нет мыши — по клику, если есть — по ховеру.

Ну кстати иконка как раз позаимствована из интерфейсов, где по ней нужно именно тапать/кликать.

ВВ>>, да и вместо всплывающего окошка для мобильных устройств было бы удобнее сделать так, чтобы появлялась как бы дополнительная строчка — под той, на которой размещена кнопка — с деталями/дополнительными действиями.

AVK>Не понял.

Ну, щелкнул на кнопку, и под текущей строчкой (скажем, форум С/С++) появилась еще одна строчка с дополнительными пунктами меню, относящимися к этому форуму. Т.е. тоже самое, что во всплывающем окошке, только как бы "встроенное" в таблицу. Плюс подобного подхода в том, что в отличие от попапа случайно не закроется, что на всяких телефонах частенько выбешивает.
Re[7]: RSDN 2.0 / UX
От: AndrewVK Россия http://blogs.rsdn.org/avk
Дата: 19.01.16 13:55
Оценка:
Здравствуйте, Воронков Василий, Вы писали:

AVK>>Раньше так и было, народ возмущался. Сейчас если нет мыши — по клику, если есть — по ховеру.

ВВ>Ну кстати иконка как раз позаимствована из интерфейсов, где по ней нужно именно тапать/кликать.

Ну так по ней на таче и надо тапать. На iPad и винфоне я проверял — работает.

ВВ>Ну, щелкнул на кнопку, и под текущей строчкой (скажем, форум С/С++) появилась еще одна строчка с дополнительными пунктами меню, относящимися к этому форуму. Т.е. тоже самое, что во всплывающем окошке, только как бы "встроенное" в таблицу. Плюс подобного подхода в том, что в отличие от попапа случайно не закроется, что на всяких телефонах частенько выбешивает.


Ну так оно вроде и не закрывается сейчас случайно. И от попап/не попап это вообще не зависит, включить активацию по клику несложно. Но на десктопах народ хочет именно ховер.
... << RSDN@Home 1.0.0 alpha 5 rev. 0 on Windows 8 6.2.9200.0>>
AVK Blog
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.