Что можно и чего нельзя делать в адаптивном дизайне для мобильных устройств

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

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

Серьезно.

Если вы мне не верите, давайте проведем быструю оценку:

1. Что ты берешь первым делом с утра? Как насчет последней вещи, которую ты отпускаешь ночью?
2. Что на первом месте: кусочек обеда или фотография с ним?
3. Когда вы в последний раз заходили в свой телефон? Это было десять или две секунды назад? Вы хоть сейчас его используете?
4. Сколько раз вы возвращались домой сразу после поездки на работу/учебу только потому, что забыли свой телефон?
5. Когда вы в последний раз открывали Facebook, Twitter или Instagram? Было ли это публиковать что-то — разглагольствование, фото, может быть, видео OOTD или банкомат с хэштегом?

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

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

Это правда. Снова и снова академические исследователи доказывают, что людям необходимо социальное взаимодействие, чтобы процветать в этом мире. Хотя это не считается основной потребностью, потому что наши тела могут функционировать с ним или без него, оно все равно считается необходимым. Во всяком случае, это «более высокий уровень» потребностей, как это отражено в Иерархии потребностей Маслоу.

Итак, какое место во всем этом занимают смартфоны?

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

Это плохо? Может быть. Это хорошая вещь? Вероятно.

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

Что такое мобильная отзывчивость?

Мобильный адаптивный подход — это современная методология маркетинга, которая работает рука об руку с другими методами, такими как SEO и UX. Дело в том, что помимо хорошего контента любой компании необходимо предоставлять пользователям легкодоступную и понятную информацию. Именно это и призван решить подход, ориентированный на мобильные устройства. Он направлен на то, чтобы предоставить пользователям более простой и удобный опыт просмотра веб-страниц.

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

Когда веб-сайт отформатирован под размер обычного настольного компьютера, очень высока вероятность того, что он будет казаться смехотворно маленьким на экране смартфона. Ты можешь представить? Вы вставляете экран размером от 15 до 17 дюймов в экран размером от 5 до 6 дюймов. Контент будет буквально казаться миниатюрным! Пользователям будет трудно разобраться в содержании вашего веб-сайта, и они могут вообще отказаться от идеи иметь дело с вашим бизнесом — навсегда.

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

Зачем делать сайт адаптивным для мобильных устройств?

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

Но в последние годы произошли изменения.

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

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

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

Что вы должны и не должны делать, делая свой сайт мобильным?

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

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

Что касается дизайна…

ДЕЛАТЬ:

• Держите свой мобильный дизайн простым. Мы имеем в виду это. Чем проще дизайн вашего сайта, тем легче его будет понять. Имейте в виду, что когда вы создаете веб-сайт с небольшими гаджетами, вам необходимо максимально увеличить пространство для основного контента. Вы должны сделать акцент на том, что вы предлагаете или продаете. Создание вашего веб-сайта слишком абстрактным или причудливым будет мешать этому.
• Придерживайтесь четких, но плавных шрифтов. Для заголовков используйте шрифты без засечек. Те, которые создают особенно большое влияние и акцент, хороши. Для текста или абзацев используйте шрифты с засечками. Это позволит читателю более плавно следить за мыслью вашего контента. Это помогает облегчить весь процесс чтения. Однако будьте осторожны! Всегда будьте ясны со шрифтами с засечками и курсивом. Избегайте курсивов, поскольку они, как правило, слишком отвлекают!
• Добавьте картинки, где это необходимо. Обратите внимание, что ключевое слово здесь «необходимо», что означает, что вы должны ограничить использование графики на своем мобильном веб-сайте. Этому есть две причины. Во-первых, веб-сайты с большим количеством мультимедийного контента загружаются дольше, и, согласно статистике, пользователи с меньшей вероятностью будут продолжать просмотр веб-сайта, если он покажется им слишком медленным. Во-вторых, когда на веб-сайтах много изображений и видео, они могут слишком отвлекать. Люди могут больше не обращать внимания на важный контент. Добавьте изображения и видео, которые сделают ваш продукт более эффектным или, по крайней мере, проложат путь к продуктам или услугам, которые вы хотите продвигать.

НЕ:

• Использование слишком ярких цветов — плохая идея. Почему? Ну, давайте просто скажем, что они могут невинно ослепить вас, особенно когда вы просматриваете страницы поздно ночью с выключенным светом. Яркие цвета могут слишком отвлекать, и многим людям не нравится видеть их на маленьких экранах. Тем не менее, использование их в качестве акцентов на вашем веб-сайте должно быть приемлемым. Это на самом деле добавляет к счастливой атмосфере. Просто выберите не слишком яркие цвета. Сначала вычеркните неоновые цвета из списка.
• Бессмысленный беспорядок действительно заставит ваш сайт казаться бессмысленным. Я серьезно; Я просто не могу не подчеркнуть это достаточно. Если вам это не нужно или если это не добавляет значимости вашему веб-сайту, то не размещайте его. Рекламные объявления, хотя и прибыльные, также могут быть очень раздражающими, если вы разрешаете слишком много их на своем сайте. Веб-сайт. Когда пользователям надоест все всплывающие окна и мерцание, они начнут покидать ваш сайт. И когда они это сделают, трафик вашего сайта упадет, что неудовлетворит покупателей рекламы. В конце концов, вы проигрываете. Лучше держать вещи на умеренном уровне, чтобы получить беспроигрышный вариант, не так ли?

Что касается удобства пользователя…

ДЕЛАТЬ:

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

НЕ:

• Использование автоматических/роботизированных ответов для ответов на запросы может не сделать пользователей слишком счастливыми. Хотя я только что сказал, что общение — очень важный фактор в построении доверия, нерешительное общение может разрушить ваши шансы на установление любого уровня доверия — вообще! Использование «чат-ботов» и всего остального — хорошая стратегия для поддержания взаимопонимания с клиентами, но если вы можете предложить человеческую помощь, сделайте это вместо этого.
• Презентация вашего продукта или услуги в каждом абзаце каждой страницы просто раздражает. Я имею в виду, это нормально быть продавцом; это ваш сайт, в конце концов. Но быть СЛИШКОМ продажным — это совсем другое, и многих людей это может сильно оттолкнуть. Продвигайте свой продукт, но делайте это в меру, капиш?

Что касается содержания…

ДЕЛАТЬ:

• Сосредоточьтесь на том, чего хотят пользователи и когда они этого хотят. Или, другими словами, не пишите о вещах, которые людям сейчас безразличны. Это может быть очень актуальной темой для вашего бизнеса, но если людям не нравится говорить об этом (по ряду причин), избегайте публикации контента на эту тему. Вы должны смотреть на более широкую картину, и угождение другим должно быть вашим главным приоритетом. Иди туда, куда тебя ведет большинство.
• Создавайте значимый, актуальный и своевременный контент. Да, я думаю, что первое предложение говорит само за себя. Помимо развлекательного контента, у вас также должен быть ценный и значимый контент. Мы, в конце концов, вступили в век информации. Если люди сочтут ваш контент неприятным или недостаточным, они могут просто перейти на другой веб-сайт. А ты этого не хочешь. Заставьте их остаться, показав им, что вы действительно предлагаете что-то, что заслуживает их времени.

НЕ:

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