Файл: Разработка навигации по мобильной версии сайта для интернет – магазина Vzlate.ru.pdf
Добавлен: 24.05.2023
Просмотров: 204
Скачиваний: 2
Введение
Тема моей курсовой работы – это разработка навигации по мобильной версии сайта для интернет – магазина.
В связи с развитием высокоскоростных коммуникаций, т.е. интернета произошел огромный скачок в развитии областей дизайна. Естественно увеличилось и количество предложений об услугах, в общем появились новые возможности развития как для людей, связанных с ним и ищущих работу, так и для людей далёких от него, но которым нужны профессионалы своего дела.
Интернет открыл перед нами огромные возможности. Многие направления в дизайне появились только благодаря ему. Это баннерный дизайн, дизайн сайта - все, что так или иначе связано с веб-разработкой. Конечно, остальные виды не канули в лету, но все же они потеряли свою значимость в глазах работодателей, поэтому каждый стремится создать свой бренд в Интернете, а, следовательно, и продвигать его. Создание стиля, позволяющего найти компанию в интернете (логотип, баннер, визитки), действительно очень помогает в развитии и расширении бизнеса.
В современном мире люди всегда куда – то спешат, им все нужно сделать быстро, и чтобы предоставляемые услуги были осуществлены качественно и быстро. Сейчас у всего есть свой сайт, через который можно заказать какие – то продукты, товары или услуги. Их сайты прекрасно смотрятся на мониторе компьютера, удобные в навигации и понятные пользователю. Но все ли сайты так хороши в мобильной версии? Не у каждого человека есть время садится за компьютер или ноутбук, чтобы осуществить поиск по сайту. Гораздо проще посмотреть все через мобильный телефон, который каждый носит с собой. Но не у каждого полноэкранного сайта, который прекрасно смотрится на экране компьютера, все так хорошо с мобильной версией. Некоторые сайты просто не заточены под экран мобильного телефона, который уступает в размере экрану компьютера. Мы получаем информацию с экранов гаджетов, которые всегда носим с собой. У нас есть юзер – это пользователь, взаимодействующий с содержанием, а интерфейс – это способ, с помощью которого пользователь добирается до содержания. В конечном итоге интерфейс является связующим между пользователем и содержимым.
В своей курсовой работе я хочу рассмотреть сайт магазина Vzlate.ru, рассмотрев его полную версию, я сделала выводы, что мобильная версия сайта совершенно не удобна в использовании. Какую навигацию можно назвать хорошей? В первую очередь, если посетитель интуитивно чувствует, куда нужно нажать, чтобы сделать следующий шаг и пользуется ссылками «на автомате». Данный сайт не заточен под размер мобильного экрана, он не удобен и не кликабелен.
Интерфейс сайта должен быть удобным в использовании. Его основные задачи: комфортное расположение разделов, навигация, поиск по сайту. Далее следуют визуальные составляющие, такие как цвет, шрифт, значки и общий вид всего интерфейса мобильного сайта.
На основе всего вышесказанного, можно сделать вывод, насколько эта тема актуальна в наше время. Удобный мобильный сайт облегчает жизнь человеку, помогая ему быстро разобраться в сайте, на интуитивном уровне понимать, где что располагается. В таком случае, человек быстрее осуществит заказ.
Цель проектирования: Создание комфортной интернет-среды для пользователей мобильных сайтов
Задачи: создать удобный в навигации и понятный пользователю мобильную версию сайта интернет – магазина Vzlate.ru.
1. Разработать удобную навигацию сайта. Расположить все основные разделы комфортно для пользователя. Изучить нужные материалы по этому вопросу, проанализировать сайты конкуренты.
2. Показать процесс создания навигации по мобильному приложению.
ГЛАВА 1. ТЕОРЕТИЧЕСКИЕ АСПЕКТЫ ДИЗАЙНА
1.1. Интернет – дизайн
Веб-дизайн охватывает множество различных навыков и дисциплин в области производства и обслуживания веб-сайтов. Различные области веб-дизайна включают графический дизайн, дизайн интерфейса, авторство, включая стандартизированный код и фирменное программное обеспечение, дизайн пользовательского опыта, и оптимизацию поисковой системы. Часто многие люди работают в командах, охватывающих различные аспекты процесса проектирования, хотя некоторые дизайнеры будут охватывать их все. Термин "веб-дизайн" обычно используется для описания процесса проектирования, относящегося к интерфейсному (клиентскому) дизайну веб-сайта, включая написание разметка. Веб-дизайн частично перекрывает веб-инжиниринг в более широком контексте веб-разработки. Ожидается, что веб-дизайнеры будут знать об удобстве использования, и если их роль включает создание разметки, то они также должны быть в курсе рекомендаций по обеспечению доступности веб-сайтов.
Дизайнеры используют множество различных инструментов в зависимости от того, в какой части производственного процесса они участвуют. Эти инструменты обновляются с течением времени новыми стандартами и программным обеспечением, но принципы, лежащие в их основе, остаются прежними. Дизайнеры используют как векторные, так и растровые графические редакторы для создания изображений в веб-формате или прототипов дизайна. Другие инструменты, которые могут использовать веб-дизайнеры, включают средства проверки меток и другие инструменты тестирования для удобства использования и доступности, чтобы обеспечить их веб-сайты соответствуют рекомендациям по веб-доступности.
Маркетинг и коммуникационный дизайн на веб-сайте может определить, что работает для его целевого рынка. Это может быть возрастная группа или определенный культурный слой; таким образом, дизайнер может понять тенденции своей аудитории. Дизайнеры могут также понимать тип веб-сайта, который они разрабатывают, что означает, например, что соображения по дизайну веб-сайта для бизнеса могут значительно отличаться от целевого веб-сайта для потребителей, такого как розничная торговля или развлекательный сайт. Тщательное рассмотрение может быть сделано для обеспечения того, чтобы эстетика или общий дизайн сайта не противоречили ясности и точности содержания или легкости веб-навигации, особенно на веб-сайте B2B. Дизайнеры могут также учитывать репутацию владельца или бизнеса, который представляет сайт, чтобы убедиться, что они изображены благоприятно.
Когда аудитория посещает сайт, это дает им первое впечатление о бизнесе. Они будут судить о нем в течение нескольких секунд. В эти первые несколько секунд нужно оказать положительное влияние на посетителя сайта. Если сайт выглядит непривлекательно или устарел, посетитель сразу же будет иметь негативное впечатление о бизнесе. Он не найдет сайт привлекательным. Веб-дизайн важен, потому что он влияет на то, как аудитория воспринимает бренд. Впечатление, которое производят на них, может либо заставить их остаться на странице и узнать о бизнесе, либо покинуть страницу и обратиться к конкуренту.
Люди могут судить, как будут относится к продукту, глядя на сайт. Дизайн дает им представление о том, как владелец сайта смотрите на свою аудиторию. Если не приложить никаких усилий к дизайну сайта, аудитория может посчитать, что к ним будет такое же отношение.мСайт похож на представителя службы поддержки клиентов. Если сайт яркий, современный и привлекательный, аудитория будет чувствовать себя более желанной на странице. Создается впечатление, что сайт открыт и приветствует новых людей, которые посещают его посещают.
С другой стороны, устаревший и непривлекательный сайт заставляет бизнес казаться холодным и отчужденным. Люди не хотят проверять бизнес, который не ценит их достаточно, чтобы сделать хорошее первое впечатление.
О дизайне сайта стоит думать, как о цифровом лице компании. Обновленный и современный веб-дизайн является эквивалентом дружелюбного лица, приветствующего ваших новых посетителей.
Люди не доверяют плохо разработанным сайтам. Если они видят плохой дизайн или информация выглядит устаревшей, они не будут доверять сайту. Они могут рассматривать его как сомнительный. С другой стороны, профессиональный сайт сигнализирует о доверии к его посетителям. Они будут доверять бизнесу и чувствовать себя комфортно, проверяя его дальше. Важно построить доверие с аудиторией, чтобы они оставались на сайте.
Когда пользователи получают доступ к сайту, они хотят получить доступ к информации быстро и легко. Важно реализовать навигацию, которая проста для использования посетителями. Люди не хотят бороться, чтобы найти информацию. Они хотят получить доступ к панели навигации и легко быть направлены на нужную им информацию. Промежутки внимания посетителей коротки. Чтобы сохранить пользователей на своей странице, нужно помочь им быстро получить доступ к информации. Правильно разработанная навигация поможет им в этом.
Компании быстро интегрируют визуальные элементы, поскольку они помогают улучшить взаимодействие на веб-сайте. На самом деле, клиенты в 10 раз чаще взаимодействуют с видео, чем с текстом. В то время как визуальные элементы отлично подходят для взаимодействия и разбиения текста, некоторые предприятия перебарщивают с изображениями. Их сайты переполнены фотографиями и видео. Это заставляет сайт чувствовать себя подавляющим и захламленным.
Можно подумать, что это здорово интегрировать и обилие фотографий и видео, чтобы увеличить вовлеченность, но это может стать подавляющим, если их слишком много. Слишком много изображений затрудняет чтение на странице. Необходимо создать баланс между изображениями и текстом на странице. Не стоит добавлять визуальные элементы ради того, чтобы максимально увеличить вовлеченность.
1.2. Восприятие цвета
Цвет играет важную роль в том, как воспринимается бренд. Например, если это модный бренд, пытающийся подключиться к молодой аудитории или магазин медицинских принадлежностей, пытающийся укрепить доверие клиентов, можно изучить цветовые значения, чтобы помочь вам лучше привлечь и подключиться к своему идеальному клиенту.
Психология цвета — это изучение цвета в отношении человеческого поведения. Он направлен на определение того, как цвет влияет на наши повседневные решения, такие как предметы, которые мы покупаем. Разве цвет платья заставляет нас покупать его? Может ли цвет кнопки, заставить нас нажать на нее? Короткий ответ-да. Но почему, это часть немного сложнее. Цветовые значения могут оказывать влияние на то, почему мы предпочитаем одни цвета другим. Один и тот же цвет может также иметь различные значения, которые зависят от нашего воспитания, пола, местоположения, ценностей и множества других факторов.
Цвет вызывает чувство. Это возбуждает эмоции (см. рис. 1.1.). Выбор правильных цветов для маркетинговых усилий может быть разницей между брендом, выделяющимся из толпы, или смешивающимся с ней. Используя цвета в маркетинге, можно заставить свою аудиторию видеть то, что хочет дизайнер, чтобы они видели, и помочь им воспринимать все правильною. Вот почему понимание психологии цвета может быть так полезно в дизайне.
При выборе правильных цветов может улучшить восприятие сайта или самого бренда, плохой выбор цвета может нанести ущерб вашему имиджу. Например, если вы выбрали неверные цвета для вашего контента или логотипа, он может оказаться менее читаемым и трудным для понимания вашей аудиторией.
Рис. 1.1. Схема эмоционального восприятия цветовых оттенков
Цвет может быть использован маркетологами, чтобы повлиять на то, как люди думают и ведут себя по отношению к бренду, и как они интерпретируют любую информацию (см. рис. 1.2). Выбор цветов может помочь людям решить, что важно. И именно поэтому маркетологи должны понимать, что означают разные цвета.
Несмотря на то, что психология цвета изучалась и анализировалась в течение многих лет, до сих пор существует много споров о точном влиянии цвета на человеческую психологию.
Рис. 1.2. Влияние цвета на человека в маркетинге и рекламе
Но возникает вопрос: почему существует так много неверных представлений о психологии цвета и его значении? Одна из причин этого заключается в том, что когда речь заходит о психологии цвета, то здесь есть много переменных величин. Есть вероятность, что разные люди воспринимают цвета по-разному. То, как вы воспринимаете определенный цвет, может иметь много общего с вашими личными предпочтениями, опытом в прошлом, культурными различиями, гендерными различиями и т. д.
Графический дизайн - это больше, чем просто выбор нескольких цветов, которые выглядят приятно вместе. Понимание психологии цвета и знание, как использовать его стратегически является одним из основных принципов графического дизайна. Дизайн вдохновлен уличным искусством
1.3. Тренды, определяющие дизайн
Дизайнеру крайне необходимо знать о тенденциях дизайна, куда движется современный рынок дизайна. Но и маркетологам, SMM-специалистам, бизнесменам также важно понимать, что сейчас актуально, а о чем давно пора забыть. Как иначе проконтролировать качество работы дизайнеров и убедиться в актуальности и корректности визуального проектирования?
С 2020 года тенденции графического дизайна достигли важной вехи. Это начало нового десятилетия, и графический дизайн готов достичь новых высот, поскольку дизайнеры начинают определять эпоху. В воздухе витает ощущение, что может произойти все что угодно—что мы вот-вот станем свидетелями очередной эволюции графического дизайна, как мы его знаем.