Мундариҷа
Вақте ки ман касбамро оғоз кардам, ман ороишгари веб будам. Ман чор сол дар тарроҳии веб кор кардам, сар карда аз сайтҳои тиҷорати хурд ва дар ниҳоят ба мизоҷони калонтар гузаштам. Ман фаҳмидам, ки ин на дизайни графикӣ буд, ки ба ман таваҷҷӯҳ зоҳир намекард ва на барои номҳои бренди калонтар кор мекард. Ба ман бештар аз намунаҳои сафҳагирӣ, тарзи муомилаи одамон бо шаклҳо ва чизҳое монанди иҷрои даркшаванда таваҷҷӯҳ доштанд, на аз тарроҳии визуалии веб саҳифа.
Вақте ки ман филмҳои фантастикиро тамошо мекардам, ба интерфейсҳо назар мекардам. Ва вақте ки ман бозиҳои видеоиро бозӣ мекардам, тарзи гузоштани менюҳоро мушоҳида мекардам. Агар ягонтои ин хислатҳо бароятон ошно бошад, шумо метавонед тарроҳи интерфейси дил бошед.
Ман кори агентиро тарк кардам ва ширкати худро таъсис додам. Дар саҳифаи LinkedIn ман кӯшиш кардам, ки ҳадафи нави касбамро ҷамъбаст кунам: то нармафзори беҳтаринро имконпазир гардонам. Чор сол аст, ки ман ҳамчун фриланс сар мекунам ва сафари ман қатъ нашудааст. Дар ин рӯзҳо ман ба идораи як ширкати хурди тарроҳии UI кумак мекунам Моно. Мо ба наздикӣ аъзои чаҳоруми дастаи худро истиқбол кардем.
Дар ин мақола ман мехоҳам тасвир кунам, ки тарроҳи интерфейси интернетӣ чӣ гуна аст, аз ҷумла он коре, ки маҳз дар он аст, манбаҳои беҳтарини омӯзишро дар куҷо ёфтан ва чӣ гуна дар ҳунари худ беҳтар шудан.
Тарроҳии UI чӣ кор мекунад?
Ман мефаҳмам, ки дар маҷмӯъ шумо метавонед тарроҳии интерфейси корбарро ба чор категория тақсим кунед. Шумо бо муштарӣ муошират мекунед, таҳқиқ мекунед, тарроҳӣ ва прототип мекунед ва бо таҳиягарон муошират мекунед. Биёед ҳар яки ин марҳилаҳоро муфассалтар дида бароем.
Муоширати муштариён
Муоширати муштариён ҳама дар бораи дарки мушкили муштариён аст. Ҳадаф аз он иборат аст, ки тиҷорати муштарии худро ба даст бигиред, бинобар ин оғози лоиҳа одатан бисёр сӯҳбатҳоро ташкил медиҳад. Вақте ки шумо шурӯъ мекунед, дар бораи домени муштарии шумо аз ҳад зиёд надонистан хуб аст - шумо метавонед ҳангоми тиҷорати онҳо ба тариқи нав назар кунед, дар ҳоле ки шумо ҳалли имконпазири тарроҳиро тасаввур мекунед.
Барои тарроҳии хуби интерфейс шудан, ба шумо лозим аст, ки оқибат дар якҷоягӣ бо тиҷорати муштарии худ фикр кунед. Масалан, муштарии шумо метавонад дар авиатсия бошад. Кор барои онҳо оқибат шуморо дар бораи ин соҳа хеле хуб огоҳ мекунад. Пас, як маслиҳат барои хушбахтии шумо дар ин ҷо интихоби соҳаҳое мебошад, ки шумо оқилона кор мекунед, бинобар ин шумо коршиноси чизе ҳастед, ки ба шумо фарқ надорад ё ба он таваҷҷӯҳ надоред.
Дар давоми лоиҳа, алоқа қатъ намешавад. Ҳамчун ороишгар, шумо пайваста кори худро пешкаш хоҳед кард. Дар ширкати мо мо як дастаи дурдастем, бинобар ин мо бисёр вохӯриҳои шахсӣ надорем. Ба ҷои ин, мо истифодаи мубодилаи экранро тавассути конфронси видеоӣ сахт истифода мебарем. Воситаҳои иртиботӣ ба монанди Skype ва Slack ҳар рӯз истифода мешаванд.
Якҷоя кардани усулҳои алоқаи синхронӣ ва асинхронӣ муфид аст. Занг хеле хуб аст, агар ба шумо зуд маълумоти зиёд лозим шавад, аммо шумо бояд дар айни замон дар атрофи он бошед. Мо Slack -ро ҳамчун 'сардтар кардани виртуалии об' мешуморем ва Basecamp-ро барои идоракунии лоиҳаҳои мураккаби тарроҳӣ истифода мебарем. Вақте ки мо прототипҳоро бо истифода аз HTML ва CSS таҳия менамоем, мо GitHub Issues -ро мустақиман муҳокима мекунем.
Тадқиқот
Дар баробари муоширати муштариён, шумо бисёр таҳқиқот анҷом хоҳед дод. Ин метавонад омӯзиши саҳроӣ, семинарҳо бо муштарӣ, таҳлили рақобат ё муайян кардани стратегияро дар бар гирад - аслан, танҳо дар бораи ҳама чизҳое, ки ба шумо дарки мушкилоти ҷойдошта кӯмак мерасонанд.
Тадқиқот он аст, ки интихоби тарроҳии шуморо огоҳ мекунад. Ин мақолаест, ки шумо як бор хондаед, ё ин чизи наве, ки Apple навакак баровардааст. Вақте ки вақти он расидааст, ки фаҳмонед, ки чаро интихоби тарҳи махсусро интихоб кардед, тадқиқоти шумо шуморо дастгирӣ мекунад.
Тадқиқот метавонад хеле васеъ бошад. Ман аксар вақт дастгоҳҳои навро барои мақсадҳои тадқиқотӣ меозмоям ё ба веб-барномаи нав обуна мешавам, то интерфейси корбарии онро омӯзам.
Тарроҳӣ ва намунаи аслӣ
Ҳамчун ороишгар, шумо эҳтимолан вақти бештари худро бо иҷрои корҳои тарроҳӣ ва намунавӣ сарф мекунед. Лоиҳаи тарроҳии интерфейс метавонад бо ҳар чанд роҳ, аз нақшакашӣ, тарроҳии муфассал, рамзгузорӣ пеш равад.
Усуле, ки шумо истифода мебаред, бештар аз намуди лоиҳа вобаста аст. Шумо чӣ тарроҳӣ мекунед? Ин вебсайт аст, ё беҳтараш онро барнома номидӣ? Оё он технологияи ватаниро истифода мебарад? Ин тарроҳӣ аст ё шумо аз сифр шурӯъ мекунед?
Дар ширкати мо раванди муқаррарӣ вуҷуд надорад, аммо аксарияти лоиҳаҳо ҳамон тартиботи дағалро риоя мекунанд: онҳо бо эскизҳо ва симфреймҳо оғоз ёфта, ба тарроҳии муфассали визуалӣ ва ҳамкорӣ мегузаранд ва бо прототип ба анҷом мерасанд.
Ҳамчун тарроҳон, мо вақти зиёдро дар бораи асбобҳои худ сарф мекунем. Гарчанде ки воситаҳои олӣ муҳиманд, онҳо чизи аз ҳама муҳим нестанд. Истифодаи қобилияти истифодаи Adobe Creative Suite ва замимаҳои монанди Sketch, баробар ба истифодаи қалам барои кашидан ё хасу ранг аст. Шумо ба ҳар ҳол бояд расмро созед.
Гуфта мешавад, ки таваҷҷӯҳи солим ба асбобҳо чизи хубест. Ман дӯст доштани асбобҳои наверо дӯст медорам, ки ба ман барои самараноктар кор кардан кӯмак мерасонанд. Воситаи таҳрири вектори дӯстдоштаи ман Illustrator аст, аммо аксари корҳои ороиши визуалии ман имрӯз дар эскиз иҷро карда мешаванд. Дигар аъзоёни гурӯҳ ба асбобҳои навтарине, ба монанди Affinity Designer гузаштанд.
Асбобҳо интихоби хеле шахсӣ мебошанд. То он даме, ки мо ба осонӣ дар якҷоягӣ кор карда метавонем, ҳама озодона метавонанд худро интихоб кунанд. Барои осонтар кардани гуфтугӯ дар бораи тарҳҳои худ бо муштариён, мо прототипҳоро бо InVision месозем. Барои прототипи бештар пешрафта, мо HTML ва CSS-ро истифода мебарем. Воситае, ки ба шумо ҳама лозим аст, аз коре вобаста аст, ки мехоҳед бо он анҷом диҳед.
Алоқаи таҳиягар
Қисми фаромӯшшудаи кори дизайнери интерфейси алоқаи таҳиягар мебошад. Дар ин рӯзҳо шумо наметавонед танҳо бо фиристодани тарҳҳои худ ба девҳо ва умедвор бошед, ки онҳо дуруст амалӣ мешаванд. Беҳтарин тарроҳон медонанд, ки мушкилот на дар сохтани тарҳ, балки дар муоширати он аст - на танҳо ба ҷонибҳои манфиатдор, ки бояд тасдиқи худро диҳанд, балки ба таҳиягароне, ки бояд онро амалӣ кунанд.
Муошират бо як тарҳ дар шаклҳои мухталиф дорад: мушаххасоти муфассал, таъмин кардани дороиҳо, якҷоя баррасии тарҳ. Чизе, ки дар ҳар як мисол овардан маъно дорад, бештар аз он вобаста аст, ки лоиҳа ватанӣ ё веб-барнома аст.
Усули анъанавӣ ин расонидани дороиҳо дар назди тарҳҳои экран мебошад. Тарҳҳои экранро метавон истифода бурд, то тарроҳӣ дар маҷмӯъ чӣ гуна хоҳад буд, дар ҳоле ки дороиҳо PNG ва SVG нишонаҳо барои истифода омодаанд, бинобар ин таҳиягарон бо муҳаррири графикӣ сарукор надоранд.
Дар ширкати мо мо тарафдорони аз он ҳам бештар расониданием. Мо дастурҳои услуби компонентиро истифода мебарем, то дар тарҳҳои худ нигоҳ доштани муттасилӣ кӯмак расонем. Вақте ки мо бо веб-лоиҳа сарукор дорем, мо маҷмӯаҳои муфассали HTML ва CSS-ро, ки қисмат ба қисм ҳуҷҷатгузорӣ шудаанд ва барои татбиқ омода месозем. Ман боварӣ дорам, ки доштани чашми тарроҳӣ дар ҳар марҳилаи таҳияи нармафзор ягона роҳи расидан ба ҳадафи ман дар сохтани нармафзори дараҷаи ҷаҳонӣ мебошад.
Веб ба барномаҳои ватанӣ
Вақте ки шумо як барномаи модариро барои платформа таҳия мекунед (масалан, iOS ё Android), шумо одатан ба дастурҳои муайяне риоя мекунед. Вақте ки шумо барои веб тарроҳӣ мекунед, он қадар роҳнамоӣ вуҷуд надорад. Он чизе ки одатан рӯй медиҳад, ин аст, ки муштарии шумо маҷмӯи дастурҳои графикӣ барои бренди худро дорад, ки муайян мекунад, ки чизҳо бояд чӣ гуна бошанд.
Аммо, ин дастурҳо одатан ба вебсайтҳои маркетингӣ мутобиқ карда мешаванд ва он чизе, ки дар он мавҷуд аст, на ҳамеша ба тасмимҳои хуби интерфейси корбар оварда мерасонад. Шрифтҳо одатан бо сабабҳои маркетингӣ интихоб карда мешаванд, на бо сабабҳои фаҳмо. Рангҳо метавонанд ҷасур ва ҷолиб бошанд, ки дар маъракаи таблиғ кор мекунанд, аммо на дар барномае, ки шумо ҳар рӯз истифода мебаред. Ин дастурҳоро бояд тафсир кард.
Якчанд дастурҳои UI барои веб мавҷуданд. Шумо метавонед баҳс кунед, ки веб деги обшавии сабкҳои мухталиф аст. Агар шумо чизе эҷод кунед, ки нисбат ба вебсайт бештар ба як барнома монанд аст, шумо бояд дар бораи чаҳорчӯби васеъ истифодашаванда ба монанди Bootstrap ва Foundation ZURB донед. Чаҳорчӯб муайян мекунад, ки чизҳо бояд чӣ гуна бошанд, зеро шумо намехоҳед чархро дубора ихтироъ кунед. Ва ин шояд як чизи хуб бошад.
Дар ширкати мо, мо мехоҳем Bootstrap -ро истифода барем. Он андозаи оддии пешфарзро барои унсурҳои оддии интерфейси монанди тугмаҳо, ҷадвалҳои додаҳо ва модалҳо пешниҳод мекунад.
Дар тарроҳии веб, шумо бештар бо иқтидори техникии веб маҳдуд мешавед. Пештар он буд, ки татбиқи гулҳои визуалии оддӣ ба монанди кунҷҳои ҳамаҷониба дар вебсайт душвор мебуд. Ин рӯзҳо кайҳо гузаштаанд - шумо акнун озод ҳастед интерфейсҳои корбарро бо сояҳо, гузаришҳо, аниматсияҳо ва ҳатто 3D кашед.
Ҳамчун тарроҳ, ба назорат гирифтани раванд ва тарроҳӣ дар браузер роҳи воқеӣтар аст. Ман надидам, ки бисёре аз тарроҳони интерфейси барномасозии интерфейси як барномаи ватаниро ба дасти худ гиранд, аммо тарроҳие, ки HTML ва CSS-и веб барномаро иҷро мекунад, як ҳодисаи маъмулист. Агар шумо метавонед тарҳҳои худро рамзгузорӣ кунед, шумо дар муқобили ҳамсолони худ рамзгузорӣ нахоҳед дошт ва ба ман ин ягона роҳи фаҳмидани воқеияти кори веб аст.
Маҳдудиятҳои веб
Шумо ба зудӣ дармеёбед, ки на ҳама найрангҳои ҷолиби омӯхтаи шумо дар ҳар браузер дастгирӣ карда мешаванд ва ин воқеияти тарроҳии веб аст. Риоя кардани принсипҳои маъруф ба монанди такмилдиҳии пешрафта хуб аст, ки дар он шумо мундариҷаи мукаммалро ҳангоми имконпазир бор мекунед, аммо дар бораи он, ки мундариҷа чӣ гуна паст мешавад.
Вақтҳои охир, 'буридани хардал' маъмул шудааст. Аз ҷониби дастаи вебсайти Би-Би-Си қаҳрамон шудааст, ки ин фарқ кардани браузерҳои 'хуб' ва 'бад' ва фароҳам овардани таҷрибаи маҳдуд ба браузерҳои 'бад' -ро дар бар мегирад. Аммо, он дар ҳақиқат танҳо барои сайтҳои мундариҷа кор мекунад.
Вақте ки сухан дар бораи таҷрибаҳои ба барнома монанд меравад, бисёриҳо дастгирии танҳо чанд браузери пешбарро маҳдуд мекунанд, то рушдро осонтар кунад. Мутаассифона, ин моро ба ҳолати соли 1996 бармегардонад, ки барои дидани мундариҷа ба шумо браузери муайян лозим аст.
Баланд бардоштани малакаи худ
Пас, шумо чӣ гуна бо веб-индустрияи босуръат ҳаракат карда, малакаи худро такмил медиҳед? Биёед якчанд усулҳои гуногуни баланд бардоштани маҳорати худро дида бароем ...
Дониши платформа
Қисми асосии аслиҳаи тарроҳон дониши платформа мебошад. Шумо бояд дар бораи системаҳои гуногуни амалиётӣ ва чӣ гуна одамон истифода бурдани онҳоро бидонед. Ҳамчун тарроҳон, мо тамоюли истифодаи Macро дорем, аммо пас аз он фаромӯш кардан душвор нест, ки аксарияти одамон дар он ҷо барои ба анҷом расонидани корҳо аз қуттиҳои Windows истифода мебаранд.
Ман ҳис мекунам, ки шумо дар ҳақиқат чизеро фаҳмида метавонед, агар шумо онро худатон истифода баред. Ман тарроҳии Mac-ро афзалтар мешуморам, аммо вақти зиёдеро барои таҳаввулоти платформаҳои гуногуни дигар сарф мекунам. Ман якчанд нусхаи Windows-ро дар мошини худ ҳамчун мошинҳои виртуалӣ насб кардаам. Ман машғули санҷиши сохти нави Windows 10 бо истифода аз барномаи Insider Microsoft барои санҷиши тағиротҳои гуногун дар UI будам.
Ман инчунин мунтазам сахтафзорҳои нав мехарам, то тафтиш кунам, ки чӣ гуна кор мекунад. Ман танҳо барои санҷиши платформа Apple Watch харидаам. Пас аз он ман онро фурӯхтам, зеро ман ҳис мекардам, ки ин ба ҳаёти ман ин қадар чиз илова намекунад.
Ғайр аз ин, вебро ҳамчун системаи амалии худ дидан мумкин аст. Он доимо такмил меёбад, бо ҳар як фурӯшандаи браузер ҳар ҳафта хусусиятҳои нав илова карда мешаванд. Донистани ҷанбаҳои техникии браузерҳо, хусусан дар бораи қобилиятҳои CSS ва графика бениҳоят арзанда аст. Шумо бояд донед, ки SVG ва WebGL чист ва чӣ гуна шумо метавонед Web Animations API -ро истифода баред.
Ҳар як платформа бо мурури замон инкишоф меёбад ва ҳамчун тарроҳии интерфейси корбар вазифаи шумост, ки аз нав бохабар бошед. Дар ниҳоят, ҳар он чизе, ки шумо тарроҳӣ мекунед, дар алоҳидагӣ зиндагӣ намекунад, балки як қисми экосистемаи калонтари нармафзор аст.
Ба асосҳо баргардед
Он чизе ки мо имрӯз бо он мубориза мебарем, аз он чизе ки мо 20 сол пеш бо он мубориза мебурдем, фарқе надорад. Дар китобҳо як тонна маслиҳатҳои хуб мавҷуданд. Тарҳи муҳофизатиро барои веб аз ҷониби Ҷейсон Фрид ва Мэттью Линдерман санҷед ва маро аз ҷониби Стив Круг ба андеша водор накунед.
Агар шумо дар бораи мафҳумҳо, аз қабили модал ва ҳамбастагӣ надонед, шумо бояд хонед. Шумо бояд фаҳмонед, ки қонуни Фиттс чист. Қонуни наздикии гешталт? Ин нон ва равғани тарҳи UI аст.
Аз бозиҳо ва филмҳо илҳом гиред
Ман ҳамчун ороишгари UI, ман аз дигар манбаъҳои илҳом барои корам истифода мекунам. Ман дар бозиҳо бисёр ваҳй пайдо мекунам. Баъзе бозиҳо хеле мураккабанд ва тарроҳони UI бояд ҳамон мушкилоти мураккаби интерфейсро тавре ҳал кунанд, ки дизайнери интерфейси дар лоиҳаҳои тиҷорӣ коркарда кор мекунад.
Бозиҳо инчунин метавонанд тамоюлҳоро нишон диҳанд. Минимализме, ки дар менюҳои Колин Макрей Раллӣ ёфт шудааст, ба ман самти iOS7-ро ба хотир меорад. Бо як роҳ, тарроҳии аниматсионии UI, ки ҳоло мӯд шудааст, дар бозиҳо солҳо ва солҳои пеш пайдо мешуд. Гузариш аз скеоморфизм ба интерфейсҳои луч, функсионалӣ ва 'тарроҳии ҳамвор' дар бозиҳо низ аён буд. Oblivion 2006-ро бо Skyrim-и 2011 муқоиса кунед. Ҳарду бозиҳо RPG-ҳо дар як силсила мебошанд, аммо фарқият ҷолиб аст.
Интерфейсҳои футуристӣ дар филмҳои Marvel, ба монанди Man Iron низ барои ман илҳомбахш буданд. Онҳо намунаҳои қобили истифода нестанд, аммо онҳо маро водор мекунанд, ки дар бораи компютер дар маҷмӯъ бештар фикр кунам. Оё мо ояндаи экранҳоро мехоҳем ё мехоҳем, ки экранҳо нопадид шаванд? Ин шояд як саволи хубест, ки дар майкадаи пур аз тарроҳон гузошта мешавад.
Шумо ҳамчун ороишгар тавассути меҳнат, истодагарӣ, сӯҳбат бо ҳамсолонатон ва хондани бисёр чизҳои даҳшатнок ба воя мерасед. Тақрибан як сол пеш ман дар Ню Йорк Таймс асареро дар бораи одамони синнашон аз 80-сола боло хонда будам, ки ҳунари худро сайқал медиҳанд. Ман ҳис мекунам, ки ман ҳоло сар карда истодаам. Шумо чӣ?
