Страница 10 из 36

Список

СообщениеДобавлено: 12 дек 2019, 19:28
SergeCpp
Хорошо вышло, спасибо.

Решать, конечно, вам. Моё мнение -- сейчас хорошо.

Форма входа и форма поиска

СообщениеДобавлено: 13 дек 2019, 11:55
SergeCpp
Screenshot_2019-12-13-11-28-10.png
Форма входа и форма поиска
Screenshot_2019-12-13-11-28-10.png (44.49 Кб) Просмотров: 6917


Предлагается следующее.

1. Убрать верхнюю надпись "Вход" (действие "Вход" очевидно по названию кнопки, что ниже).
2. Поместить в соответствующие поля текстовые строки (таким же слабонасыщенным цветом, как вышеобсуждавшийся "список") "Логин", "Пароль" и "Строка поиска".
3. Поля настроить так, чтобы эти строки пропадали при клике в них (когда поле получает фокус ввода).
4. Надписи перед полями ("Логин:", "Пароль:" и "Искать:") убрать.
5. Надпись-ссылку "Забыли пароль?" заменить на "Восстановление пароля" (если не поместится в одной строке, то не знаю пока, можно и "Забыли пароль?" оставить) и сделать новой строкой сразу под "Регистрация" (и чёрточку-минус там убрать).
6. Надпись "Искать все слова вместе", чтоб не было переноса, сократить до "Все слова вместе" (а "Искать" очевидно по названию кнопки, что ниже).
7. Кнопки "Вход" и "Поиск" сделать горизонтально равными по размеру полям ввода. Названия кнопок расположить по их центру. С планшета-телефона нажимать на них сложно. Да и вообще, с компьютера. Соответствующая по смыслу глава у Раскина есть.
8. Да, и поля тоже увеличить, сделав их в точности равными этим линиям, которые там сверху, снизу, и между Входом и Поиском.
9. Строку "Профиль" (там же, над ником) убрать.

//

По форуму

СообщениеДобавлено: 13 дек 2019, 12:40
SergeCpp
Странности в обоих полях поиска (справа вверху и слева над темой).

Screenshot_1.png
Screenshot_1.png (12.75 Кб) Просмотров: 6908


Screenshot_2.png
Screenshot_2.png (16.35 Кб) Просмотров: 6908

Re: Несколько мыслей по поводу сайта

СообщениеДобавлено: 13 дек 2019, 16:00
mister_boryan63
SergeCpp
я за все это.
Я в програмировании дуб, но если можно было бы менять цвет бекграунда в настройках было менять был бы топ

Re: Несколько мыслей по поводу сайта

СообщениеДобавлено: 13 дек 2019, 19:18
uav
2. Поместить в соответствующие поля текстовые строки (таким же слабонасыщенным цветом, как вышеобсуждавшийся "список") "Логин", "Пароль" и "Строка поиска".
3. Поля настроить так, чтобы эти строки пропадали при клике в них (когда поле получает фокус ввода).
4. Надписи перед полями ("Логин:", "Пароль:" и "Искать:") убрать.


Мне эта идея не нравится. Мне часто попадались подобные поля на других сайтах, и там всё время были проблемы с этим текстом - то он смешивался с вводимыми данными, то ещё какая-нибудь ерунда получалась. Очищать их надо будет, видимо, через JS, а это вызовет трудности, если он отключён и т.п. Мне кажется, текущий вариант вполне нормальный - на очень многих сайтах именно так и сделано, что заголовки над или перед полями, а не в них.

7. Кнопки "Вход" и "Поиск" сделать горизонтально равными по размеру полям ввода. Названия кнопок расположить по их центру. С планшета-телефона нажимать на них сложно. Да и вообще, с компьютера. Соответствующая по смыслу глава у Раскина есть.


Мне кажется, выглядеть будет не очень красиво. Огромная серая кнопка, а посредине небольшая надпись:

old_dos.PNG
old_dos.PNG (1.81 Кб) Просмотров: 6891


Насчёт странностей в полях поиска по форуму - постараюсь разобраться, но phpBB довольно сложный движок, а тут ещё и очень устаревшая версия...

Широкие кнопки

СообщениеДобавлено: 13 дек 2019, 19:33
SergeCpp
Это всего лишь привычка, нас всех так долго к этим микроскопическим кнопкам и полям ввода приучали, что нормальный вид для нас непривычен. Вот на вашей картинке же очень хорошо и поле и кнопка (чекбокс и надпись только "не очень", это надо думать, позже)! Раскин в своей книге про это пишет.

Вот один пример (там ещё есть диалог, где одна кнопка на весь подобный диалог; но я не скринил тогда, а сейчас... долго и сложно):
viewtopic.php?f=8&t=237#p1910

Ещё:
Изображение

Re: Несколько мыслей по поводу сайта

СообщениеДобавлено: 13 дек 2019, 19:38
uav
Ну, в таком виде, как я привёл - это ещё терпимо, но Вы же ещё шире предлагаете сделать - до границ столбца. А это, как мне кажется, перебор. Всё-таки сайт больше сделан для пользователей настольных компьютеров - а там вообще проще ни на какие кнопки не нажимать, а нажать Enter.

Это не только в привычке дело - в том примере, что Вы привели, я не сразу вообще догадался, что это кнопки - выглядит просто как надписи Start, Close и т.п. Суть в том, что эти виртуальные кнопки - в каком-то смысле "двойники" реальных кнопок на пультах и т.п., образ таких кнопок довольно устоявшийся, и нигде не делают маленькие надписи на очень больших кнопках.

P.S. То же самое в последнем Вашем примере - при первом взгляде мне эта кнопка "ОК" показалась какой-то то ли статусной строкой, то ли ещё чем-то таким. IMHO, не самый удачный дизайн.

P.P.S. Поля поиска на форуме поправил.

Re: Несколько мыслей по поводу сайта

СообщениеДобавлено: 14 дек 2019, 03:32
uav
1. Убрать верхнюю надпись "Вход" (действие "Вход" очевидно по названию кнопки, что ниже).

Сделал.

5. Надпись-ссылку "Забыли пароль?" заменить на "Восстановление пароля" (если не поместится в одной строке, то не знаю пока, можно и "Забыли пароль?" оставить) и сделать новой строкой сразу под "Регистрация" (и чёрточку-минус там убрать).

Сделал.

6. Надпись "Искать все слова вместе", чтоб не было переноса, сократить до "Все слова вместе" (а "Искать" очевидно по названию кнопки, что ниже).

Сделал.

9. Строку "Профиль" (там же, над ником) убрать.

Сделал.

По поводу остального пока думаю, насчёт удлинения кнопок, к примеру - сымитирую как-нибудь, посмотрю, как оно будет выглядеть...

По поводу сайта

СообщениеДобавлено: 14 дек 2019, 08:17
SergeCpp
Спасибо.

10. Чекбокс "запомнить". Во-первых, там сама надпись неактивна (не реагирует на клик или касание), это нужно поправить. Пример, где надписи активны: http://web.archive.org/save/ (Отметьте там размер кнопки, заметно больше текста.) Во-вторых, хорошо бы вот что сделать (это всё в контексте равноширинности полей, кнопок, линий): поместить этот чекбокс с надписью в прямоугольник со слабонасыщенным серым фоном (без рамки!) и сделать активным весь этот прямоугольник. Я вот с планшета сложно в чекбокс (и кнопку и т.д.) пальцем попадаю, хорошо, что у меня мышка есть.

11. Пункт 10 относится и к "все слова вместе".

Огромная серая кнопка, а посредине небольшая надпись
===
Шрифт на кнопке слишком мал, его нужно таким же сделать по масштабам, как другие тексты (типа "запомнить" и т.д.).

Мне кажется, выглядеть будет не очень красиво.
===
Красиво-красиво кнопка выглядит. Только нужно всё ровно делать, одной ширины.

Ну, в таком виде, как я привёл - это ещё терпимо, но Вы же ещё шире предлагаете сделать - до границ столбца. А это, как мне кажется, перебор.
===
Вот именно, что это привычка -- от насмотренности на микроскопические элементы, к которым приучили нас.

Всё-таки сайт больше сделан для пользователей настольных компьютеров - а там вообще проще ни на какие кнопки не нажимать, а нажать Enter.
===
1) Мобильный трафик в мире уже, вроде бы, много превысил десктопный.
2) Видел я много пользователей, которые и в гугле-поиске жмут кнопку мышкой, и копируют в ворде через мышку, а не ктрл-с.
3) Порой (и на незнакомых сайтах) ентер-действие весьма неочевидно (и вообще, может что-то ужасное сделать). Поэтому я вот жму кнопки. И только присмотревшись -- ентер. В том же хроме-гугле ентер-действие на планшете весьма норовисто, ужас-ужас... Вводишь адрес вверху, жмёшь ентер и -- поиск!.. И наоборот -- переход по строке поиска будто на сайт.


Это не только в привычке дело - в том примере, что Вы привели, я не сразу вообще догадался, что это кнопки - выглядит просто как надписи Start, Close и т.п.
===
Опять -- это присмотренность (привычка). Я вот вижу кнопки.

Суть в том, что эти виртуальные кнопки - в каком-то смысле "двойники" реальных кнопок на пультах и т.п
===
Именнно что "двойники" и копирование в точности ведёт не туда. Прочтите всё же книгу Раскина "Интерфейс".

образ таких кнопок довольно устоявшийся, и нигде не делают маленькие надписи на очень больших кнопках.
===
Зачем же маленькие. Обычный текст (сейчас там текст меньше обычного, выше я упомянул).

P.S. То же самое в последнем Вашем примере - при первом взгляде мне эта кнопка "ОК" показалась какой-то то ли статусной строкой, то ли ещё чем-то таким. IMHO, не самый удачный дизайн.
===
Кнопка это, кнопка.

//

Линии

СообщениеДобавлено: 14 дек 2019, 08:28
SergeCpp
Кстати, вот эти линии разделительные там, они вправо доходят почти- почти к правому столбцу. А должен быть промежуток. Сделайте эти линии покороче чуть (а поля ввода подлиннее чуть). Вот сейчас есть разница в длине у поля ввода и линии, разделите эту разницу пополам и прибавьте эту половинку к полям и убавьте эту половинку у линий.

Поля ввода

СообщениеДобавлено: 14 дек 2019, 10:21
SergeCpp
2. Поместить в соответствующие поля текстовые строки (таким же слабонасыщенным цветом, как вышеобсуждавшийся "список") "Логин", "Пароль" и "Строка поиска".
3. Поля настроить так, чтобы эти строки пропадали при клике в них (когда поле получает фокус ввода).
4. Надписи перед полями ("Логин:", "Пароль:" и "Искать:") убрать.
===

Мне эта идея не нравится. Мне часто попадались подобные поля на других сайтах, и там всё время были проблемы с этим текстом - то он смешивался с вводимыми данными, то ещё какая-нибудь ерунда получалась. Очищать их надо будет, видимо, через JS, а это вызовет трудности, если он отключён и т.п. Мне кажется, текущий вариант вполне нормальный - на очень многих сайтах именно так и сделано, что заголовки над или перед полями, а не в них.
===

Да, действительно, если ява нужна, то это не стоит. Можно попробовать обойтись без двоеточий, но тут нужен подход, подобный (*) --- кстати, эти зоны-квадратики в нашем случае можно заполнять немного отличающимся по насыщенности серым цветом. Так на форумах, вижу, делают, чередуя -- чтоб отличались разные сообщения или (в случае rsdn) -- заголовки сообщений.

(*) http://archive.li/ -- красный и синий прямоугольники.

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

Кнопка на весь экран

СообщениеДобавлено: 14 дек 2019, 14:00
SergeCpp
В Хроме, кстати, есть "кнопка на всю ширину экрана", очень элегантно реализовано. И прямо в точности по сути, как пример, что я выше привёл, с кнопкой "Ok" в TRW2000.

Настройки > Упрощенный режим (также эта настройка сразу видна по нажатию "трёх точек" справа-вверху").

Там в самом низу есть надпись "Сбросить статистику", на самом деле это кнопка на всю ширину экрана (ровно по границам текста, что выше). Если там оказывается курсор мыши, то всплывает слабый-слабый прямоугольник очень бледно-голубого цвета. Активен (нажимается) весь этот прямоугольник. А надпись "Сбросить статистику" находится посереди и занимает примерно пятую часть ширины кнопки. Без мыши тоже видно, нужно коснуться этой области (необязательно надписи, можно левее-правее по всей ширине экрана).

Вот о такого типа заливке я и говорил выше. (А фокусы с наведением-проявлением нам не нужны.)

Re: Несколько мыслей по поводу сайта

СообщениеДобавлено: 14 дек 2019, 15:50
uav
Сейчас вот дочитал Раскина. В принципе, интересно, но я не со всем согласен. К примеру, к его тезису о том, что эффективность важнее стандартизации. Это далеко не всегда так, т.е. на данный момент, скажем, есть сотни миллионов человек, которые хорошо умеют пользоваться существующими интерфейсами, скажем, стандартным GUI Windows. И если кто-то разработает более удобный и эффективный интерфейс, то им мало кто захочет пользоваться, просто потому что для этого надо будет проходить дополнительное обучение - а это деньги и время, а достигнутая эффективность выглядит изначально достаточно эфемерно. Другими словами, если это применить к этому сайту - если мы сделаем тут даже какой-то суперинтерфейс в духе Раскина, то этим сайтом просто никто не будет пользоваться, потому что ради хобби (ретрокомпьютеров и программ) никто не будет изучать его новые принципы, если он не будет похож на уже существующие интерфейсы.

Кроме того, я не согласен с его идеей избавиться от иерархической организации файловой системы, от имён файлов, наличия каталогов и т.п. Он, к примеру, предлагает, что доступ к документам должен осуществляться просто по поиску по их содержимому. Однако я не представляю себе, как можно без имён осуществлять такой поиск, скажем, по видеофайлам или картинкам. К ним всё равно надо будет делать описания, в результате эти самые описание заменят имена, получится практически то же самое.

В общем, у него много спорных идей.

По поводу Вашего примера:

Изображение

Мне кажется, это аксиома, что элементы интерфейса должны чётко отделяться друг от друга, в Ваших же примерах это правило не соблюдается.
В скрине выше кнопка сливается слева и справа с границами окна и вообще довольно схожа с рамкой выше. В том примере с тремя кнопками - они сливаются между собой (особенно для периферического зрения или просто при плохом зрении), между ними маленькое расстояние. К тому же повышается риск промахнуться, нажав на соседнюю кнопку - между ними должны быть явные границы. Я не против больших кнопок с большими же надписями, но на данном сайте это будет вызывать диссонанс с остальным текстом. На данный момент тут вообще почти везде размер шрифта по умолчанию, и я не буду этого менять, если не будет крайней необходимости.

Отметьте там размер кнопки, заметно больше текста.


Но всё-таки разница не такая огромная, как на скрине выше.

На данный момент моим высшим приоритетом является то, чтобы данный сайт хорошо работал на достаточно старых стационарных компьютерах. Для мобильных устройств можно в будущем сделать мобильную версию, а не перекраивать радикально существующую, иначе мы получим какого-то жуткого франкенштейна, который не угодит ни пользователям компьютеров, ни пользователям мобильных устройств.

По поводу чекбоксов ("Все слова..." и т.п.) - сделать, чтобы при щелчке по надписи ставилась галочка, думаю, я могу, хотя это тоже потребует JS.
А вот насчёт их выделения прямоугольником - честно говоря, не знаю, зачем?
По поводу линий, длины полей и прочего - мне кажется вполне неплохим текущий вариант, но, может, сделать выравнивание по середине? Что-то вроде такого:

old_dos2.PNG
old_dos2.PNG (3.82 Кб) Просмотров: 6754


И не совсем понял, чем мешают двоеточия после "Логин" и т.п.?

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

P.S. Сделал, чтобы чекбоксы выделялись и при щелчке по тексту, JS не понадобился - использовал label.

Re: Несколько мыслей по поводу сайта

СообщениеДобавлено: 14 дек 2019, 18:57
Balbes
uav писал(а):
2. Поместить в соответствующие поля текстовые строки (таким же слабонасыщенным цветом, как вышеобсуждавшийся "список") "Логин", "Пароль" и "Строка поиска".
3. Поля настроить так, чтобы эти строки пропадали при клике в них (когда поле получает фокус ввода).
4. Надписи перед полями ("Логин:", "Пароль:" и "Искать:") убрать.


Мне эта идея не нравится. Мне часто попадались подобные поля на других сайтах, и там всё время были проблемы с этим текстом - то он смешивался с вводимыми данными, то ещё какая-нибудь ерунда получалась. Очищать их надо будет, видимо, через JS, а это вызовет трудности, если он отключён и т.п. Мне кажется, текущий вариант вполне нормальный - на очень многих сайтах именно так и сделано, что заголовки над или перед полями, а не в них.

Если я ничего не путаю, это можно без побочных эффектов обеспечить HTML-атрибутом placeholder.

Re: Несколько мыслей по поводу сайта

СообщениеДобавлено: 14 дек 2019, 23:33
uav
Balbes, не знал про этот атрибут, спасибо. Но он, судя по всему, только в относительно новых браузерах поддерживается, "официальным" стал в HTML5:
http://htmlbook.ru/html/textarea/placeholder
IE10+ и т.п. Вот в Firefox 3.6 и в 8-м IE у меня он не работает. Думаю, не стоит ограничивать пользователей таких старых браузеров - они будут видеть только пустые прямоугольники.

P.S. Добавил на форум форму быстрого ответа. Вроде бы работает нормально.