Идеальная форма авторизации — как делать не нужно (ошибки и советы)

форма авторизации Статьи Юзабилити 

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

Как сделать подвал сайта (footer): варианты дизайна, зачем он нужен, советы

подвал сайта Веб-дизайн Статьи 

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

Улучшаем регистрационную форму на сайте (4 полезных совета)

Регистрационная онлайн форма Статьи 

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

Как сделать идеальный landing page — разработка дизайна лендинга на примере удачных сайтов

Идеальный landing page Веб-дизайн Статьи 

Нет ничего более увлекательного в работе над сайтом, чем когда все специалисты объединяют собственные усилия, чтобы сделать новый идеальный лендинг пейдж или главную страницу веб-проекта. Дизайнеры, иллюстраторы, маркетологи, программисты и даже отдел стратегического менеджмента – все трудятся единой командой. В ходе разработки добавляются какие-то детали по SEO, оптимизируется стратегия привлечения клиентов, придумываются иконки и т.п. Сегодня хотим поделиться советами по созданию landing page, которые наверняка пригодятся в решении…

Минималистичный дизайн рулит — 7 преимуществ и основные особенности стиля

Минималистичный дизайн Статьи 

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

Создание дизайна мебельного сайта: советы, реальные примеры и типовые ошибки

Дизайн мебельного сайта Веб-дизайн Статьи 

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

UI Patterns — полезный архив паттернов интерфейсов

UI Patterns Дизайны сайтов Полезные сайты Юзабилити 

В процессе проектирования интерфейса приложений или сайтов полезно учитывать имеющийся опыт других специалистов и лучшие варианты решения типовых задач. Это позволяет избежать ненужных ошибок и получить хорошие отзывы от ваших пользователей. В разделе про UI/UX дизайн мы публиковали некоторые заметки по данной теме: например, был обзор 20-ти ресурсов с дизайнами мобильных интерфейсов, а также разные статьи про гамбургер меню, историю развития кнопок на сайтах и…

Конец эпохи статичных дизайнов логотипов?

современный дизайн логотипов Логотипы 

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

Все про хедер (шапку сайта): назначение, дизайн и проектирование

Дизайн шапки сайта Статьи Юзабилити 

Как известно, не существует второго шанса произвести первое впечатление. В сфере цифрового дизайна эта истина подкрепляется высокой конкуренцией и широким разнообразием имеющихся решений. Причем, вполне очевидно, что при создании первого впечатления некоторые части веб-страницы являются более важными нежели остальные, например, header для сайта (шапка сайта). Сегодня рассмотрим все нюансы, которые касаются данного термина: Что это и какие элементы включает. Почему хедер важен для вас? Проектирование и варианты…

Современные тенденции и тренды в дизайне логотипов 2017

Тренды Логотипов 2017 Веб-дизайн Логотипы Статьи 

Актуальные тенденции в дизайне логотипов 2017 не стали каким-то особым откровением. Аналогично основным трендам веб-дизайна сайтов они являются скорее продолжением и развитием того, что пользователи уже видели в прошлом году. Данный вопрос достаточно хорошо рассмотрен в заметке Logo Trends 2017 от Bill Gardner, поэтому решили подготовить перевод публикации. Обновление 18.02.2018: Приглашаем посмотреть новую статью по теме — про тенденции логотипов за 2018 год. Забегая наперед, можно…

Бесконечная прокрутка страниц: помогает или вредит?

бесконечная прокрутка Веб-дизайн Статьи Юзабилити 

Когда идет речь об онлайн-маркетинге или веб-дизайне, чрезвычайно важно быть инициатором успешных идей и формировать тренды в собственной сфере. Сегодня речь пойдет об одной из подобных тенденций — бесконечном скроллинге (прокрутке) страниц на сайте: какие возможности он представляет для бизнеса? как лучше реализовать и когда следует отказаться от этой функции? Материал написан на основе перевода статьи про Infinite Scrolling от SpeckyBoy. Основные разделы статьи: Что такое бесконечная…

Принцип золотого сечения в дизайне сайтов

Золотое сечение Веб-дизайн Статьи 

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

Чему можно научиться в японских дизайнах сайтов?

японские дизайны сайтов Веб-дизайн Статьи 

В далеком 2014 году мы публиковали интересную подборку дизайнов японских сайтов аниме. Наверняка вы догадываетесь, что работы там представлены достаточно специфические и оригинальные. Они сильно отличаются от общепринятых стандартных подходов к веб-дизайну, скажем, в Европе или США. Визуальное оформление японских онлайн сайтов очень красочное, там используется много разной яркой графики, изображений, плюс страницы буквально «напичканы» текстами. Многим пользователям воспринимать подобные веб-проекты сложно, они выглядят запутанно и…