Руководство ниндзя о том, как улучшить веб-дизайн

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

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

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

Кажется очевидным, что и в этом году будет преобладать нечто подобное, однако, чтобы придумать что-то нестандартное, нужно помнить о нескольких вещах, и это то, что вы получите сегодня.

Причина, по которой веб-дизайн теряет свой творческий потенциал

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

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

Например, если мы рассмотрим использование Bootstrap в предыдущие пару лет, он будет одним из наиболее часто используемых при планировании сайта. Поскольку более 25% сайтов, которые мы посещаем практически каждый день, созданы с использованием Bootstrap.

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

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

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

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

1 Используйте изображения, чтобы заинтересовать

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

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

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

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

2 Сосредоточьтесь на развитии персонажа для вашего сайта

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

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

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

1. Во-первых, персонаж помогает осветить название организации. Как и во всех кампаниях по распространению вирусной рекламы, была жалоба на название организации «Mailchimp». Тем не менее, шимпанзе, появляющееся рядом со словами, как бы узаконивает название.
2. Кроме того, персонаж также подчеркивает забавную природу, которую компания хочет изобразить с помощью светлых тонов и базовых визуальных эффектов.
3. Фредди дает организации историю, когда у них нет большого количества разных вещей для обсуждения с особой точки зрения. Как появился шимпанзе? откуда произошло его имя? и так далее. Персонаж остается с четкой историей и продвигается вперед.

3 Привлекайте к участию через дизайн

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

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

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

4 Приступайте к осмысленным микровзаимодействиям

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

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

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

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

5) Пусть ваша история будет повествовательной

У каждой истории есть начало, центр и конец.

Если ваша веб-архитектура не поддерживает этот поток историй, клиенты могут запутаться или потеряться. Вот наименьшее сложное уравнение:

Начало: логотип и функция. Расскажите клиентам о себе и о том, почему они на вашем сайте.

В центре: вся вспомогательная история, которая делает вас выдающимся. Что бы вы могли сделать для людей, которые находятся на вашем сайте? Что было бы хорошей идеей для них предвидеть?

Окончание: неопровержимое предложение совершить действие, например, кадр, возможность совершить покупку или связь с чем-то другим.

6) Придерживайтесь базовой, простой сюжетной линии

Это может показаться противоречащим пункту, упомянутому выше, но история должна быть базовой. Это не том в 1500 страниц. Простая сюжетная линия — это та, которую вы можете объяснить за 5 секунд или меньше.

История должна немедленно привлекать клиентов, оставлять впечатление и заставлять их возвращаться. Да, вы можете сделать это с началом, центром и концом.

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

История прямая и мощная. Клиенты наверняка вспомнят, что это… и вы.

7) ПОДДЕРЖКА МОБИЛЬНЫХ УСТРОЙСТВ

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

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

8) Обновите себя с помощью новых технологий

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

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

К вам

Веб-планирование — это поле для тестирования. Достижения в этой области действительно требуют стойкости и самоутверждения, чтобы приспособиться к любым условиям, которые возникают, и никогда не падать духом в любой момент, когда дела идут не так уж неожиданно. Что вам потребуется для достижения конкретной конечной цели, чтобы добиться успеха в вашей профессии в веб-дизайне, так это усердие и поведение «никогда не сдаваться». Значительное число из вас должны уже хорошо отрепетировать один или большую часть этих советов в своей экспертной жизни; Тем не менее, моя цель состоит в том, чтобы управлять теми, кто до сих пор не знает об этих достижениях, и напоминать людям, которые определенно хорошо их знают.