portaldacalheta.pt
  • Основен
  • Agile Talent
  • Дизайнерски Живот
  • Възходът На Дистанционното
  • Рентабилност И Ефективност
Ux Дизайн

Rant срещу красиви дизайни на приложения



„Пазете се от суетата, която ухажва комплимент или се храни от него.“ –Калмери

Сърфирам в някои сайтове, вдъхновени от дизайна, с моите хип-бюст, критични U-рентгенови очи :) Често идвам с дим, излизащ от ушите ми. Както се казва в заглавието, това е шум, но не го приемайте твърде сериозно. Опитвам се да направя точка.



Да, знам, че някои от тези сайтове за демонстриране на дизайн не са предназначени да бъдат непременно за продукти от реалния свят, но все пак казвам, че трябва да отразяват обмислен подход към дизайна, главно като задават основния въпрос „За кого е това? ”,„ Как хората ще използват моя продукт ”и„ Използва ли се всъщност? ”.



Повърхностните дизайни на приложения, които следват най-новите модни тенденции и откровено игнорират основните конвенции за използваемост, най-добрите практики на UX и основните принципи на дизайна на взаимодействието, най-вероятно ще се провалят в реалния свят! За щастие, те обикновено не надхвърлят общата нелепа, самопарадираща фантастична страна Дрибъл и Behance .



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

Говоря за UX.



кое от следните не са сред принципите на дизайна?

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

приложение за времето - лош дизайн на приложението

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



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

дизайн на туристическо приложение - лош дизайн на приложението

Никаква фантазия GIF анимация няма да поправи сериозни проблеми с потребителския опит с лошо проектирано приложение, като скрито жестово взаимодействие, безсмислени икони или текст с нисък контраст. (Приложение за пътуване от Arunraj на дрибъл)



Изоставяне на използваемостта за ласкателство

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

Както каза Дон Норман - често наричаният „гуру на работещи технологии“ - „Великите дизайнери произвеждат приятно изживяване“.



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

Пътят до там определено не е чрез игнориране на установените най-добри практики и дизайнерски конвенции и просто фокусиране върху фасадата. Очевидно е, Dribbble Strutters: 1) Не разбирате потребителя си и 2) Копирате прищявките.



Най-добри практики за дизайн на UX за мобилни приложения

Задават ли вашите проекти тези въпроси?

Игнорирайте конвенциите на свой риск

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

Глупаво и донякъде арогантно е да игнорираме или нарушим дизайнерските конвенции. Те са основни и служат като основа, от която след това можем да правим иновации. Става въпрос за очакваното. Без тях рискувате да досадите на хората. Представете си, ако всеки велосипед, всяка дръжка на вратата - или педалите и воланът във всяка кола - работят по различен начин, всичко чисто в името на „иновацията“.

Две думи: тотален хаос.

Потребителският интерфейс е като шега. Ако трябва да го обясните, това не работи.

Мобилни UX дизайнерски съвети и трикове

Друг дизайн на приложение от Dribbble. ( Аарон 1991 на Дрибъл)

Имайте предвид евристиката

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

За да могат дизайните на приложения да работят добре в реалния свят, те трябва да спазват 10-те евристики за използваемост при проектирането на потребителски интерфейс, както е определено от Nielsen Norman Group, водещ глас в областта на потребителския опит в продължение на 20 години. Това са:

  1. Видимост на състоянието на системата
  2. Съвпадение между системата и реалния свят
  3. Потребителски контрол и свобода
  4. Последователност и стандарти
  5. Предотвратяване на грешки
  6. По-скоро разпознаване, отколкото извикване
  7. Гъвкавост и ефективност на използване
  8. Естетичен и минималистичен дизайн
  9. Помогнете на потребителите да разпознават, диагностицират и възстановяват грешките
  10. Наличност на помощ (това може да са „бързи обиколки“ или разходки)

Прочетете за тези 10 общи принципа за дизайн на взаимодействието по-подробно тук .

Влюбеност в името на иновацията

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

Най-добри практики за дизайн на мобилни приложения за мобилен потребителски интерфейс

Дизайн за търговско приложение от Dribbble. Той предлага не едно, а две менюта, пълни с мистериозни икони и текст с нисък контраст.

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

Използваемост 101

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

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

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

Полезен дизайн

Както каза Стив Джобс, „Не е само как изглежда и как се чувства. Дизайнът е как работи. '

Той говореше за полезен дизайн .

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

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

Колкото и вие като дизайнер да сте влюбени в продукта си, потребителите много повече се грижат за полезността. Те не искат да научат приложението ви и не искат да отидат на пътешествие за откриване или експериментиране, за да видят какво работи, като се опитват да плъзгат нещата в потребителския интерфейс. Както казва в книгата си Стив Круг, консултант за използваемост от повече от 20 години Не ме карайте да мисля , „[Използваемостта] е основният принцип, най-добрият тайбрек, когато решавате дали даден дизайн работи или не.“

Дизайн на мобилно приложение за астрология

Как се използва това приложение? (Астрологично приложение от Брандън Термини на дрибъл)

Разбира се, както каза Дитер Рамс, легендарен немски дизайнер в Braun през 70-те години и вдъхновител за всичко, което Apple казва:

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

С други думи, дизайнът трябва да работи на всички нива.

Минималистичен дизайн на мобилни приложения

Радио Braun, проектирано от Дитер Рамс. Истински функционален минимализъм.

Ето 10 заповеди за добър дизайн според Dieter Rams:

минимализъм на дизайна на мобилни приложения

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

Намалете умствените усилия

най-добри практики за дизайн на мобилни приложения

Повечето хора няма да имат представа какво означават немаркираните икони и липсата на контраст в заглавката ще направи навигацията невидима за повечето потребители. (Приложение за електронна търговия Fancy)

С лош дизайн в действие, това, което г-н и г-жа Дизайнер правят, е да помоли хората да дешифрират и интерпретират неясни икони и символика, като по този начин увеличават своите когнитивно натоварване (общото количество умствени усилия, използвани в работната памет). От друга страна, добрият дизайн на потребителското изживяване ще намали когнитивното натоварване. Този тип егоистичен дизайн - да, отидох там - хвърля препятствия по пътищата на хората, увеличавайки триенето и разочарованието. Това ли е наистина целта?

дизайн на мобилни приложения ментални модели UI дизайн

Какво означава „ВКЛ и ИЗКЛЮЧЕНО“? Какво правят иконите? Този дизайн изисква от потребителите да тълкуват и учат твърде много. ( Стан Якусевич на Behance)

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

Направете очевидно къде трябва да докосват потребителите, ако могат да плъзгат и да направят целите достатъчно големи, за да бъдат лесно подслушвани. Предотвратяване на грешки. Не карайте хората да познаят какво означава нещо. Не бъдете мързеливи. Избягвайте менютата за хамбургер и кебап (трите точки) като те скриват навигацията и правят съдържанието по-малко откриваемо . По-специално избягвайте хамбургери, които дори не приличат на менюта за хамбургери! Да, пространството е ограничено, но е доказано, че комбинацията от раздели (отгоре отдолу) и менютата за хамбургери се представят значително по-добре, отколкото само един хамбургер.

меню за хамбургер за дизайн на мобилно приложение

Меню, подобно на хамбургер в горната част. Немаркирани икони, които се нуждаят от интерпретация. (Счетоводно приложение от xiaoniaojiu на дрибъл)


най-добрите дизайни на мобилни приложения

Дори Uber е голям нарушител на UX в иначе добре проектирано приложение. Можете ли да видите това меню за хамбургер? Повечето хора също не биха.


Лош дизайн на мобилно приложение

Turo е поредният голям нарушител с неговите немаркирани икони в лентата с раздели. Няма значение за тяхното значение.


грешки в дизайна на мобилни приложения

Повечето хора в реалния свят биха имали истински трудности да се опитат да разберат как да използват това приложение. (Приложение за бюджетиране на дома от Тубик )

Не е перфектен свят

Ако вашият продукт попадна в ръцете на потребителите, те биха ли могли да намерят неща и действително да го използват? Те може да нямат достъп до супер-пупер настройка като тази, която сте използвали за проектирането на тези екрани. Помислете отново за използваемостта и достъпността (зрително увреждане, физическо увреждане, когнитивно увреждане). Според данните от преброяването в Съединените щати поне 19% от хората имат увреждания и процентът вероятно е по-висок в по-слабо развитите държави. Ако някой с по-малко от перфектна визия взе вашето приложение, ще може ли да го използва?

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

Както отбелязва Люк Врублевски в Проектиране за смартфони с голям екран , обмисляли ли сте как ще се представят вашите дизайни на по-големи екрани?

по-добър дизайн на мобилно приложение за по-добър UX

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

Наистина ли дизайнът ви следва този на Apple Указания за човешки интерфейс на iPhone препоръка за минимален размер на целта от 44 пиксела ширина 44 пиксела височина? Ръководството за дизайн и взаимодействие на потребителския интерфейс на Windows Phone на Microsoft предлага размер на целевото докосване 34px с минимален размер на целевото докосване 26px.

Не се влюбвайте в супер минимален контраст между текст и фон или мъничък нечетлив текст, защото това прави вашите дизайни „модерни, изчистени и минималистични“.

UX дизайн на мобилно приложение

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


дизайн на мобилно приложение лош дизайн

Поради ниския контраст, навигацията е почти невъзможна за четене. (Приложение за скоростен тракер от Роно на дрибъл)


По-добро UX

Дизайн на мобилно приложение Spotify

Дизайнът на приложения на Spotify е изчистен и добре обозначен. Основните му функции бързо се разбират. (Но има онова досадно меню с кебап!)


UX дизайн на мобилното приложение на Starbucks

Дизайнерите в Starbucks не мързелуват. Вижте, без меню за хамбургер! Дизайнерите дори премахнаха иконите и вместо това избраха прости текстови етикети.


Добър дизайн на мобилно приложение

Дори ако дизайнерът прояви креативност с икони, ако е ясно обозначен, няма предположения. (Дизайн на приложение от дизайнер ApeeScape Мохамед Билал )

Нуждаем се от по-добър дизайн

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

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

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

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

дизайн за взаимодействие с мобилно приложение

Седемте фактора, които влияят върху потребителския опит. (от Фондация за дизайн на взаимодействието )

Ако като дизайнер искате да станете по-добри в UX - да създавате полезни мобилни и настолни приложения, а не само красиви - инвестирайте малко време, за да научите поне основите на UX. Започнете, следвайки UX блогове и се абонирайте за бюлетини и онлайн публикации като Блог за дизайн на ApeeScape , Списание UX , UX има значение , UserTesting , uxdesign.cc , UX Design Weekly , или Фондация за дизайн на взаимодействието .

Прочетете потребителски проучвания, проведени с живи, дишащи участници - реални хора. Както се казва, числата не лъжат; всичко останало е хипотеза и предположение.

Следвайте UX лидерите на мисълта в Twitter. Четете UX статии и бели книги, като créme de la créme е Норманската група на Nielsen и Адаптивен път .

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

Прочетете някои от основополагащите класически книги, които всеки познат от мен потребител има на рафта си, и се отнасяйте с тях като с писания.

  1. Основната книга на Дон Норман за дизайна Дизайнът на ежедневните неща
  2. Дон Норман Емоционален дизайн: Защо обичаме (или мразим) ежедневните неща
  3. Steve Krug’s Не ме карайте да мисля
  4. Джеф Готелф Lean UX: Прилагане на Lean Principles за подобряване на потребителския опит
  5. Якоб Нилсен Инженеринг на използваемост
  6. Сюзън Уайншенк 100 неща, които всеки дизайнер трябва да знае за хората

Прочетете информативни онлайн ресурси за насоки за използваемост, принципи на дизайн на взаимодействието и най-добрите практики за UX: проучвания, технически документи, статии и др.

  1. Първи принципи на дизайна на взаимодействието
  2. Пълен набор от 2397 насоки за използваемост (в множество отчети) от NNGroup
  3. 10 Евристика на използваемостта за дизайн на потребителския интерфейс от NNGroup
  4. Статии от института Баймард : Baymard проучва поведението на уебсайтове за електронна търговия
  5. Статии за UX Mastery : Всички неща UX

И накрая, добавете тези пет UX подкасти към вашата библиотека в iTunes:

  1. UX Pod : Дискусии с UX дизайнери и за използваемостта като цяло
  2. Вътрешен домофон : Интервюта с топ дизайнери във водещи компании
  3. UX подкаст за хора, запалени по балансирането на бизнеса, технологиите и потребителите
  4. Подкаст на UIE : Прозрения от инженерния интерфейс за потребителя за света на дизайна
  5. Истински север : Разкриване на дизайнерски истории, подчертаващи тестване и проучване на дизайна

• • •

Допълнително четене в блога за дизайн на ApeeScape:

  • Най-добри практики и често срещани грешки в дизайна на потребителския интерфейс
  • Празни държави - най-пренебрегваният аспект на UX
  • Простотата е ключова - изследване на минималния уеб дизайн
  • Евристични принципи за мобилни интерфейси
  • Проектиране за четливост - Ръководство за уеб типография

Грешки в топ колоната

Инвеститори И Финансиране

Грешки в топ колоната
Олово за технологична практика

Олово за технологична практика

Други

Популярни Публикации
Широки срещу тесни набори от умения: Демистифицирани умения за софтуерно инженерство
Широки срещу тесни набори от умения: Демистифицирани умения за софтуерно инженерство
Талантът не е стока
Талантът не е стока
iOS 9 Betas и WatchOS 2 за разработчици
iOS 9 Betas и WatchOS 2 за разработчици
Ръководство за многообработващи мрежови сървърни модели
Ръководство за многообработващи мрежови сървърни модели
Как да създадете персонализирани шрифтове: 7 стъпки и 3 казуса
Как да създадете персонализирани шрифтове: 7 стъпки и 3 казуса
 
Настройка на производителността на базата данни на SQL за разработчици
Настройка на производителността на базата данни на SQL за разработчици
Събуждане на спяща индустрия: Нарушаване на индустрията на матраците
Събуждане на спяща индустрия: Нарушаване на индустрията на матраците
Figma срещу Sketch срещу Axure - Преглед, основан на задачи
Figma срещу Sketch срещу Axure - Преглед, основан на задачи
Разбиране на нюансите на класификацията на шрифтовете
Разбиране на нюансите на класификацията на шрифтовете
Възраст преди красотата - Ръководство за дизайн на интерфейси за възрастни възрастни
Възраст преди красотата - Ръководство за дизайн на интерфейси за възрастни възрастни
Популярни Публикации
  • как се прави финансов модел
  • какво е функционално програмиране javascript
  • преобразуване на почасовата заплата на изпълнителя в пълно работно време
  • c corp срещу s corp 2018
  • пример за единично тестване на C#
  • вътре в анонимната функция, използвайте jquery, за да изберете div в долния колонтитул. има идентификатор на 'footer'.
  • най-добри практики на ruby ​​on rails
Категории
  • Agile Talent
  • Дизайнерски Живот
  • Възходът На Дистанционното
  • Рентабилност И Ефективност
  • © 2022 | Всички Права Запазени

    portaldacalheta.pt