Шах и мат в веб-дизайне: ставим мат успеху

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

Оригинал: Web Design Checkmate: Using Chess For Success in Web Design

    Бизнес сайтостроительства находится в постоянном изменении, адаптации и нуждается в стратегии. Дизайнеры и веб-технологи работают опираясь на опыт других людей и методом проб и ошибок. Рассуждая так, можно провести некоторые параллели (даже немного философские) между профессионалами веб-разработок и одной из самых популярных и древних настольных игр (как в реальном мире, так и цифровом). Эта игра — шахматы.

Шахматная доска
http://www.flickr.com/photos/mukumbura/3891827047/

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


Пешки

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

Символ фигуры пешки


Всегда иди вперёд

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

Вот несколько советов:

  • не используйте устаревшие приёмы при структурировании кода сайта;
  • анализируйте своё общество на предмет его потребностей — их вы восполните усовершенствованиями своего продукта;
  • изменяйте интерфейс сайта только тогда, когда уверены, что это улучшит user epxerience.


Жертвуйте

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

Вот пару советов для актуализации написанного выше:

  • удостоверьтесь, что разметка страницы (web layout) достаточно гибка, чтобы работать правильно на разных устройствах;
  • вешивайте все плюсы и минусы функции перед тем, как от неё избавиться;
  • содержание важнее оформления; никогда не ставьте декорации выше качества наполнения.


Ориентируйтесь на изменения

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

Вот советы на этот счёт:

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


Ладья

    Ладьи это замки, в которых живёт сила игрока. Они могут двигаться только по горизонтали или вертикал на любое расстояние. Они похожи на слонов, которые тоже двигаются только по прямой линии (хотя слоны ходят по диагонали). Игра может затрудняться из-за ограничений ладьи и иногда приходится прибегать к взаимодействию с другими фигурами, но сильные стороны ладьи это стойкость и долговечность.
    При работе на интернет, мы часто полагаемся на всякие условности и готовые решения (patterns), на их теорию и реализацию. Семантика вёрстки и общепринятые приёмы правильной структуризации документа напоминают отдельные шахматные фигуры, как ладья, которая выполняет только свою функцию.

Символ фигуры ладьи


Структурируйте осмысленно

    Ладья символизирует силу и представляет из себя крепкое сооружение. Эта каменная крепость может быть ограничена во взаимодействии с другими фигурами, но ценность её в характере её. Чтобы выжить в сегодняшних условиях, веб-сайты должны быть качественно сконструированы. Понимание требований, которым должен соответствовать сайт, обеспечит стойкость и надёжность вывода данных. Структурируйте работу аккуратно, избегайте «нелегальных ходов» и синтаксиса.

Некоторые советы усилят ваш код и имидж:

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


Помогайте тем, кто в беде

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

А вот советы, которые могут помочь и вам:

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


Будьте предусмотрительны

    Иногда всё выходит не так, как планировалось и в таких ситуациях хочется занять максимально безопасную позицию. Ладьи, как и другие важные фигуры, являются лишь средством защиты в игре, но предусмотрительность фундаментальна в вопросах длительного господства. Заранее посмотреть в будущее и продумать возможные негативные влияния на ваш план — вот что поможет избежать явных изъянов.

Пара советов для укрепления вашего сайта:

  • протестируйте свой сайт с неактивными скриптами и стилями на предмет удобности пользования;
  • протестируйте сайт на мобильных устройствах, ведь это быстро развивающийся и распространяющийся рынок.


Конь

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

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

Символ фигуры коня


Будьте предусмотрительны

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

Несколько советов, которые помогут вам стать рыцарем:

  • не воспринимайте критику на свой счёт, негативные отзывы обычно самые полезные;
  • никогда не отступайте; верный способ проиграть — перестать пробовать;
  • найдите единомышленников: в числе найдется и сила.


Найдите выигрышный момент

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

Следующие советы помогут вам найти выигрышный момент:

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


Избегайте преград на пути

    Конь единственная фигура, которая может проходить по занятым клеткам. Эта способность преодолевать барьеры чем-то напоминает стандарты accesibility для сайтов, что похоже на избавление от барьеров на пути через сайт. Целью здесь выступает свободна перемещения по сайту и доступа к его данным.

Советы по устранению барьеров:

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


Слон

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

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

Символ фигуры слона


Верьте в свою работу

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

Вот несколько советов, которые помогут поверить в свою работу:

  • составьте список преимуществ и сконцентрируйтесь на потенциале работы;
  • устанавливайте реалистичные, структурированные цели, чтобы достичь успеха;
  • побуждайте посетителей рассказывать о вашей работе своим знакомым.


Знайте свои рамки

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

Эти советы помогут вам узнать свои ограничения:

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


Вера в принципы

    Движение только по диагонали может показаться недостатком, но в некоторых случаях оказывается полезным. Сильное желание выполнить работу неким способом заслуживает уважения. Люди иногда упрямы и остаются верными своим принципам, если это возможно. Однако это может приводить к ошибкам … или мотивировать на продолжение.

Вот несколько советов, которые помогут вам сохранить целеустремленность:

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


Ферзь

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

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

Символ фигуры ферзя


Реализуйте свой потенциал

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

Вот несколько советов для расширения навыков:

  • обучаться может каждый, держите свои знания в тонусе;
  • двигайте себя в сторону ещё большего профессионализма и повышайте свою «планку»;
  • когда создаёте что-либо, старайтесь применять все свои навыки.


Смотрите вокруг

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

Вот советы для всестороннего взора:

  • чем дольше вы планируете проект, тем, обычно, лучше результаты;
  • информационная архитектура — ваш друг; используйте схемы и наброски;
  • не жалейте времени на доскональное тестирование сайта на предмет критичных ошибок.


Стратегия и обучение

    У вас есть два коня, две ладьи, два слона, много пешек и всего один ферзь. Его ценность в его одиночестве; каждый ход требует расчёта и учета последствий. Мы становимся профессиональнее методом проб и ошибок, будучи в постоянном обучении и предвидении. Быть на чеку в игре — помогает нам стать мудрыми в бизнесе.

Следующие советы помогут вам как стратегу:

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


Король

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

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

Символ фигуры короля


Избегайте ловушек

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

Вот несколько советов для обхода ловушек:

  • старайтесь избегать навязчивости и назойливости сайта по отношению к посетителю и тогда вы улучшите впечатления последнего;
  • активно ищите ошибки в своей работе и устраняйте их, улучшая сервис;
  • Internet Explorer это проблема. Следите за его поведением.


Ценность и важность

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

Эти советы помогут вам сравнивать:

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


Знайте когда отказаться

    Иногда мы настолько увлекаемся сложными или почти невозможными проектами, что просто забываем о существовании ответа «нет». Опускать свой меч никогда не бывает приятным; кажется, что ты потерпел неудачу, потому что не справился с задачей клиента. На самом деле отказ от слабых идей и плохих клиентов является показателем профессионализма. Нельзя побеждать в любой схватке.

Вот несколько советов, которые помогут:

  • доверяйте инстинктам, когда принимаете решение о будущей работе;
  • не забывайте о собственной выгоде в любой работе;
  • учитесь работать с «клиентами из ада».


Доска для шахмат

    Шахматные игроки фокусируются на отдельных фигурах и на задаче захватить короля, но им так же следует понимать доску для игры как поле боя, на котором разворачивается драма. Это актуально и для процесса создания сайта (и немного ко всей веб-индустрии в целом): много знаний заключено в самой доске.

Шахматная доска
http://www.flickr.com/photos/dlkinney/357134468/


Черные и белые

    Схоже шахматной доске, в вебе существует светлое и тёмное, хорошее и плохое. Мы взвешиваем «за» и «против» выполняя свои роли. Игра в шахматы рассказывает историю; наши успехи и неудачи являются всем на обозрение в интернете.


Думайте наперёд

    Самый главный урок из шахмат: думать наперёд. Умение предсказать действие оппонента всегда даёт превосходство. Так случается и в вебе. Неоправданные решения ведут к проблемам, а хорошо спланированные стратегии ведут к более быстрым результатам и большим наградам.


Рассматривайте альтернативы

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


Делайте свой ход

    Делать выбор тяжело; в шахматах, неверное решение может стоить вам фигуры, клетки, превосходства или всей игры. То же можно сказать о веб-сайтах. Подготовка к проектам, сервисам или возможным последствиям это одно, а вот реализация задуманного требует немалого мужества, навыков и опыта. После оценки возможных вариантов действий, выбирайте нужный и претворяйте в жизнь задуманное.


Шах и мат!

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

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

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

перевод: Рехимкулов Ринат
Спасибо Foton, Lenok и Dmitry Kiselyov за помощь

Реклама

Шах и мат в веб-дизайне: ставим мат успеху: 2 комментария

  1. Greetings :D Is it alright that I go a bit off topic? I’m trying to read your post on my new iPhone but it doesn’t display properly, do you have any suggestions? Thank you for the help I hope! Dyan x :)

    1. Hi, Dyan. It’s a built-in WordPress Theme. I’ve never tried to access it via an iPhone to be honest and I’ve no idea of how it looks on that device. I think have to try to ensure mobile accessibility. By the way: the post is in russian. Might this be a problem for you? ;)

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход / Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход / Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход / Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход / Изменить )

Connecting to %s