Полезни инструменти и съвети за удобни интерфейси
Постигане на отлични постижения в как се представя уебсайтът (UI), и способността му да осигури добро потребителско изживяване (UX) са очевидни цели. Право инструменти за постигане на високи постижения търсете е ключът към удовлетворяването на тези цели.
За да използвате ефективно UI и UX инструментите, трябва ясно да разберете от какво се състоят тези два обекта и какви са най-добрите начини да се подходи към тях. Въпреки че двата термина често се бъркат един с друг, те обаче не са еднакви. UI и UX дизайнерските техники са доста различни един от друг.
По-долу ще покажа някои от най-полезните UI / UX инструменти и някои полезни съвети, които ще ви позволят създаване на високо-удобни интерфейси.
InVision
InVision е a платформа за дизайн на цифрови продукти който работи по начина, по който работят модерните дизайнерски екипи. От бързи прототипи до интеграции с потребителски тестове, цифрова бяла дъска до лесни разработчици, позиции InVision екипи за продуктов дизайн, които да работят съвместно на всяка стъпка от процеса.
Можеш създаване на бързи прототипи и провеждане на ревюта на живо. Неговата мощна автоматична синхронизация, опростена функция за споделяне и коментиране и функции за сигурност означават InVision може да се разширява с вашия дизайнерски екип и компания.
Можеш регистрирайте се за безплатен пробен период на InVision или InVision Enterprise според вашите изисквания или изисквания на вашата фирма.
Proto.io
Някога исках да видя как ще изглежда крайният ви продукт, много преди проектът ви да е готов да приключи? За тази цел Proto.io може да бъде точното средство за вас.
Този инструмент ви позволява да правите бързо прототипиране и неговата интерактивна библиотека на потребителския интерфейс прави статични макети и прототипи на хотспот примитивни.
Можете да използвате Proto.io плъзнете и пуснете функционалността към всеки елемент на потребителския интерфейс Вие работите. Тъй като работи в уеб браузъра ви, няма нужда от постоянно изтегляне, а когато прототипът е готов за тестване, можете да го направите на реално устройство, за да оцените неговия външен вид, усещане и използваемост, докато споделите своя дизайн с други членове на проекта.
Скица
Sketch е приложение за модерен графичен дизайн, което е доста лесно за изучаване и използване. Това е комбинация от a векторно базиран работен поток, булеви операции, прецизно редактиране на пикселите и интелигентни възможности за преоразмеряване.
Можеш създават много сложни форми без да се налага да минете през много неприятности. Формите, които създавате, могат да се редактират и адаптирани към всеки уебсайт или интерфейс, който имате предвид.
Notism
Нотизъм комбинира функции за проектиране на прототип, сътрудничество и управление на задачи на една платформа. Този UI / UX инструмент превръща статичните екрани в интерактивни прототипи без писане на един ред код.
Можете да създадете видео в реално време, за да споделите вашите прототипи и свързана с тях информация за проекта. Нотизъм подпомага организацията на задачите и вижда това Вашият проект остава организиран.
Информацията, споделена между колегите и заинтересованите страни, е контролирана версия, което е важно, тъй като Notism насърчава бързото проектиране и прототипна итерация. Специални инструменти за рисуване позволяват това скици, направени директно в споделено съдържание. Бележки и скици също могат да бъдат добавени към времевата линия на видеото.
Много просто
Great Simple има много решения, ако вашият проблем се върти около опит за намиране добри UI и каркасни комплекти, или пълен набор от основни елементи на дизайна. Продуктът е създаден с цел задоволяване и на най-взискателните дизайнери.
Техен iOS Design Kit и комплектът Material Design, определено трябва да има място във вашия набор от инструменти, заедно с безплатните iOS и Android комплекти, които са били изтеглени повече от 70 000 пъти. Ако сте потребител на скица; няма проблем. Големите прости продукти са съвместим с Sketch и Adobe Photoshop.
Малко съвети за създаване на по-добър потребителски интерфейс
Потребителите на интернет са по-сложни и по-сложни при работа с цифрови дисплеи, отколкото само преди няколко години. Те бързо се уморяват да се справят с нестандартни преживявания, нещо, което дизайнерските агенции трябва да вземат под внимание. Наложително е тези предприятия да обмислят качеството на тези преживявания, но как те го правят?
Обърнете внимание на следните съвети и трикове за създаване на типа потребителски интерфейс, който привлича потребителите и им дава най-доброто изживяване с вашия продукт:
Не го усложнявай
А чудесен потребителски интерфейс е невидим; или много близо до него. Това просто означава, че единствените неща, които потребителят вижда, са нещата, от които потребителят се нуждае, и нищо повече от това. Не се опитвайте да бъдете сладки или умни. Направете интуитивност на целта.
Направете всичко ясно
Вашият потребителски интерфейс може да направи отлична работа за демонстриране на вашите дизайнерски умения, и какво означава добър дизайн; но по един много фин начин. Потребителите обичат потребителските интерфейси, които се състоят от a умело смесване на яснота, простота и сбитост. Ако потребителите се борят да се опитат да разберат какво следва да направят, те са повече от способни да напуснат сайта ви и да отидат някъде другаде.
Опитайте се да направите лесни за намиране на бутони, икони и обаждания към действия; и се уверете, че бутоните са ясно и стегнато маркирани.
Направете взаимодействията ефективни
UI дизайн трябва да бъде насочени към улесняване на живота на потребителите. Добрият интерфейс позволява на потребителите да изпълняват задачите си гладко и ефективно. Ефективното взаимодействие е възможно само когато: a Дизайнът на UI е свободен от разсейване, и не натоварени с опции, които, макар и хубаво да имат, могат също така да бъдат скрити, докато не възникне нужда от тях.
Прекалено много от всичко е по-подходящо създават объркване, отколкото да решават проблеми.
Бъдете последователни в своя дизайн
Съвместимостта е един от отличителните черти на добрия дизайн на потребителския интерфейс. Потребителите не трябва да сменят предавките, докато работят през сесия. Те бързо развиват навик за използване и те искам да мога да се придържам към него. Те бързо научават къде да търсят и какво трябва да направят, за да продължат напред. Не правете UI предизвикателство или пъзел, който да бъде решен.
Използвайте познати модели на дизайн
Потребителите харесват познати и лесни за разбиране съобщения, команди и действия докато навигират през уебсайт. Не бихте могли например да преместите местоположението на количката за пазаруване от страница на страница, повече отколкото бихте променили съдържанието на менюто. Намерете модела на дизайн, който потребителите ще харесат и ще се придържате към него.
Разберете как потребителският интерфейс играе в UX
Проектиране на потребителски интерфейс, който е интуитивен и ясен от гледна точка на потребителя не е без неговите предизвикателства. Все още трябва да запазите потребителския поток и имайте предвид ключова информация за марката и продукта, което включва мислене по отношение на UX дизайн или сътрудничество с UX дизайнер.
Прилагане на визуална йерархия
всеки елементът на дизайна, който поставяте на страницата, трябва да играе роля, но някои очевидно са по-важни от други. Въвеждането на визуална йерархия е просто въпрос на подчертаване на най-важните елементи като ги направят по-големи и / или по-ярки и се намират там, където лесно ще бъдат намерени.
заключение
Проектиране на презентация на уебсайта и техниките за проектиране, необходими за нейното създаване използваемост и удовлетвореност на потребителите, включва различни практики. Двете единици не са едно и също, въпреки че често се бъркат един с друг. Дизайнът на потребителския интерфейс е дигитален характер и изисква оформление, позициониране на елементи и инструменти за редактиране.
UX дизайнът е не-цифров и включва потребителско тестване и използване на потребителски анализи. И двата проектантски задачи използват прототипирането, сътрудничеството и техники за управление на задачи.
