Аватары для сайта знакомств



При редизайна сайта знакомств НГС.Love одна из задач, которая передомной стояла, была сделать поддержку пользовательских аватар. Нужно это было для двух вещей. Во-первых, наличие аватара должно показывать, что у пользователя есть фото. Во-вторых, аватар должен служить для лучше идентификации анкеты. Узнать по небольшой фото, вспомнить от кого письмо или смотрел ли ты эту анкету легче, чем просто по нику.

Первоначально были следующие решения:
а) Разрешить пользователю загружать свои аватары. Обычная форма для загрузки файла.
б) Сделать возможность выбора участка на одной из уже добавленных фотографий, который будет затем использоваться в качестве аватара. Выглядит это, как фотография, по которой мышкой можно таскать квадратик нужного размера и кнопка «Создать аватару».

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

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

Объясняю почему. Рассматривая фото я заметил, что в абсолютном большинстве случаев если фото горизонтальная, то нужный нам объект находится по центру, если вертикальная, то в верхней половине. В итоге получается что нам надо нужно уменьшить фото по меньшей стороне до нужно размера (в моем случае это было 100 пикселей), а затем для вертикальной фото обрезать низ, а для горизонтальной обрезать края. А фото, для автоматической генерации аватары будем брать то, которое первое в анкете.

Что получилось в тоге можете увидеть сами.
http://denis.boltikov.ru/go/CkMQElxLHVkLF1EYXwEVGENMSRBXA0QFUE1ZFw8ERQMPR18RHll0EwUMRA1XCRJZDAg=/

P.S. Размер аватара 100×100 пикселей оказался неудачным. Он совпадает с одним из стандартных размеров баннеров и режется многими фаерволами и баннерорезками. Пришлось переделать все на 99×99.

Теги: , ,

Еще по теме

Posted on марта 17, 2007 
Filed Under Проектирование и разработка сайтов | Всего комментариев: 2

Как перенаправить все запросы на одну страницу

Решение через mod_rewrite

<IfModule mod_rewrite.c>
    RewriteEngine	on
    RewriteCond		%{REQUEST_URI}	!^/blank.html$
    RewriteRule		^(.+)		/blank.html [L]
</IfModule>

где blank.html нужная страница.

Пояснения для новичков. RewriteRule простое, все запросы перенаправлять на blank.html, после этого прекращать выполнения всех нижеследующих правил если они у вас есть. RewriteCond перед ним нужно чтобы предотвратить бесконечный цикл, иначе бы страница blank.html постоянно бы редиректилась на саму себя.

Теги: ,

Еще по теме

Posted on марта 16, 2007 
Filed Under Проектирование и разработка сайтов | Всего комментариев: 1

Нет предела совершенству

Порой очень полезно и поучительно почитать рецензии к работам присылаемым на «Бизнес-линч» на сайте «Студия Артемия Лебедева».

Вот только в плане юзабилити не нравится мне две вещи:

P.S. Для «любителей» Тёмы специальная ссылка на аналог бизнес-линча на одну из работ его студии.

Теги: ,

Еще по теме

Posted on марта 16, 2007 
Filed Under Мысли вслух | Всего комментариев: 5

Страница 57 из 57« « «......«51525354555657

Тема Vertigo Blue Theme от Brian Gardner.
Движок WordPress.

Рейтинг блогов