Правила хорошего тона для веб-приложений

Правила хорошего тонадля веб-приложенийНикита Прокоповtonsky.livejournal.comНовосибирск, 2011

Что есть хороший тон?∙ Нарушение не смертельно;∙ Распространено;∙ Происходит по незнанию или недосмотру, а не по объективным причинам.

Глава 1.Не хамите

Никогда не держитепользователя за дурака

Сначала покажите, что у вас естьhttp://afisha.ru/

Сначала покажите, что у вас есть

Не спрашивайте лишнего

Представьтесь самиhttp://typekit.com/about

Не заставляйте ждать

Не теряйте введенные данные

Не обвиняйте пользователя

Не обвиняйте пользователяhttp://www.brilance.com/

Не обвиняйте пользователя

Глава 2.Будьте внимательны

Объясните, покажите, обслужите Где я? Зачем это все? Зачем это мне? Что посмотреть? Что делать дальше? ...

Объясните, покажите, обслужите

Помните своих гостейhttp://lleo.me/dnevnik/

Помните своих гостейhttp://mvideo-bonus.ru/rules/

Автоопределяйте данныеКакая это страна? ru_RU.UTF-8Где я? Novosibirsk, RussiaКакой сейчас год? UTC+7

Показывайте время в часовомпоясе клиентаhttp://rally1.rallydev.com/

Глава 3.Оформление элементов страницы

Используйте элементыпо назначению On English Удалить По-русски http://google.com О компании Редактировать Отправить

Оформляйте традиционноhttp://okcancel.com/comic/4.html

Убирайте клипарт и изображенияне по делу

Не дайте потеряться содержаниюhttp://blog.barrier.ru/

Текст должен читаться

Делайте это красиво

Глава 4.Язык твой — друг твой

Пишите грамотно

Уважайте региональные стандарты $100 100 руб. 1/25/11 25.1.11 =10,500.25 =10 500,25

Пишите для человекаДата: 2011.01.25Кол-во товаров: 4Кол-во взрослых: 2Кол-во детей до 3-х лет: 0Наличие холодильника: даНаличие кондиционера: да

Пишите для человека25 января 2011-гоВ корзине 4 товараНомер на двоих взрослых схолодильником и кондиционером

Не заставляйте читать

Говорите на языке пользователяhttp://ru.xored.com/blogs/

Будьте конструктивнымиhttp://facebook.com/

НЕ КРИЧИТЕ!http://ux.stackexchange.com/

Иногда лучше словамиhttp://bitbucket.org/

Title — объясняйтеhttp://livejournal.com

Будьте человечнымиОдну минуточку...

Будьте человечными

Глава 5.Готовим Аякс

Используйте его.

Показывайте, что запрос ушел

Обновляйте URL и Title

Глава 6.Подружитесь с браузером

URL любой страницы можноскопировать и передать кому-то+ Прямо из строки браузера+ Не протухнет+ Все увидят одно и то же

Не отвечайте страницей на POST

Не обязательно прекрасные,но полезные URL-ыhttp://user45.site.com/cat12/art56.html

Каждой странице свой Title

Кнопка ← должна работать

Дайте ссылаться внутрьhttp://artlebedev.ru/kovodstvo/172

Подстраивайтесь под устройствоhttp://www.dropbox.com/...

Глава 8.Думайте сами, решайте сами

Не структурируйте напрасно

Не делайте пейджингаискусственноhttp://technocity.ru/

Оповещайте об ошибкахавтоматическиhttp://twurn.com/500

Ищите с учетом материала

Глава 9.Мойте руки перед кодированием

Используйте UTF–8

Работайте быстро+ минификация+ объединение+ gzip+ Expires & ETag

Не суетитесь+ фикс. размеры блоков+ фикс. элементы управления+ укажите размеры img

Подумайте о хакерахhttp://stylebot.me/

Подумайте о хакерахhttp://instapaper.com/u

Никита Прокоповtonsky.livejournal.com

http://andrey.opeykin.ru	1384
http://lj-toys.com	1111
http://coderwall.com	68
http://opeykin.ru	20
http://xss.yandex.net	2

Правила хорошего тона для веб-приложений

by Никита Прокопов on Sep 28, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

5 Embeds 2,585

Statistics

Правила хорошего тона для веб-приложений — Presentation Transcript