Какво е цифров дизайн и защо е от значение? Обяснение на UX + UI + Уеб дизайнер

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

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

Искам да предам наученото.

Моят опит може да ви позволи да разберете по-добре как работи дигиталният дизайн и ролята на дизайнера в концептуализирането на продукти.

Чрез тези уроци ще можете да пускате продукти на пазара по-навременно и по-ефективно и по-добре да обслужвате потребителите си.

Какво е цифров дизайн и защо е от значение?

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

Не е необходимо да бъде.

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

Цифровият дизайн се счита за подмножество на продуктовия дизайн, тъй като дигиталният дизайн е свързан с изграждането на продукти - но чрез софтуер.

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

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

Дигитален дизайн и реалният свят

Дигиталният дизайн се фокусира върху потребителите.

Манията на клиентите започва от потребителя и работи назад.

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

Какъв проблем решавате?

Първо, работете енергично, за да печелите и поддържате доверието на клиентите, като разбирате какво е предназначен за решение на вашия продукт и дизайн. Отговорете на следните въпроси: защо съществува този продукт? Как ще се използва?

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

Обединяването на интуитивен потребителски опит и прости потребителски интерфейси може да помогне на клиентите ви да разберат най-добре как работи вашият продукт.

Един мой приятел работи, за да помогне за изграждането на iPad опит за четене. Една история, която той сподели с мен, е как дигиталните дизайнери са направили безпроблемно „прелистването на страниците“ на дигиталните книги.

Действието на прекарване на страница, подобно на преместването на хартия в истинска книга, показва как усилията за дизайн, UX и UI могат да се обединят, за да създадат възхитително потребителско изживяване.

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

Иновации и опростяване

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

Когато проектирате уебсайтове, например, е важно да направите няколко неща наистина, наистина добре. Научих това, когато изграждах и оптимизирах скорошното си творение „Work From Home Adviser“, което помага на отдалечените работници да работят от вкъщи.

Имах ментор, който съветваше:

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

Забележете, че този съвет е специфичен (т.е. дизайн за скорост), но също така и широк (подобрете опита на потребителя си по най-добрия начин, който можете).

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

Експериментирането е ключово

Трето, експериментирайте.

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

Софтуерът е регулируем.

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

Ето ментален експеримент, който обичам да играя с приятели.

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

Защо мислите, че авиокомпаниите карат потребителите да преминават през този процес на напускане? Как бихте подобрили и опростили процеса?

Чудесен начин да подобрите уменията си за дигитален дизайн е да практикувате в имот на друг дизайнер. Вижте дали можете да го подобрите.

Дигиталните дизайнери смятат, че е страхотно в нещо като начална точка, а не като крайна точка. Чрез итерация и експериментиране дигиталният дизайнер може да вземе неща, които работят добре (или лошо), и да ги подобри по нови и неочаквани начини.

Ако сте нов в областта на цифровия дизайн, това трябва да ви вълнува.

Примери за добре направен цифров дизайн и как помага на потребителите

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

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

Пример # 1

Elemental Labs предоставя невероятно интуитивна графика, която помага на потребителите да разберат разликата между техния продукт и продукта на конкурента. Без да четете нищо друго, вие интуитивно разбирате, че техният продукт се предлага на пазара като по-чист, по-чист и по-прост.

Контрастът между цветовете помага на окото да разбере визуално посланието и е пример за страхотен дигитален дизайн.

Също така обърнете внимание как грамовете - обща мерна единица - се заменят с милиграми. Това кара потребителя да се чувства, че има повече захар (29 000 mg захар се чувства много).

Пример # 2

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

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

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

Пример # 3

За тези, които искат пример от света на дигиталния и физически дизайн, особено любим ми е LFA Machines.

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

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

Пример # 4

Ето един последен пример.

Ако искате да стартирате подкаст, може да експериментирате с различен цифров софтуер за подкасти. Този, който съчетава простота с лесна използваемост и страхотен стандартен цифров дизайн, е Buzz Sprout.

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

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