Окошечки

[ermouth]

Дыброво-рабочее.

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

Волюнтаристским способом было решено, что регистрация/авторизация только через номер телефона, причём без пароля, каждый раз код. Чтобы это не заматывало, сессии длинные – то-есть вводить код из СМС нужно, по идее, всего раз на устройстве. Ну и СМС небесплатное удовольствие для отправителя, сильно не забалуешь.

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

Получилось так:

Тут сложных моментов было два:

• утолкать какой-то компактный выбор юпиков без непременной необходимости загрузки своей фотки,
• строка с кодом и ссылкой “Получить код”.

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

По иконкам ещё предстоит решить проблему с обрезкой/поворотом кастомных фоток – у меня есть отличный боевой кроппер со всем обвесом под десктоп/планшет, но нет под мобилу.

С мобилами есть один удручающий момент – несмотря на чудовищные вычислительные мощности и кучу памяти, JPEGи с камер пишутся почти всегда в ландшафтной развёртке, а в портрет это превращается меткой в EXIF.

Так вот, рендерилка браузера эти EXIF-ы понимает, а <canvas>, с помощью которого делается обрезка – нет. То-есть нужен такой кроппер, который не просто читает картинку, а ещё и разбирает её EXIF и поворачивает, если надо.

Ну и сама логика работы кроппера другая – на десктопе/планшете рамка обрезки таскается за углы, а на мобиле рамка неподвижна. Фотка под рамку должна вгоняется/масштабироваться двумя пальцами, как в Инстаграме.

А есть ещё ведроид же… Не скучаю, в общем.

Comments

[trubachev.livejournal.com]

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

[ermouth.livejournal.com]

Неа.

Я 9 вариантов нарисовал и каруселька там была. С каруселькой вот какие траблы:
— в десктопной версии она потребует кнопок
— она не даёт существенного выигрыша по информационной ёмкости, при этом вводит ограничение на форму (строго один ряд)
— большой выбор иконок – это так же хреново, как и всего один вариант.

Последний пункт самый важный – даже если поставить 20 вариантов, глаз будет в комментах замечать одинаковые иконки. То-есть увеличение количества вариантов не решает задачу создания разнообразия. А вот ограниченное к-во пёстрых вариантов с одной стороны не даёт ленте комментов стать серой и унылой если всё таки будут выбраны стандартные иконки, а с другой – всё же мотивирует прицепить свою иконку, потому что картинки несколько подростковые.

Ну и отличная дотягиваемость пальцем получается и слева и справа.