Lasto4ka
Администрация XGM

UX сайта xgm и о новых пользователях

Добавлен
В общем, это перепечатка моих заметок из xgm-ского дискорда.
Во-первых вот эта единица 🔔 у меня висит с лета:
-> Починить уведомления
А кстати при нажатии на фолловеры открывается просто мой профиль и висит аватарка моего единственного поклонника ssbbssc
или мне еще это надо нажать?
Ответ Maxlaid: "Видишь фололера? Добавь в друзья либо так и будет висеть"
(бред какой-то)
Во-вторых народ спрашивал (и я сама в первый раз тоже долго искала) где и как начать писать статью?
Нажимаешь на статьи-проекты-ресурсы, а там всего лишь список опубликованных статей. Плюс в правом верхнем углу буквально прячется от глаз.
-> Добавить зеленую кнопку "Написать статью" или "Новый материал" над списком, чтобы бросалось в глаза. На страницах типа xgm.guru/p/wc3/articles и xgm.guru/p/wc3/resources и xgm.guru/resources/1
-> Добавить к плюсу в правом верхнем углу подпись, может даже переместить его налево, а справа оставить только поиск
В полноэкранном режиме этот плюсик тем более не виден глазу (новичка! о них же речь).
В-третьих, где автоматические оповещения об ответах на комментарии? И тут и там кнопка светится Subscribed у меня, но оповещений не было. Нет оповещений = люди реже заходят на сайт, общение обрывается.
Только потом мне Maxlaid показал, что лента уведомлений находится слева, смахивает под рекомендательный блок (зачем мне его прокликивать? я обычно их игнорирую). И к тому же, она никак не подсвечивается.
-> Пихнуть уведомления в колокольчик профиля, как и у других сайтов
Раз уж есть интеграция с дискордом, то оповещения должны:
  1. Работать на сайте
  2. Ежедневный/еженедельный дайджест на мыло
  3. Ежедневный/еженедельный дайджест ботом в дискорде
Благодаря смартфонам, у большинства людей будет либо дискорд доходить, либо эмейл.
В-четвертых: дайте на выбор markdown как альтернативу txt2. Тем более, если хотите завлечь англоязычных пользователей. Github + reddit сделали markdown де факто единственным стандартом
Вроде все. На пока ;)
PS: В целом, современный дизайн устроен так, чтобы люди понимали его, надо перенимать концепты у других, кто эти концепты внедрил в массы. Всемирно это на данный момент Google+Android, Apple+iOS. По сайтам: в России - это ВК, Яндекс,YT в англоязычном сегменте: YT, Reddit (убогость дизайна Facebook не в счет)

Кнопки некоторые обновил, но это всё временно. По остальному - поток мыслей, это не в вопросах должно быть. Нужно как-то организовываться и приходить к концепту.
1 ноя 2022
374
`
ОЖИДАНИЕ РЕКЛАМЫ...

Показан только небольшой набор комментариев вокруг указанного. Перейти к актуальным.
0
Показать
38
0
Показать
С большинством не согласен, но есть часть годных вещей.
Уведомления о комментах будут как и упоминания. Вместо дискорда и имейла будут пуши для большинства вещей. Маркдауна не будет - он не покрывает и 30% функций. Фолловеры хз что делать - мертвый функционал, но если выпилить будет бабах.
Про плюсики годно.
Картинки появились, потому что у тебя стоял флаг автовставки, который есть только у вопросов - новички не вставляют картинки в текст, мы делаем это за них
0
Показать
31
0
Показать
Коль зашла речь о современных стандартах для мобилок, то почему все забывают про гайды от того же material, где minimum tap area определяют в 48 или на крайняк в 32px?
0
Показать
38
0
Показать
Цветные кнопки - вообще что-то из 2012, как раз уходить от этого надо
0
Показать
31
0
Показать
Github + reddit сделали markdown де факто единственным стандартом
Как вам шикарный способ выровнять изображение по центру в markdown?
<p align="center">
  <img src="http://some_place.com/image.png" />
</p>
ScorpioT1000:
Цветные кнопки - вообще что-то из 2012, как раз уходить от этого надо
Надо, некоторые кнопки в тёмной теме вообще ужос.
кто эти концепты внедрил в массы. Всемирно это на данный момент Google+Android, Apple+iOS. По сайтам: в России - это ВК, Яндекс,YT в англоязычном сегменте: YT, Reddit
А кто сказал, что эти дизайны хороши?
Загруженные файлы
0
Показать
6
0
Показать
ScorpioT1000:
С большинством не согласен, но есть часть годных вещей.
Потому что мой идеальный UI design - это примерно Windows Classic, самое главное в нем четкое выделения интерактивных кнопок, также четко-размеченное логическое разделение областей.
ScorpioT1000:
Фолловеры хз что делать - мертвый функционал, но если выпилить будет бабах.
Стань Дуровым 😁
ScorpioT1000:
Маркдауна не будет - он не покрывает и 30% функций.
Тебе как давнишнему пользователю txt2 знаком. Мне как стороннему пользователю и разработчику, которая параллельно публикует на Github - txt2 -без словаря- мануала на втором мониторе даже комментарий не сверстать. Хоть Markdown я и сама ненавижу, но для простых текстов он хорошо подходит. А там где его функционала не хватает - пусть дальше пользуются txt2.
ScorpioT1000:
Цветные кнопки - вообще что-то из 2012, как раз уходить от этого надо
Цветные кнопки - отличная зацепка для глаза. И красиво не значит удобно. Вот мне нравится, что главная кнопка Send выделяется цветом. Не надо глазом ничего искать. Туда же искоренение иконок ото всюду. Вы видели контекстное меню в новом Скайпе (без иконок)? Давным-давно там были пиктограммы. И не надо было ЧИТАТЬ каждый пункт, чтобы найти нужный.
nazarpunk:
Как вам шикарный способ выровнять изображение по центру в markdown?
Да то дурдом, как и все, что выходит за рамки простейшего текста в МД.
nazarpunk:
А кто сказал, что эти дизайны хороши?
К базовым элементам пользователь уже привык и знает, как чем пользоваться. Тут как добавлять свой вариант горячей клавиши в программу, потому что "он удобнее", тогда как все используют общепринятый, выученный "неудобный" вариант. И до тех пор, пока твоё нововведение не станет превалировать - именно оно и будет неудобным, непонятным пользователю.
Про запутанность меню ничего не говорю, там все ужасно, если лезть дальше прокрутки ленты.
0
Показать
31
0
Показать
Lasto4ka:
Потому что мой идеальный UI design - это примерно Windows Classic
А можно глянуть на гайдлайны относительно xgm?
Lasto4ka:
Мне как стороннему пользователю и разработчику, которая параллельно публикует на Github - txt2 -без словаря- мануала на втором мониторе даже комментарий не сверстать.
Нужно затащить markdown фичи, например
```js
console.log('Задолбала унылая подсветка')
```
Lasto4ka:
Цветные кнопки - отличная зацепка для глаза.
Да, но мы движемся к прегенерации цветов, чтоб юзеры могли сами нарулить себе тему и тут нужно уж очень сурьёзно всё архитектурить. Так что, если могёте в дизайн будем рады посильной помощи.
Lasto4ka:
Да то дурдом, как и все, что выходит за рамки простейшего текста в МД.
Немного само рекламы не повредит.
Вот я в своём мини проэкте ради скорости решил опираться на синтаксис markdown. И оно пахнет известной субстанцией.
Lasto4ka:
Тут как добавлять свой вариант горячей клавиши в программу, потому что "он удобнее", тогда как все используют общепринятый, выученный "неудобный" вариант.
Вот я перешёл с винды на мак ради мобильной разработки. И ВНЕЗАПНО оказалось, что всем мануалам абсолютно насрать, что на твоей оси некоторые хоткеи зарезервированы и у тебя вообще нет клавиши WIN. Выбор хоткеев видел только в мануалах от JetBrains, остальные вообще свято уверены, что кроме WIN больше не существует десктопных ОС.
0
Показать
6
0
Показать
nazarpunk:
А можно глянуть на гайдлайны относительно xgm?
Это вообще ко мне? Я-то не дизайнер, расписать почему мне нужен бюджет в несколько миллионов на реализацию безумно важного и неотложного собственного шрифта я не умею 😅 Ровно как и то, почему именно я считаю тот или иной подход к структурированию и дизайну наиболее эргономичным. Хотя в книге Раскина Интерфейс по-человечески нашла много откликов. и нет, книгу не рекомендую, хотя там важные моменты есть, которые нашли у меня отклик. писал он её почти как научную статью и буквально зад... свой Canon Cat. Который за пределы одно-функционного компьютера по определению уйти не мог. Половина его рассуждений применимо к этому компьютеру только как редактору текста, для многофункциональной, многопрограммной парадигмы половина книги устарела так же как парусник по сравнению с пароходом.
nazarpunk:
Да, но мы движемся к прегенерации цветов, чтоб юзеры могли сами нарулить себе тему и тут нужно уж очень сурьёзно всё архитектурить.
www.hsluv.org и habr.com/ru/company/timeweb/blog/646051
nazarpunk:
Выбор хоткеев видел только в мануалах от JetBrains, остальные вообще свято уверены, что кроме WIN больше не существует десктопных ОС.
Ввиду-то я имела другое, но понимаю боль. Это как разница между переводом и локализацией, в которой не только надо перевести (читай, портировать), но и в нужных местах подогнать. Но даже тут пример есть. До Windows в качестве комбинации копирования (и сейчас в терминалах) использовались Ctrl+Insert, Shift+Insert. Пришел Windows, стало CTRL+C, CTRL+V. Стоило ли перенимать и добавлять виндовые клавиши? Я думаю да. Но использовать в приложениях Super/Win-Key это вообще дикость. (Хотя я мечтаю о клавишах F13-F24 и хотела бы еще один модификатор типа CTRL в добавок, только под себя)
0
Показать
31
0
Показать
Lasto4ka:
расписать почему мне нужен бюджет в несколько миллионов на реализацию безумно важного и неотложного собственного шрифта я не умею 😅
А что там расписывать то? Весь опенсурс гавно, поэтому делаем свой. Под даким лозунгом мы просмотрщик изображений и загрузщик файлов полностью переписали.
Lasto4ka:
www.hsluv.org и habr.com/ru/company/timeweb/blog/646051
Вся проблема таких генераторов, что они прекрасно работают только с цветом и фоном, но как только дело доходит до разделителей, то получается гуано. Сколько раз я не рандомил Color Studio, добиться цвета, который не выглядит инородно у меня не получилось.
Что уже и говорить про такие хитрые рамки.
Lasto4ka:
И до тех пор, пока твоё нововведение не станет превалировать - именно оно и будет неудобным
Можно так подумать, что по всем базовым элементам UI есть некое соглашение. Возьмём элентарное. Enter - перенос строки, CTRL+Enter - отправить всегда верно?
Загруженные файлы
0
Показать
6
0
Показать
nazarpunk:
Возьмём элентарное. Enter перенос строки, CTRL+Enter всегда верно?
Пишу не глядя: с тех пор как узнала, что на Facebook (в своё время) SHIFT+Enter = новая строка, а Ctrl+Enter = однозначно отправить, - то да. Enter = по усмотрению/настройкам. Теперь добавлю сноску, что я пользователь IBM-compatible PC, потому что спрашиваешь ты не просто так :D
Насчет линий не понятно (смотрю с телефона если что). Можно начать с другой стороны, какой критерий инородности? Объективный по цвету/контрасту или на глаз? А если на глаз, то какая цель и какие ограничения? Допустим, выбранный цвет не должен быть близким к внутреннему или внешнему фону.
0
Показать
38
0
Показать
Спасибо соцсетям, обычный enter теперь мёртв
0
Показать
31
0
Показать
Lasto4ka:
Пишу не глядя: с тех пор как узнала, что на Facebook (в своё время) SHIFT+Enter = новая строка, а Ctrl+Enter = однозначно отправить, - то да. Enter = по усмотрению/настройкам. Теперь добавлю сноску, что я пользователь IBM-compatible PC, потому что спрашиваешь ты не просто так :D
Не просто так) Весь MacOS экспириенс завязан на клавише Cmd. Те же Cmd+C, Cmd+V. Но так как кроме Win не существует десктопных OC, то все усиленно заставляют пользоваться Ctrl, что для макоюзера вызывает отторжение ибо CTRL там редко используется.
Да и Ctrl+Enter - новая строка, Enter - отправить часто встречается и переключаясь между сайтами/приложениями начинается веселье чтоб случайно не отправить форму.
Lasto4ka:
Можно начать с другой стороны, какой критерий инородности?
Обычный - это должно быть не 50 оттенков серого, а цвет близкий к фону, но чётко отделяющий блоки друг от друга.
В случаях, когда нужно работать только с цветом ифоном, он шикарно справляется, как например в подсветке кода.
Хм, что-то мне Color Studio смутно напоминала, заглянув внутрь, оказалось что это flutter))
Показан только небольшой набор комментариев вокруг указанного. Перейти к актуальным.
Чтобы оставить комментарий, пожалуйста, войдите на сайт.