вебразработка

Веб-дизайн, веб-разработка, UI и UX: В чем разница и что вам нужно?

Статьи по дизайнуАвтор: admin 06.10.2018

В чем разница между веб-дизайном и разработкой? А как насчет UI против UX? Что означают эти дивизии? Почему так много акронимов? Не технологические люди хотят, чтобы все было удобнее для пользователя!

Пример веб-дизайна «width =" 1700 "height =" 1498 "/>

<figcaption> Дизайн гибридной травы на основе BryanMaxim </figcaption></figure>
<p> Если вы новичок в создании веб-сайта , пришедшая через терминологию технической индустрии, может чувствовать себя как слушание иностранного языка, за исключением того, что большинство иностранных языков имеют рифму и разум. Но работать с веб-профессионалом — это то, что каждый бизнес должен делать в какой-то момент, если вы хотите добиться успеха веб-сайт, вам может понадобиться переводчик. </p>
<p> Вот для чего предназначена эта статья. Если вы создаете свой первый веб-сайт или просто хотите лучше понять отрасль, здесь мы объясняем и анализируем четыре из наиболее часто используемых и самых сложных терминов в технологиях сегодня: UI, UX, веб-дизайн и веб-разработку. Прочитав это, вы не только узнаете, что делает каждое поле, но и какой из них вам нужен ваш бизнес, чтобы сосредоточиться на большинстве. </p>
<h2> Азбука IT <br /> — <b> <br /> </b><br />
</h2>
<figure data-id=

Веб-дизайн ноутбука рядом с iPhone «width =« 940 »height =« 627 »/>

<figcaption> Каркас нового дизайна веб-сайта через Pexels </figcaption></figure>
<p> Давайте начнем с некоторые базовые определения, чтобы облегчить вашу первоначальную путаницу и дать вам некоторый контекст, прежде чем погрузиться глубже: </p>
<ul>
<li>
<strong> Веб-дизайн </strong> — Широкая категория зонтиков для всего, что связано с проектированием визуальных эффектов и удобством использования веб-сайта. Дизайн UI и UX, а также многие другие области включены в веб-дизайн. </li>
<li>
<strong> Веб-разработка </strong> — Техническая часть создания веб-сайта с упором на код. Веб-разработка далее подразделяется на «front-end» и «back-end», объясненные ниже. </li>
<li>
<strong> Пользовательский интерфейс (UI) </strong> — Специализация веб-дизайна, которая касается элементов управления, которые люди используют для взаимодействия с веб-сайтом или приложением, включая кнопки и элементы управления жестов. </li>
<li>
<strong> Пользовательский опыт (UX) </strong> — Еще одна специализация веб-дизайна, в которой речь идет о поведении и ощущении пользователя при использовании сайта или приложения. Дизайн UX инкапсулирует многие другие области, но просматривает их с точки зрения пользователя. </li>
</ul>
<p> Как вы уже видите, ни одна из этих областей не является эксклюзивной, и есть тонны перекрытия. Веб-дизайн и разработка — это всего лишь две стороны одной и той же монеты, дизайн пользовательского интерфейса влияет на дизайн UX, веб-разработка поддерживает их все … меньше о том, какие поля обрабатывают эти задачи, и больше о том, как каждое поле рассматривает одну и ту же задачу из другой точки -view. </p>
<p> Например, давайте посмотрим на <em> время загрузки </em>что является общей проблемой для каждого веб-сайта. Как каждый раз загружается адрес полевого адреса: </p>
<ul>
<li>
<strong> Веб-дизайн </strong>: если страница занимает слишком много времени для загрузки, слишком много контента или контента слишком сложны. Файлы изображений могут быть сжаты, активы могут быть отрегулированы и реэкспортированы, а страницы могут быть обрезаны из-за избыточного содержимого. </li>
<li>
<strong> Веб-разработка </strong>. Чтобы ускорить загрузку контента, мы можем попытаться улучшить сжатие файлов, чтобы уменьшить размер файла содержимого, спрайты CSS для экономии полосы пропускания или сети доставки контента, чтобы увеличить время загрузки в определенных географических регионах. </li>
<li>
<strong> UI </strong>: Элементы управления должны быть максимально реагирующими, поэтому интерфейс должен быть достаточно простым, чтобы интерактивность была мгновенной. </strong></p>
<li>
<strong> UX </strong>: вероятность того, что пользователь «отскочит» (покинет ваш сайт через несколько секунд), увеличивается с каждой секундой времени загрузки, поэтому мы должны уделять первоочередное внимание уменьшению времени загрузки на домашней и целевой странице раньше решение проблемы на всей территории страны. </li>
</ul>
<div class='code-block code-block-3 ai-viewport-1 ai-viewport-2' style='margin: 8px 0; clear: both;'>
<!-- Yandex.RTB R-A-268541-2 -->
<div id=

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

Иногда вы найдете того, кто утверждает, что все это делает:

Дизайнеры, которые могут кодировать, иногда называют себя пакетом «все-в-одном», но на самом деле они более ограничены, чем два отдельных специалиста (хотя иногда это может быть умный прокат, если у вас есть простой сайт) .
У дизайнеров пользовательского интерфейса есть много совпадающих навыков с веб-дизайнерами, поэтому некоторые люди будут использовать эти названия взаимозаменяемо.
UX и UI часто объединяются вместе, учитывая, что они оба являются субспециализациями.
UX часто рассматривается как навык других профессий, даже вне дизайна, таких как управление продуктом.

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

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

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

Веб-дизайн
—

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