Независимо дали съвременният уеб дизайн отразява ера на самоугаждане, носталгия, максимализъм, минимализъм или дори изкуствен интелект, едно нещо е ясно – ние сме в епоха на бързи промени. Разберете как уеб дизайнерите се ориентират в тези тенденции през 2023 г.

В тази ера на цифрово ускорение на всеки няколко дни научаваме за нов AI инструмент, който може да промени работните ни процеси. Добавете това към невероятната скорост, с която се консумират идеи и информация, проблемите с климата и рецесията, не е чудно, че се чувстваме малко претоварени.

Всичко е екстремно. Участваме ли активно в изследването на нови технологии и иновации, или оставаме в зоната на комфорт на познатото? Освен това, как да посредничим за съдържание на потребители, които имат кратък период на внимание с малък или никакъв капацитет за фокусиране? Как да ги накараме да се ангажират?

В тази статия ще се опитаме да отразим духа на деня в уеб практиките и да подчертаем някои от вдъхновяващите идеи, които открихме, които непременно ще предизвикат искра и стимулират ума.

Присъединете се към нас в това представяне на тенденциите за 2023 г. в уеб дизайна.

Максимализъм

„Режимът на гоблините“ беше избран за дума на годината в Оксфорд за 2022 г. Терминът се отнася до „тип поведение, което е безапелационно самовлюбено, мързеливо или небрежно и обикновено отхвърля социалните норми или очаквания.

Това се превърна в първата дума за годината, взета чрез публично гласуване. Не е тайна, че ние, като общество, бавно се подхлъзнахме към самоугаждане през последните няколко десетилетия. Понякога е неудобно и понякога прекомерно, но можете да видите това във всички аспекти на западния живот. Спортно, модно облекло, пазаруване на всичко онлайн, поръчване на бърза храна, когато ни мързи, и преяждане с най-новите телевизионни сериали. Това са само някои примери за съвременен живот, които създават перфектната атмосфера за нашия вътрешен гоблин, за да пробие, и е интригуващо да мислим как това ще се отрази на уеб дизайна в бъдеще. Тези новоразвити социални норми, както отразява терминът гоблин, са интересни, когато ги съпоставим с UI и UX дизайна.

В основата си UI и UX дизайнът е област, базирана на стандарти, най-добри практики и проучване на потребителите, като същевременно се опитва да бъде възможно най-приобщаващ. Един от начините, по които виждаме тази тенденция в действие, е чрез уебсайтове на „гоблини“, които поставят марката на първо място, преди потребителя. Пренебрегвайки най-добрите практики и дори достъпността на моменти, тези уебсайтове поставят под въпрос какво е „красота“. Те се стремят да засилят присъствието на марката, правейки уебсайта запомнящ се и ангажиращ, използвайки груб стил, преливане на изображения, дублиране, силни цветове, сила на звука, груби входни анимации, множество обекти и т.н.

Можем да се влюбим в тези уебсайтове или да ги критикуваме, но не можем да се преструваме, че никога не сме използвали един или два от тези трикове, за да подобрим присъствието на уебсайта си.

Bornfight studio е малка агенция, специализирана в уеб продукция. Тяхното гоблинско отношение се проявява чрез тона на гласа на уебсайта им, който е много „в лицето ви“, без задръжки и донякъде нахален. Вземете например техния забавен банер за бисквитки – „животът е горчив, затова използваме бисквитки“ или откровеното твърдение, че работят за комплименти и пари, както и завладяващите, но великолепни анимации на курсора на наслагващи се изображения.

Простоватост и минимализъм

От другата страна на спектъра на максимализма виждаме движение за простота, което твърди, че всичко, от което се нуждаем, е малко баланс – упражнение за „забавяне“. Тази тенденция създава приятно и релаксиращо изживяване за потребителя и е противоположна на „културата за външния вид“.

Ще виждаме все повече и повече уебсайтове, които изследват простотата чрез намаляване на детайлите, искайки да постигнат анонимност. Тези уебсайтове понякога действат като структура или проектирана телена рамка, използвайки минималистична типография, ограничен набор от стилове на шрифт в рамките на сайта, приглушени цветове, които се подравняват с големи изображения или с аморфни илюстрации, които заместват подробните UX-илюстрации. Освен това, понякога сладък анимационен скрол обгръща уебсайта и ви кара да се носите в спокойствие.

Изненадващо, проектирането на уебсайт като този може да бъде труден процес, тъй като се изисква зрялост на дизайнера, за да разбере къде се крие същността и какво е излишно.

Тези уебсайтове понякога изпъкват повече, както по отношение на стил, така и на производителност, което ги отличава от конкурентните уебсайтове, които са заредени със съдържание и изображения.

Templeton Clothing е уебсайт за електронна търговия от баварските Северни Алпи. Достатъчен е бърз поглед към техния героичен раздел, за да разберете отношението им; анимация на забавен каданс, без промоции или без CTA. Без да използват думи, те ви молят да влезете леко и да превъртите. Цялостните черно-бели линейни граници и големи изображения отговарят на техния „анти-дизайн“, като подчертават продуктите като основно нещо, а брандирането като второстепенно.

Хипер удоволствия в работата със сайтовете

Скоро ще започнем да говорим за scrollytelling и въпреки че изглежда като далечно бъдеще, тази година изглежда, че уеб изживяването направи няколко крачки напред с нови начини за ангажиране.

Преди да създадем уебсайт, ние начертаваме пътуването на потребителя и поради функционални причини – създаваме структура и рамка. Ако го направим паралелно с реалния свят, уебсайтът е пътят, по който искаме потребителят да върви към реализация.

Въпросът, който повдига тази тенденция, е какъв е този път на потребителите и как трябва да изглежда през 2023 г.? Този подход на „наслада“ ни вдъхновява да започнем да мислим за уебсайта като нещо повече от просто набор от страници, а по-скоро като триизмерно изживяване.

Общата цел, разбира се, е потребителите да бъдат ангажирани и любопитни и да ги водят напред по пътя с изненади и радостни великденски яйца по пътя. Чудесен пример за такова весело удоволствие е анимираният курсор, който може да играе важна роля за подобряване на потребителското изживяване в уеб дизайна.

От тази школа на мисълта можем да мислим за функциите, които свикнахме да отхвърляме като технически разклонения на пътя, като менюто или вътрешните връзки, CTA и краищата на пътя също – като долния колонтитул или 404.

В тези „зони на конфликт“ можем да картографираме чувствата, които потребителите могат да изпитат, като успех или провал, интерес, доверие или подозрение и т.н. Добавянето на анимации, маркетингови съобщения и хумористични мотиви може да улесни потребителското изживяване и да затегне връзката между потребителя и марката.

Изглежда за момента клиентите нямат силни чувства по отношение на тези области, което ги прави идеалното място за разгръщане на нашата креативност.

Studio Brot е дизайнерска агенция, която се фокусира върху рекламата и брандирането. Техните услуги са разбити и опростени, представени на потребителя под формата на метафора за печене на хляб (Brot – немски за хляб). Влюбихме се в техните навигационни техники и различните анимации в уебсайта, които винаги ви държат на ръба, карайки ви да се чудите какво да очаквате по-нататък.

Електронна търговия

Като част от размиването на границите между физическото и виртуалното, е очарователно да се потопите и да предвидите промените в арената на електронната търговия. Това е малко парадокс. От една страна, физическият дизайн става хипер дигитализиран, но от друга страна, някои смели уебсайтове за електронна търговия предлагат чувствено, докосващо изживяване при покупка. Има защо, много от нас се радват да влязат в магазин за дрехи, да усетят миризмата на нови дрехи или да пробват риза и да усетят мекотата на материята.

Тази уеб тенденция се опитва да възпроизведе истинско пазаруване чрез интерактивни продуктови дисплеи, които добавят още едно измерение, за да направят целия процес на покупка почти осезаем. Дори и с малък бюджет можем да опитаме да стимулираме сетивата на потребителя, като използваме анимации за лотария, ротация и 3D анимации – всичко това, за да насърчим потребителя да изследва и да се ангажира с продукта, който продаваме.

Това създава мощно, запомнящо се усещане за откриване на характеристиките, ъглите и осветлението на продукта със страхотно усещане за игривост. Номерът е да разберете как вашият продукт е различен от другите и как да накарате потребителя да взаимодейства с него.

Grace е хранителен продукт с въздействащ маркетингов подход. Те позволяват на потребителите да симулират изживяването от разопаковане, игра с пакета и разкриване на продукта чрез внимателно изработен потребителски път, който дори не е възможен във физическия магазин.

Изкуствения интелект е вече тук

Въпреки че сме далеч от ранните етапи на AI технологията, едва наскоро тя стана достъпна за обществеността и изглежда, че всички говорят за нея. През изминалата година станахме свидетели на пробива на няколко онлайн AI машини, които изглежда променят играта.

Двигатели като ChatGPT, dall.e2, Midjourney, Stable diffusion, за да назовем само няколко, заедно с технологията deepfake, предизвикаха широк дебат за това как ще изглежда нашата роля като създатели в бъдеще.

Голяма част от разговора е около идеята, че изкуственият интелект скоро ще направи нуждата от креативни професионалисти остаряла. Това е доста дистопичен подход. Истината е, че AI в сегашното си състояние е по-скоро инструмент, който да използваме, отколкото бъдеща замяна. И ще го използваме. Видяхме тази тенденция да се ускорява през последните няколко месеца с експлозията на dall.e2 и Midjourney на сцената с техните невероятни възможности за създаване на изображения.

Съвсем наскоро въвеждането на ChatGPT в микса и микрокопирането никога не се е чувствало по-достъпно. Но е важно да запомните, че резултатите, които получаваме от тези двигатели, изискват работа и като всеки инструмент, колкото повече го владеем, толкова по-голям ще бъде контролът ни.

Нека се съсредоточим върху създаването на изображения. Ако вземем например Midjourney, можете лесно да създавате изображения от прости текстови подкани. Това са изображения, чието създаване или дори намиране и закупуване на правата за тях е отнемало цяла вечност. Но простите подкани ви стигат само дотук. Ключът е да прецизирате вашите заявки, като се фокусирате върху областите, които смятате, че трябва да работите. Колкото по-дълбоко копаете, толкова по-бързо ще стигнете до желаните резултати.

Носталгия към миналото

През май ще отбележим 20 години WordPress. Въвеждането на WordPress предизвика своеобразна собствена революция, донасяйки уеб създаването до масите.

Сега сме в 2023 г. и на всеки няколко седмици четем за различно, сензационно цифрово развитие. Понякога искаме да сме в челните редици на технологиите като добри ранни осиновители, да прочетем статия и да научим нов инструмент или техника и да споделим нашите открития с нашата общност на уеб създатели.

Но от време на време предпочитаме да прескочим кривата на обучение, да се сгушим и да се вкопчим в удобното минало дори в тази ера на цифрово ускорение. Все още виждаме много мотиви от 80-90-те. Нещото, което намираме за интригуващо, е копнежът по стари технологии, като първия компютър, който имахме у дома, или компактния шантаво изглеждащ дисков плейър.

Така че, за изоставащите сред нас или за тези, които обичат Y2K, обръщаме особено внимание на колажи, пикселизация, силни цветове, потребителски интерфейс, подобен на MS-DOS, и влиянието на стари аркадни игри.

Hie е агенция за таланти за създатели на съдържание. Те използват носталгични предмети и ги преосмислят от съвременна гледна точка. Тази игривост е предназначена да погъделичка любопитството ни и да ни привлече.

Движението поражда емоция

Обхватът на вниманието на хората пада все по-малко с всяка година. Можем да обвиняваме за това социалните медии, Tiktok и Instagram, разбира се, но ние сме и потребители, и създатели. Като се има предвид тази реалност, потребителският интерфейс не може да остане статичен.

Motion е чудесен инструмент за привличане на потребителите и може да бъде много ефективно и завладяващо изживяване. През изминалата година видяхме как движението се използва, за да ни държи ангажирани, карайки ни да консумираме повече съдържание. Това ни позволява като потребители да чувстваме, че взаимодействаме с уебсайта на по-високо ниво от преди и по по-смислен начин.

Нашите потребители са свикнали да виждат пиксели, движещи се и подскачащи наоколо; те очакват да получат индикации за всяко едно действие. Тази обратна връзка позволява на потребителя да се чувства като активен участник, като по този начин ги кара да се чувстват присъстващи и фокусирани.

Един от начините за създаване на такова изживяване е чрез анимация с меко превъртане, направена чрез използване на плаващи паралакс ефекти между секциите, които улесняват микроанимациите.

Друг пример, който очакваме да стане по-популярен, е движение, което надхвърля нормите – дори стигайки до игра с чувството за баланс и гравитация на потребителя. Ще видим повече анимации или интегрирани видеоклипове, които имат за цел да играят с очите ви, с груби входни анимации, мощни увеличения, увеличения, променливи шрифтове, ротационни стикери и така нататък. Понякога може да бъде изтощително, но вниманието на потребителя е толкова ценно, че ще се опитаме да го привлечем с всички необходими средства.

Estudios Victor Cordon е творческа платформа, която подкрепя независимата артистична общност. Те използват постоянно безпроблемно движение, докато превъртате от секция на секция. Едно нещо, което трябва да забележим, което намерихме едновременно за красиво и уникално, е, че компонентите на екрана всъщност са статични, но движението, създадено от фона, дава усещане за плавност и постоянно движение.

Типографски оформления

За разлика от изчистената естетика на дизайна, виждаме все повече уебсайтове, които буквално изтласкват границите до ръба с уникални типографски оформления. Тази тенденция е доста изненадваща, като се има предвид, че тази дизайнерска практика е обичайна за носители, които нямат достатъчно място, като опаковки от задната страна, плакати на музикални фестивали, етикети и табели и т.н.

Може би тази тенденция е свързана с нашия копнеж за дизайни, които използват истински материали, които изоставихме в полза на екрана и интерактивното изживяване. С цел да привлекат вниманието, най-интересните си играят с типографията и решетките, като същевременно изоставят конвенционалните уеб оформления в мисията си да създадат запомнящо се текстово изживяване при гледане.

Тези уебсайтове са склонни да използват бланки с големи размери с типография в бруталистичен стил, която обикновено не се използва в мрежата. Като част от това движение може също да видим повече уебсайтове със секции, които имат само един абзац с размер на шрифта, толкова голям, че заема целия раздел. Всичко заедно добавя динамичен елемент към страницата, дори когато е статична.

Уеб страницата на Parazker има какво да покаже. Тази единствена гънка може лесно да бъде разпръсната върху няколко гънки и страници, но това представяне създава усещане за познатост, като етикети върху опаковката или баркодове. Дизайнерите тук са събрали цялата информация на една гънка, така че потребителите да могат да я видят с един поглед.

Достъпност – нека направим мрежата по-добро място

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

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

Когато стартираме проект, ние обикновено създаваме точен бриф и адаптираме дизайна към конкретна потребителска личност и нужда. Може би тази година нашата новогодишна резолюция може да бъде да се опитаме да видим интернет през очите на другите – да направим технологията използваема за всички хора, независимо от техните способности, икономическо положение, възраст, образование или географско местоположение.

Това е малка промяна в начина на мислене и малка корекция на работния процес. Започва от началния етап с отговорността да образова клиентите относно достъпността и законовите изисквания, които тя налага. Мисленето за това от ранния кратък етап и инвестирането на малко повече време и усилия може да помогне за оформянето на стила на дизайн на уебсайта. Можем да използваме разумно цветове и размери на шрифта, както и алтернативен текст и поддръжка за навигация с клавиатура. Проектирането през призмата на това предизвикателство може не само да създаде нови стилове и конвенции, но може да промени начина, по който преживяваме мрежата като цяло.

Връзка в био – изследване

Социалните медии, с безкрайните си възможности, все още имат няколко ограничения; споделянето само на една връзка в профила ви със сигурност е едно от тях. Така се роди „Връзката в биографията“.

Връзката в биографията е основно целева страница, предназначена да свързва социални канали, уебсайтове, магазини, видеоклипове, музика, подкасти, събития и други. Всички те се събират на тази страница, предназначена да се свързват, да създават нови взаимоотношения и да преобразуват.

С нарастващия брой потребители, които идват през социалните медии, въпросът, който идва на ум, е как трябва да изглежда този мост между вашия социален профил и уебсайта ви? Просто разширение на страницата на вашия профил ли е?

Към момента връзката в био оформлението е много проста. Възможностите и възможностите, скрити в това оформление на целевата страница, все още не са напълно проучени. Списъчни изгледи или галерия – те са проектирани предимно с бутони или снимки, които са еднакви по размер и йерархия.

Възниква обаче въпросът трябва ли да бъдат? Всичките ви връзки имат ли еднакво тегло? Как методологиите за навигация ще бъдат интегрирани в тези прости страници? Вероятно ще видим това поле да се разширява през следващата година, като създателите предлагат нови визии за това как трябва да изглежда тази цифрова визитка.

Резюме

След като проучихме всички тези примери, от режима на гоблин и максимализма през достъпността до различните употреби на типографията и движението, възниква един очевиден въпрос – каква е ролята на дизайнера във всичко това? Как да подходим към нашия следващ дизайн на уебсайт с перспективна гледна точка?

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

Въпреки че изглежда нашият статут на създатели е поставен под въпрос в момента, тъй като AI стъпва на сцената, също изглежда, че нашата роля се разширява. Разбирането как да създадем ангажираност става все по-сложно и от нас се изисква да сме в крак с новите технологии, стратегии и модни тенденции.

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