Адрозненні з нізкай дакладнасцю і высокай дакладнасцю: у чым розніца?

У чым розніца паміж нізкай вернасцю і высокай дакладнасцю каркаса? Вывучэнне спектру дакладнасці прататыпаў у Інтэрнэце і працэсе распрацоўкі мабільных тэлефонаў

Спектр дакладнасці для каркасаў і прататыпаў велізарны. Працоўны працэс UX-дызайну звычайна ўключае ў сябе папяровыя эскізы, асноўныя каркасы з нізкай дакладнасцю і / або высокай дакладнасцю, інтэрактыўныя каркасы або прататыпы.

Дзякуючы разумнай тэхналогіі, якая квітнее ў лічбавай сферы, высокадакладныя каркасы прапануюць дызайнерам магутныя візуальныя і інтэрактыўныя атрыбуты, якія дазваляюць ўвасобіць іх дызайн у жыццё. Але гэта не значыць, што папера мёртвая. Калодкі з нізкай дакладнасцю застаюцца хуткім, эфектыўным і практычным дызайнерскім маршрутам - і гэта мудрагелістае відэа паказвае нам, чаму паперай ніколі не варта грэбаваць

Такім чынам, ці ёсць ідэальны спосаб выкарыстоўваць каркасныя рамкі ў працэсе распрацоўкі UX? У гэтым пасце мы абмяркуем розніцу паміж нізкай вернасцю і высокай дакладнасцю каркаса і чаму спалучэнне абодвух можа палепшыць ваш дызайн карыстацкага інтэрфейсу / UX.

Што такое драцяныя кадры з нізкай дакладнасцю?

Існуе некалькі спосабаў уключыць каркасы з нізкай дакладнасцю ў працэс распрацоўкі UX. Некаторыя дызайнеры пачнуць замалёўваць на паперы экраны сваіх вэб-альбо мабільных інтэрфейсаў - такія эскізы часта называюць папяровымі каркасамі. Звычайна яны ўяўляюць сабой эскізы канцэпцый, набор малюнкаў або раскадроўкі, якія прадстаўляюць каркас інтэрфейсу.

Наступным узроўнем уверх з'яўляецца каркас з нізкай дакладнасцю. Калодкі з нізкай дакладнасцю ўключаюць самы асноўны змест і візуальныя дадзеныя і звычайна статычныя (не інтэрактыўныя). Яны часта выкарыстоўваюцца, каб дапамагчы вызначыць абалонку інтэрфейсу, яго экраны і асноўную архітэктуру інфармацыі.

Гэтыя каркасныя рамкі створаны пры дапамозе выдавецкага праграмнага забеспячэння, напрыклад, пакета Microsoft Office альбо інструментаў для каркаснага кадравання, такіх як Justinmind. Правадныя кадры з нізкай дакладнасцю звычайна служаць пунктам пропуску для групы прадуктаў і зацікаўленых бакоў у пачатку працэсу распрацоўкі. Яны дапамагаюць камандам візуалізаваць і праверыць раннія канцэпцыі, патрабаванні і здагадкі аб дызайне ў пачатку праекта па вэб-дызайне.

У той час як некаторыя дызайнеры перайдуць да лічбавага каркаса пасля эскізу, іншыя аддаюць перавагу адразу з адным. Па меры таго, як эскізы набораў карыстацкага інтэрфейсу становяцца больш даступнымі, мы можам убачыць усё больш дызайнераў, якія здымаюць фазу каркаса з паперы.

Атрымайце камплект карыстацкага інтэрфейсу Justinmind, і ў самыя кароткія тэрміны створыце каркасы з нізкай дакладнасцю!

Што такое кароткія рамкі высокай дакладнасці?

Калодкі або прататыпы сярэдняй і высокай дакладнасці ўяўляюць сабой больш поўнае ўяўленне аб канчатковым прадукце, чым драцяныя кадры з нізкай дакладнасцю. Многія з іх можна клікнуць і рэагаваць на дзеянні карыстальніка, імітуючы сапраўднае ўзаемадзеянне інтэрфейсу.

Іх эстэтыка і змест больш дакладныя, чым ніжэйшыя па спектры дакладнасці, паколькі дызайнеры канцэнтруюцца на ўдакладненні графікі, інтэрвалу і макета.

Правадныя кадры высокай дакладнасці часта ўтвараюцца на перадавых этапах працэсу распрацоўкі, каб паведамляць дызайнерскія рашэнні камандзе распрацоўшчыкаў да кадавання канчатковага прадукту.

Акрамя таго, яны дапамагаюць праверцы складаных узаемадзеянняў падчас тэставання карыстальнікаў. Гэтыя каркасы забяспечваюць удзельнікам тэставання рэалістычнае ўяўленне пра тое, як будзе выглядаць і адчуваць сябе прадукт, а таксама пра тое, як ён будзе рэагаваць на іх.

Дызайнеры звычайна выкарыстоўваюць розныя інструменты ў залежнасці ад таго, які каркас яны хочуць пабудаваць - ад нізкага да сярэдняга да высокага вернасці. Некаторыя інструменты, уключаныя Justinmind, дазваляюць дызайнерам будаваць знізу ўверх, пачынаючы з асноўнай канструкцыі і ўдакладняючы яе, калі працэс распрацоўкі рухаецца наперад.

З дапамогай Justinmind вы зможаце ствараць нізкаякасныя каркасы перад стварэннем высокадакладных інтэрактыўных і аніміраваных прататыпаў. Ствараючы і мадэлюючы сцэнарыі ў вашых інтэрактыўных прататыпах, вы можаце забяспечыць, каб ваша каманда і зацікаўленыя бакі разумелі паток інфармацыі, каб дастаткова праверыць свае праекты. Спампаваць Justinmind зараз і пераканайцеся ў гэтым самі!

Нізкая вернасць і высокая дакладнасць каркасаў - калі вы павінны іх выкарыстоўваць?

Калі выкарыстоўваць драцяныя кадры з нізкай дакладнасцю

Правадныя кадры з нізкай дакладнасцю лёгка і хутка ствараць і рэгуляваць з кожнай ітэрацыяй дызайну. Яны таксама могуць быць лёгка выкінуты і назапашаны з нуля, не празмерна парушаючы працэс распрацоўкі. Вось некалькі прыкладаў для вэб-і мабільных каркасаў для прагляду.

Нізкаякасныя каркасы таксама з'яўляюцца выдатным рэсурсам для збліжэння каманды на вэб-праекце. Перш чым укладваць час, рэсурсы і грошы на складаную каркасную сістэму высокай дакладнасці, зацікаўленым бакам, дызайнерам і распрацоўшчыкам неабходна ўзгадніць асноўныя кампаненты і функцыянальныя магчымасці, каб потым не перапрацоўваць.

Але калі вам трэба сабраць зваротную сувязь і праверку карыстальнікаў, знайсці і выправіць праблемы ў інтэрфейсе і мадэляваць сістэмныя адказы, драцяныя кадры з нізкай дакладнасцю проста не перарэжуць яго. Менавіта тут больш прыдатныя драцяныя рамы з высокай дакладнасцю.

Калі выкарыстоўваць драцяныя рамы высокай дакладнасці

У працэсе праектавання UX ёсць тры асноўныя перавагі выкарыстання правадоў з высокай дакладнасцю:

Уражвае інтэрактыўнасць: Карысныя каркасы высокай дакладнасці трэба выкарыстоўваць, калі вам трэба праверыць пэўныя кампаненты карыстацкага інтэрфейсу і ўзаемадзеянне ў межах экрана альбо паміж некалькімі экранамі. Як тлумачыць Nielsen Norman Group, кадравыя апараты з высокай дакладнасцю інтэрактыўнасці маюць хуткі час адказу сістэмы. Падчас тэставання карыстальнікаў вымярэныя рэакцыі карыстальнікаў будуць значна дакладней, чым пры драцяных рамах з нізкай дакладнасцю.

Рэалістычная эстэтыка: Кадры з высокай дакладнасцю звычайна падобныя на канчатковы прадукт. Гэта азначае, што падчас тэсціравання паводзіны ўдзельнікаў могуць быць больш рэалістычнымі (як быццам яны ўзаемадзейнічаюць з рэальным карыстацкім інтэрфейсам). Гэта забяспечыць больш дакладную зваротную сувязь і можа быць распрацаваны больш поўны карыстацкі досвед.

Ніжэйшы ўзровень чалавечых памылак: пры дапамозе клікальных драцяных рамок убудаваны ўзаемадзеянні. Гэта азначае, што пры тэставанні карыстальнікаў усё менш месца для чалавечых памылак, бо тэст не разлічвае на ўручную ўвод тэставых мадэратараў. Такія памылкі могуць негатыўна адбіцца на тэсце і могуць зрабіць немагчымым дакладнае правядзенне канкрэтных узаемадзеянняў. Кара Pernice тлумачыць гэта падрабязна тут.

Нізкая вернасць і высокая дакладнасць каркасаў: вынос

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

Аднак як драцяныя кадры з нізкай дакладнасцю, так і высокія дакладнасці каркаса з'яўляюцца асноўнымі этапамі ў працэсе вэб-дызайну. Без асноўных каркасаў вы падвяргаеце сваю каманду рызыцы паўтарэння і непаразумення. Без правадоў, якія можна націснуць, тэставанне карыстальнікаў не будзе дакладным, і ваша ўражанне можа пацярпець. Будзьце разумныя і ўключайце іх у працэс распрацоўкі.

Першапачаткова апублікавана на www.justinmind.com.