Как создать достойную портфолио работу – лучшие методы веб-дизайна для новичков

1656044659 kak sozdat dostojnuyu portfolio rabotu – luchshie metody veb dizajna dlya

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

Я помню, что это опасное место, когда я начинал (намного дольше, чем я хочу признать).

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

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

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

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

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

Вот некоторые из важнейших из этих лучших практик.

Создавайте адаптивные дизайны

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

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

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

Сегодня компании могут создать адаптивный сайт с помощью простых редакторов WYSIWYG, которые показывают, насколько они стали стандартом. И для этого есть очень веская причина.

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

Кроме того, это отличный способ продемонстрировать свое понимание того, как создать целостную структуру и внешний вид. Рассмотрим дизайн домашней страницы Dropbox несколько лет назад:

dropbox-responsive-web-design

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

Используйте интуитивно понятную навигацию

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

Это потому, что это единственная область дизайна веб-сайтов, которая, кажется, дает простор для творчества. И, по правде говоря, это неправда.

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

Но знаете ли вы, скольки из них я могу похвастаться потенциальным клиентам? Ни один из них.

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

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

К примеру, просмотрите этот снимок экрана веб-сайта Университета передовых технологий примерно в 2014 году:

Веб-сайт Университета передовых технологий

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

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

Затем вы также заметите два конкурирующих верхнего и нижнего меню, которые, кажется, не соответствуют четкой структуре информации.

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

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

Это прекрасный пример навигационной структуры, которая будет знакома каждому, кто придет.

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

Найдите баланс между высокими технологиями и людьми

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

Чтобы понять, о чем я говорю, посмотрите веб-сайт средней SEO или маркетинговой фирмы. Вы заметите, что на вас нападают всплывающие окна, призывы к действию и прерыванию.

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

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

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

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

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

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

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

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

J4j3d

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

Интегрируйте функции доступности в свой дизайн

Несмотря на то что они рассматриваются как внеочередное мнение, функции доступности стали основной проблемой в современном Интернете. Под этим я подразумеваю, что их преимущественно не существует.

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

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

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

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

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

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

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

Следуйте своим принципам

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

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

Но если вы привыкнете искать качественную работу, то в скором времени увидите, что более прибыльные клиенты начнут находить к вам дорогу.

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

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

Ваш адрес email не будет опубликован.