Home Техника Потребителски интерфейс

Потребителски интерфейс



Въведение

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

Theuserinterfaceisrelatedsoftwaredesignedforinteractionandcommunicationbetweentheuserandthehardware,sothattheusercanconvenientlyandeffectivelyoperatethehardwaretoachievetwo-wayinteractionandcompletethedesiredwork,Theuserinterfaceiswidelydefined,includinghuman-computerinteractionandgraphicaluserinterface.Userinterfacesexistinallfieldsthatparticipateintheinformationexchangebetweenhumansandmachines.

Usersandsystemsgenerallyinteractwithproblem-orientedrestrictednaturallanguage.Atpresent,somesystemshavebeguntousemultimediatechnologytodevelopanewgenerationofuserinterfaces.

Introduction

Softwaredesigncanbedividedintotwoparts:codingdesignandUIdesign.Everyoneisfamiliarwithcodingdesign,butUIdesignisstillaveryunfamiliarword.EvensomepeoplewhospecializeinwebsiteandmultimediadesigndonotfullyunderstandthemeaningofUI.TheoriginalmeaningofUIisuserinterface,whichistheabbreviationofEnglishUserandinterface.Literally,itisthetwocomponentsoftheuserandtheinterface,butinfactitalsoincludestheinteractiverelationshipbetweentheuserandtheinterface.

Interfacedesign,inthelongsoftwaredevelopment,theinterfacedesignworkhasnotbeenpaidattentionto.Peoplewhodointerfacedesignarealsocalled"artists"inaderogatorysense.Infact,softwareinterfacedesignisjustlikeindustrialmodelingdesigninindustrialproducts,anditisanimportantbuyingpointforproducts.Afriendlyandbeautifulinterfacewillbringcomfortablevisualenjoymenttopeople,shortenthedistancebetweenpeopleandthecomputer,andcreatesellingpointsforbusinesses.Interfacedesignisnotapureartpainting,itneedstolocatetheuser,useenvironment,usemethodanddesignfortheenduser.Itisapurelyscientificartdesign.Thestandardfortestinganinterfaceisneithertheopinionofaprojectdevelopmentteamleadernortheresultofvotingbyprojectmembers,butthefeelingsoftheenduser.Therefore,interfacedesignmustbecloselyintegratedwithuserresearch,whichisaprocessofcontinuouslydesigningsatisfactoryvisualeffectsforendusers.

IntheprocessofHumanMachineInteraction(HumanMachineInteraction),thereisalevel,whichiswhatwecallinterface.Fromtheperspectiveofpsychologicalmeaning,theinterfacecanbedividedintotwolevels:sensation(visual,tactile,auditory,etc.)andemotion.Userinterfacedesignisanimportantpartofscreenproducts.Interfacedesignisacomplexprojectinvolvingtheparticipationofdifferentdisciplines.Cognitivepsychology,design,linguistics,etc.allplayimportantroleshere.Thethreeprinciplesofuserinterfacedesignare:placetheinterfaceundertheuser'scontrol;reducetheuser'smemoryburden;andmaintaintheconsistencyoftheinterface.

Потребителскиинтерфейс

Thesoftwareandhardwarepartoftheelectroniccomputersystemthatrealizestheexchangeofinformationbetweentheuserandthecomputer.Thesoftwarepartincludesprocessingsoftwaresuchasuserandcomputerinformationexchangeagreements,operationcommands,andthehardwarepartincludesinputdevicesandoutputdevices.Atpresent,thegraphicaluserinterfaceiscommonlyused,whichusesamulti-windowsystem,whichdisplaysadirectimageandiseasytooperate.Alsocalledman-machineinterface.Referredtoasinterface.

AppleOS

TheconceptoftheuserinterfaceofiPhoneOSisbasedonthedirectoperationofmulti-touch.Controlmethodsincludesliding,tappingswitchesandbuttons.Interactionwiththesystemincludesswiping,tapping,pinchingandreversepinching.Inaddition,throughitsbuilt-inaccelerator,therotatingdevicecanbemadetochangeitsy-axistochangethedirectionofthescreen.ThisdesignmakestheiPhonemoreconvenienttouse.

Thereisahomebuttonatthebottomofthescreenandthedockatthebottom.Theiconsofthefourmostfrequentlyusedprogramsarefixedonthedock.Thereisastatusbaratthetopofthescreenthatcandisplaysomerelateddata,suchastime,batterypower,andsignalstrength.Theremainingscreensareusedtodisplaycurrentapplications.TheonlywaytostartaniPhoneapplicationistoclicktheiconoftheapplicationonthecurrentscreen,andtoexittheapplicationistopressthehomebuttonatthebottomofthescreen.Afterthethird-partysoftwareexits,itisdirectlyclosed,butintheupcomingiPhone3.0version,whenthethird-partysoftwarereceivesnewinformation,Apple’sserverwillpushthesenotificationstotheiPhoneoriPodTouch.(Regardlessofwhetheritisrunningornot).OntheiPhone,manyapplicationsareconnected,sothatdifferentapplicationscansharethesameinformation(forexample,whenyoureceiveatextmessagethatincludesaphonenumber,youcanchoosetosavethephonenumberMakeacallforthecontactpersonordirectlyselectthisnumber).

Designer

UIdesignisdividedinto3directionsfromtheworkcontent.FigureItismainlydeterminedbythethreefactorsofUIresearch,whichareresearchtools,researchontherelationshipbetweenhumansandinterfaces,andresearchonhumans.

Изследователски интерфейс----GraphicUIdesigner

Atpresent,mostoftheUIworkersinChinaareengagedinthisindustry.Somepeoplecallitanartist,butinfactitisnotanartworkerinapuresense,butaproductshapedesignerforsoftwareproducts.

Mostofthesedesignersgraduatedfromartcolleges,andmostofthemhaveartdesigneducationbackground,suchasindustrialshapedesign,decorationdesign,informationmultimediadesign,etc.Tostudytherelationshipbetweenhumanandinterface---interactiondesigner,interactiondesigner

Beforethecreationofgraphicalinterfaces,UIdesignershavelongbeenreferredtoasinteractiondesigners.Theworkcontentoftheinteractiondesigneristodesignthesoftwareoperatingprocess,treestructure,softwarestructureandoperatingspecifications(spec),etc.Whatasoftwareproductneedstodobeforecodingisinteractiondesign,andestablishaninteractionmodelandinteractionspecifications.

Interactiondesignersgenerallyhavesoftwareengineerbackgrounds.

Изследовател----Инженер по потребителски опит/инженер-изследовател

Anyproductneedstobetestedinordertoensurequality,softwarecodingneedstobetested,andnaturalUIdesignalsoneedstobetested.test.Thistesthasnothingtodowithcoding,mainlytotesttherationalityoftheinteractiondesignandtheaestheticsofthegraphicdesign.ThetestingmethodgenerallyadoptsfocusgroupsandmeasurestherationalityofUIdesignintheformoftargetuserquestionnaires.Thispositionisveryimportant.Withoutthisposition,thequalityofUIdesigncanonlybejudgedbythedesigner'sexperienceortheleadership'saesthetics,whichwillbringseriousriskstotheenterprise.

Userresearchengineersgenerallyhaveabackgroundinpsychologyandhumanities.

Резюме, UIdesigners са: графични дизайнери на софтуер, дизайнери на взаимодействие и инженери за изследване на потребители.

История на развитие

Древен

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

Theuseofsounds,flags,andgesturesisauserinterfacebetweenpeopleorbetweenpeopleanddevices,suchasinbattlefieldsorbandperformances,orevenusingtortoiseshellsandcoinsfordivination.TeachersuseTheblackboardservesasauserinterfacewithstudents,andtheabacusisalsoanearlyman-machineinterfacecomposedofbeads.

Earlycomputerbatchinterface(popularin1945-1968):Allinputdataispresetintheprogramorcommandlineparameters.Commandlineinterface(popularin1969-1983):Theuserinputsinstructionsthroughthekeyboard,andthecomputerrunstheinstructionsafterreceivingtheinstructions.

Modern

Computer:Graphicaluserinterfacegenerallyreferstothehardwareandsoftwarethatcommunicateandinteractbetweentheuserandthecomputer.ThepurposeistoenabletheuserofthecomputersystemtoeasilyandefficientlygoOperatethecomputertoachievetwo-wayinteractionandcompletetheworkthatyouwanttocompletewiththecomputer.Thescopeincludes:earlyfrompapertapeinputequipmenttokeyboard,mouse,digitalversionandotherdatainputequipment,displayscreen,sound,etc.outputEquipment,referencefiles,onlineinstructions,teachingcoursesandotherauxiliarymaterials,themodeofhuman-computerinteractionhasreachedtheuserinterfacebetweencomputersandhumansthatonlyrecognize1and0.

Inthegraphicaluserinterface,windows,icons,buttonsandothergraphicsaredisplayedonthecomputerscreentorepresentactionsfordifferentpurposes,andtheuserselectsthemthroughapointingdevicesuchasamouse.ThemostfamousexampleisthegraphicaluserinterfacecreatedbyAppleinMacintosh.

Inthe1980s,thecomputeruserinterfacerevolutionwaswhentheMacintoshpublishedbyAppleComputerusedWIMP(windows,mapkeys,windows,andmouseandmouse)toconvertthegraphicaluserinterface(GUI))Wasbroughtintothemassmarketandreplacedthecommandlineinterfaceusedbyearlycomputers.

В началото на 90-те Microsoft пусна Windows 3.0, за да консолидира тази промяна.

Индустрия: Интерфейсът човек-машина в индустрията също така пренася традиционния бутон в приятелския интерфейс човек-машина (ЧинтерфейсЧовек-Ммашина, съкращениеHMI) ,потребителският интерфейс в индустрията е просто разделен на вход (вход) и изход (изход). Входът се отнася за работата от хора. Работата на машини или оборудване, като дръжки, превключватели, врати, инструкции (команди), поддръжка и т.н., а изходът се отнася до известията, издадени от машината или оборудването, като ults, предупреждения, инструкции за работа и т.н. OKИнтерфейсът човек-машина ще помогне на потребителите да работят с машината по-просто, правилно и бързо, а също така може да увеличи максимално производителността и да удължи експлоатационния живот на машината. -машинният интерфейс, който в момента е на пазара, се отнася най-вече до човешката природа на софтуера. Хардуерът (като сензорен екран) на персонализирания оперативен интерфейс.

Therearestillmanyotheruserinterfaces,whichhaveevolvedfromtraditionalancientinterfacessuchasbuttonsandpapertodirectlytouchthebuttonsandiconsdisplayedonthetouchscreenwithfingersoraspecialpentoperformvariousoperations.Suchasautomatedtellermachines(ATM),carnavigation,mediaplayers,gameconsoles,mobilephones,etc.,generallyoperatesimplyandintuitively.

Бъдеще

Бъдещ потребителски интерфейс:

Amorerealisticandinteractivevirtualreality:Forexample,itcanbeusedasaControl-ThemeaningoftheAlt-Deletekey.Brain-computerinterface:Itisadirectconnectionchannelcreatedbetweenhumanoranimalbrain(orbraincellculture)andexternalequipment.Itisstillintheexperimentalstage.Scientistshaveimplantedcomputerchipsintheactualbrainsofpatientswithsystemicparalysis.Successfullyusebrainwavestocontrolcomputers,drawsimplepatternsandcomputergames,butwhenfutureresearchissuccessful,humanscanusebrainwavesasauserinterface.

CurrentsituationinChina

Atpresent,UIisstillarelativelyunfamiliarwordinChina,evensomedesignersdon'tknowthiswordwell.Weoftenseesomejobadvertisementsthatsay:Recruitinginterfaceartists,interfaceartdesigners,andsoon.ThisshowsthatthedomesticunderstandingoftheUIisstillintheartdesign,thinkingthattheworkoftheUIisonlystrokesandlines,andlacksanunderstandingoftheimportanceofuserinteraction;ontheotherhand,thereisstillafocusontechnologybutnotonthesoftwaredevelopmentprocess.Appliedphenomenon.Manybusinessesbelievethatthecoreofsoftwareproductsistechnology,andUIisonlyasecondaryaid,whichcanbereflectedintheproportionofpersonnelandtreatment.

ButthisisnotthetruevalueofUIdesign,butanecessaryprocessofUIdesigndevelopment.Let'stakethematerialproductmobilephoneindustryasanexample.Whenmobilephonesfirstenteredthemarket,theywerenotonlyextremelyexpensive,butalsohadnootherfunctionsbesidesmakingcalls.Asthedominanttechnologyatthattime,everyonefocusedonthesignal,standbytime,lifespan,etc.,andseldomcaredabouttheproduct'sshapeandtherationalityofuse.Thesituationhaschanged,andnowthetechnologyhasfullymettheneedsofusers,soinordertocreatesellingpointsandincreasecompetitiveness,businessesattachgreatimportancetoproductdesign.Inaddition,theyalsofrequentlylaunchtextmessages,colorscreens,Hexuan,MMS,cameras,andsoon.Inthisway,theproduct'sbeauty,personality,easeofuse,easeoflearning,humanization,etc.havebecomethesellingpointoftheproduct.Thedevelopmentofsoftwareproductsandmaterialproductsisthesame.Inthepast,duetothelimitationsofcomputerhardware,codingdesignbecamesynonymouswithsoftwaredevelopment.Thebeautifulandfriendlygraphicalinterfaceandthereasonableandeasy-to-useinteractionmethodwerenotpaidenoughattention.Infact,thesoftwareofthisperiodiscalledsoftwareprogram,notsoftware.product.

Nowadays,withtherapiddevelopmentofcomputerhardware,thepastsoftwareprogramscannolongermeettherequirementsofusers.Inthefiercemarketcompetitionofsoftwareproducts,onlypowerfulfunctionsarefarfromenough,andtheyarenotenoughtodefeatstrongopponents.Fortunately,somenationalcompanieswithfar-sightedvisioninChinahavebeguntorealizethehugesellingpointsthatUIbringstosoftwareproducts.Forexample,Kingsoft’sHades,PowerWord,Drugmaster,andNetBac.BecauseoftheimportanceofUIdevelopmentandstatus,KingsoftTheproductissecondtononeinsimilarsoftwareproducts.TheUIdepartmentofLenovoSoftwareisactivelyconductinguserresearchandusabilitytesting,combiningeaseofuseandbeauty,andlaunchingsuccessfulUIexamplessuchasdual-modecomputersandthehappinessseries,whichhaswonLenovothetitleofthird-largestconsumerPCintheworld,etc..Practicehasprovedthataslongaseachbusinesshasasmallinvestmentinproductbeautyandeasy-to-usedesign,therewillbegreatoutput.Itsinput-outputratioismuchlargerthantheinvestmentinfunctionalleadingdevelopment.

Wehavetoadmitthatatthisstage,ChinahasaconsiderablegapwithWesterndevelopedcountriesinmanyfields.Howtocatchupwithandsurpassthemisthehistoricalmissionofourgeneration.Inthefieldofsoftwareproducts,unlikematerialproducts,therearenorestrictionsontechnologyandmaterials.Thecoreproblemofsoftwareproductsispeople.ImprovingthepersonalcapabilitiesofsoftwareUIdesignersandreducingthegapinpersonnelisthemostimportantissueforChina'sUIdevelopment.

Currently,domesticcollegesanduniversitieshavenotestablishedrelativelysoundUIdesignmajors,sothekeytoimprovingtheabilityofUIdesignersistoprovideagoodlearningandcommunicationresourceenvironment.TherearealreadymanycommunicationdesignwebsitesinChinathatintroduceindustrialdesign,graphicdesign,fashiondesign,paintingart,multimediaflash,etc.,butUIdesignhasnotreceivedtheattentionitdeserves,andisonlyplacedinacolumnofdigitaldesignorgraphicwebdesign.,Theonlyresourcesarenotenoughtotrainexcellentdesigners.TheremustbeaplaceforUIdesignlearningandcommunicationwithfastinformation,richresources,first-classdesignlevel,andprofessionalauthoritytomeettheneedsoftheever-developingUIdesigners..

Inthefuture

SoftwareUIdesignshouldbelongtoaspecialformofID(industrialproductdesign),butthematerialisdifferent.Butwiththepopularizationofintelligentelectronicproducts,therewillbemoreandmoreproductswithLCDscreendisplay.ThismeansthatmoreandmoreproductdesignsrequiresoftwareUIdesign.

Withthedevelopmentoftechnology,inthenearfuture,allproductswillbeintegratedandbecomeaubiquitouscomputerthatcontrolsallhouseholdproductsanddataofusers.Aslongastheuserhashisownaccount,hecancontrolallotherproductsthroughanyproduct,andallproductshaveterminalfunctions.ThebasicformofterminaloperationistheUIdesignofthesoftware.

Thetransformationofproductdesignfrommaterialdesigntonon-materialdesignhasbegun,anditwillcertainlybecomethemainstreamoffutureproductdesign,andagreatUIeraiscoming.

Developmentstage

Marketeconomyneedscompetition,competitionwillneeddesigntoimproveproductcompetitiveness.Before2000,domesticUIdesignwasjustbeginningtosprout,butatthattimeUIdesignwasequivalenttographicdesign,whichwasbasicallyreflectedinwebdesign.Later,withthepopularityofflash,someartdesignersbegantothinkaboutinteractivity.In2002,somecompaniesbegantopayattentiontotheimportanceofUIdesign.TheyraisedtheUIdepartmentfromthesoftwarecodingteam,andbegantohavegraphicdesignersandinteractiondesignersspecificallyforsoftwareproducts.After2004,withthelaunchofalargenumberofproductssuchasmobilephones,computeradditionalsoftware,MP3,IDdesignandUIdesignhavebecomemoreandmoreclosely,andUIdesignhasalsobeguntoberaisedtoanewheightandimportance.In2005,thedomesticUIdesignhasbeenrelativelymature,andtherearemanygoodUIfirst-linedesignersandUIdesignexchangeorganizationswithspecializedoccupationaldivisionoflabor.

Работна цел

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

Процес

Потвърждаване на целеви потребители

Inthesoftwaredesignprocess,theroleofrequirementsdesignwilldeterminethetargetusersofthesoftware,andacquiretheneedsofendusersanddirectusers.

Userinteractionshouldtakeintoaccountthedifferencesinthefocusofinteractiondesigncausedbydifferenttargetusers.

Forexample,thedesignfocusisdifferentforscientificusersandforcomputerbeginners.

Collectthehabitualinteractionmethodsoftargetusers

Differenttypesoftargetusershavedifferentinteractionhabits.Thisaccustomedwayofinteractionoftencomesfromitsoriginalinteractionprocessforrealityandtheinteractionprocessofexistingsoftwaretools.

Ofcourse,itisnecessarytofindouttheinteractiveeffectthattheuserhopestoachievethroughresearchandanalysisonthisbasis,andconfirmitwiththeprocess.

Подсказване и ръководство на потребителите

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

Fortheresultsandfeedbackofuserinteraction,prompttheuserresultsandfeedbackinformationtoguidetheusertothenextsteprequiredbytheuser.

Принцип на последователност

Постоянни цели на дизайна

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

Forexample,iftheprimaryuserofcomputeroperationisthetargetuser,andthedesigngoalistosimplifytheinterfacelogic,thenthegoalneedstobeimplementedasawhole,notpartofthesoftware(package).

Consistentappearanceofelements

Theappearanceofinteractiveelementsoftenaffectsuserinteraction.Thesame(class)softwareadoptsaconsistentstyleofappearance,whichisveryhelpfultomaintaintheuser'sfocusandimprovetheinteractioneffect.Unfortunately,thereisnoparticularlyuniformmeasurementmethodforconfirmingthattheappearanceoftheelementsisconsistent.Therefore,itisnecessarytoconductsurveysontargetuserstoobtainfeedback.

Consistentinteractionbehaviors

Intheinteractionmodel,afterusersofdifferenttypesofelementstriggertheircorrespondingbehaviorevents,theirinteractionbehaviorsneedtobeconsistent.

Forexample:Alldialogboxesthatrequireuserconfirmationoperationscontainatleasttwobuttons:ConfirmandDiscard.

Themoreextremeconceptoftheconsistencyprincipleofinteractivebehavioristhatthesametypeofinteractiveelementscausethesamebehavioralevents.However,wecanseethatalthoughthisconceptiscorrectinmostcases,thereareindeedoppositeexamplesthatprovethatdesigningnotinaccordancewiththisconceptwillsimplifytheuser'soperationprocess.

Принцип на използваемост

Разбираемо

Forthesoftwaretobeusedbytheuser,theusermustbeabletounderstandthecorrespondingfunctionofeachelementofthesoftware.

Iftheusercannotunderstandit,anon-destructivewayshouldbeprovidedsothattheusercanunderstandthecorrespondingfunctionthroughtheoperationoftheelement.

Forexample:deleteoperationelements.Theusercanclickthedeleteoperationbuttontoprompttheuserhowtodeletetheoperationorwhethertoconfirmthedeleteoperation.Theusercanunderstandthefunctioncorrespondingtotheelementinmoredetail,andcancanceltheoperationatthesametime.

Постижимо

Theuseristhecenterofinteraction,andtheinteractiveelementscorrespondtothefunctionsrequiredbytheuser.Therefore,theinteractiveelementsmustbecontrollablebytheuser.

Userscanuseinteractivedevicessuchaskeyboardandmousetomoveandtriggerexistinginteractiveelementstoreachotherpreviouslyinvisibleornon-interactiveinteractiveelements.

Itshouldbenotedthatthenumberofinteractionswillaffecttheachievableeffect.Whenafeatureisdeeplyhidden(generallymorethan4layers),thechanceofusersreachingthatelementisgreatlyreduced.

Theachievableeffectisalsorelatedtotheinterfacedesign.Anoverlycomplexinterfacewillaffecttheachievableeffect.(Refertotheprincipleofsimpleguidance)

Контролируем

Theinteractiveprocessofthesoftwarecanbecontrolledbytheuser.

Theexecutionflowofthefunctioncanbecontrolledbytheuser.

Ifitisreallyimpossibletoprovidecontrol,prompttheuserinawaythatcanbeunderstoodbythetargetuser.

Designprinciples

Knowyourusers

Yourusersaretheoneswhoultimatelyjudgethequalityoftheuserinterface,sotheuserisyourultimategoal.Understanduserneeds,nomatterhowgoodyourinterfaceis,itisnottheproductthatuserswant.Sinkdowntocarefullyobservetheuser'spreferences,understandtheirskilllevelandexperience,andobservehowtheyoperateintheinterface.Don'tbeobsessedwithchasingupdatestodesigntrendsorconstantlyaddingnewfeatures.Alwaysrememberthatthefirsttaskistopayattentiontoyouruserssothatyoucancreateaninterfacethatallowsuserstoachievetheirgoals.

PayattentiontotheUImodel

Inthesoftware,mostoftheuser'stimeisconsumedininterfaceoperations(dataentry,datamodification,datareview,etc.),whichisthesameasbrowsingTheuseroperationsofthemainwebsitepagearecompletelydifferent.Wedon'tneedtosuperfluous,userswanttoseethoseexistingsoftwareinterfaceswithsimilarfunctionsorfollowbasicoperationmethodsinthenewlycreatedinterface.Therefore,usingthecustomaryUImodelwillmakeusersfeelintimacy.

Beconsistent

Usersneedtoknowthatoncetheylearntodoacertainoperation,itwillworkthesamenexttime.Language,layout,anddesignareseveralinterfaceelementsthatneedtobeconsistent.Aconsistentinterfaceallowsuserstohaveabetterunderstandingofhowtooperate,therebyimprovingefficiency.

Clearvisualhierarchy

Whendesigning,letusersfocusonthemostimportantplace.Thesize,colorandpositionofeachelementtogetherpointthewayforunderstandingtheinterface.Aclearhierarchicalrelationshipwillplayanimportantroleinreducingthecomplexityofappearance(evenwhenthebehavioritselfisequallycomplex).

Providefeedback

Theinterfacemustalwaysmaintaincommunicationwiththeuser,regardlessofwhethertheirbehaviorisrightorwrong.Prompttheuser'sbehavioratanytime:statuschange,errororabnormalinformation.Visualcuesorsimpletextreminderscantelluserswhethertheiractionscanachievetheexpectedresults.

Faulttolerancemechanism

Nomatterhowclearyourdesignis,userswillmakemistakes.Yourinterfaceshouldallowandprovideuserswithawaytoundoactions,andbeastolerantofawidevarietyofinputdata(noonewantstostartoverjustbecausetheyfillinthewrongbirthdayformat).Similarly,ifauser’sbehaviorcausesanerror,usetheinformationattherighttimetoshowwhatbehavioriswrong,andmakesurethattheuserunderstandshowtopreventthiserrorfromhappeningagain.

Encourageusers

Oncetheuserhascompletedthekeyoperation,theusershouldbenotifiedintime(pop-updialogbox,etc.).Itisworthnotingthatdecomposingacomplexprocesstaskintoseveralsimplestepswillbemorecomplicatedanddistracting.Therefore,nomatterhowcomplicatedandlongthetaskisbeingperformed,theinterfacemustbekeptuninterrupted.

Languagehasaffinity

Allinterfaceshavemoreorlesstextonthem,sothatthemanuscriptsareascolloquiallyaspossible,ratherthanpiledupwithgorgeousrhetoric.Provideclearandconciselabelsforbehaviorsandkeepsimplenarratives.Userswillappreciatethisbecausetheyarenolongerintheofficialvoiceofothers-theyheartheexpressionslikefriendsoreventhemselves.

Keepitsimple

Thebestuserinterfaceisnointerface.Intheexcellentsoftwareinterface,youcan'tseetheflashyUIdecoration,letalonethedesignelementsthatyoudon'tneed.Sowhenthinkingaboutwhethertoaddanewfeatureorelementtotheinterface,thinkagain:Dousersorinterfacesreallyneedthese?Whydouserswanttobethissmalldynamiciconhere?Aretheseelementsjustaddedoutofself-interestandthebeautyofthepage?ThesoftwareinterfacemadebyanexcellentUIengineerwillnotbeverygorgeous,andthereisnoelementintheinterfacethatdistractstheuser'sattentionanddisturbstheuser'soperation.Itshouldevenbeachievedthatwhenusersusethesystem,theycan'tpayattentiontothepageandcomplicatedoperations.Everythingshouldbelogical.

Приложни продукти

Индустриални приложения

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

Entertainmentapplications

Gameconsole:Thegameconsoleislikeacomputer,themaincomponentsareverysimilar,andtherearevarioussoftwareandhardwareforinstallationanduse.ThemainhardwarecomponentsofthegamemachineincludeCPU,memory,storagemedia,audio-visualoutputequipment,signalinputequipmentandothermechanicalequipment.Amongthem,thesignalinputdevicesofgameconsoles,suchashandlesorjoysticks,enabletelevisionsandcomputerstointeractwithhumansingeniouslythroughsimplebuttons.Thegamesoftwarealsousesgraphicsandtexttoachieveinteractionbetweenmachinesandhumans.Human-machineinterfaceforentertainment.

Компютърни приложения

Хардуер: клавиатура, мишка и дисплей от софтуера: Windows на Microsoft и MacOS на Apple.

Спецификация на дизайна

Принцип на последователност

Adheretotheuserexperience-centereddesignprinciple,theinterfaceisintuitiveandconcise,andtheoperationisconvenientandquick,Aftertheusercontactsthesoftware,thecorrespondingfunctionsontheinterfaceareclearataglance,andtheapplicationsystemcanbeeasilyusedwithoutmuchtraining.

  • Шрифт- Поддържайте шрифта и цвета последователни, избягвайте множество шрифтове в набор от теми;Потребителски интерфейс

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

  • Формуляри-В страниците,които съдържат задължителни и незадължителни полета,забележим знак(*)трябва да започне до задължителните полета;-всеки въведениданни трябва да ограничи типа на текста и да направи потвърждение на формата.Например,само номера могат да бъдат въведени в телефонния номер,а имейл адресът трябва да включва"@"и т.н., и ще започне ясна подкана, когато потребителят въведе грешката.

  • Жестове на мишката-бутони и връзки, върху които може да се кликне, трябва да превключват жестовете на мишката към формата на ръката;

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

Принцип на точност

Useconsistentmarks,standardabbreviationsandcolors,andthemeaningofthedisplayedinformationshouldbeveryclear.Usersnolongerneedtorefertoothersourcesofinformation.

  • Показване на значими съобщения за грешки вместо чисти програмни кодове за грешки.

  • Избягвайте използването на полета за въвеждане на текст, а не поставяйте текстово съдържание, което не може да се редактира, и не използвайте полета за въвеждане на текст като етикети.

  • Използвайте отстъпи и текст за подпомагане на разбирането.

  • Използвайте лексика на потребителския език вместо чисто професионални компютърни термини.

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

  • Поддържайте последователност на езика, като например „ОК“ отговаря на „Отказ“ и „Да“ отговаря на „Не“.

Принципи за рационализиране на оформлението

WhendesigningUI,itisnecessarytofullyconsidertherationalizationoflayoutandfollowtheuser’stoppriority.Next,browseandoperatefromlefttorighttoavoidthedisadvantagesofexcessivelydispersingthearrangementoffrequentlyusedbusinessfunctionbuttons,whichmaycausetheusertomovethemouseoveralongdistance.Domore"subtraction"operationstohidetheinfrequentlyusedfunctionblockstokeeptheinterfaceconcise,sothatuserscanfocusonthemainbusinessoperationprocess,whichisconducivetoimprovingtheeaseofuseandusabilityofthesoftware.

  • Меню-Поддържайте менюто стегнато и точността на класификацията и избягвайте дълбочината на менюто да надвишава 3 нива.-Функцията в менюто трябва да отвори нова страница, за да бъде завършена, трябва да добавите"..."след името на менюто [Приложимо само за C/Structure, моля, игнорирайте B/S].

  • БутонБутонът за потвърждение на операцията е разположен отляво, а бутонът за отказ или затваряне е разположен отдясно.

  • Функции-Незавършените функции трябва да бъдат скрити и не трябва да се поставят в съдържанието на страницата, за да се избегнат недоразумения.

  • Настройка на шрифта-Цялото съдържание на текста е зададено така, че да се избягва показването на ръба (ръба на страницата), опитайте се да запазите разстояние от 10-20 пиксела и центрирано във вертикална посока Подравнете; задръжте най-малко 10 пиксела между контролните елементи и се уверете, че контролните елементи не са близо до ръба на страницата.

  • Списък с данни на таблица-Данните за знаци са подравнени вляво, данните от числов тип са подравнени вдясно (лесни за четене и сравняване), а десетичните знаци са равномерно показани според изискванията на полето Брой битове.

  • Лента за превъртане- Хоризонталните ленти за превъртане трябва да се избягват при проектирането на оформлението на страницата.

  • Навигация на страницата (навигация на пътеки)- Навигационната лента на пътеките трябва да се появи на видно място на страницата, за да позволи на потребителя да разбере текущото местоположение на страницата и да изясни структурата на навигацията, като например: Начало>Център за новини>OukeSmartInvestmentServicePlatform беше официално пусната sed,иподчертаните части савръзки, върху които може да се кликне.

  • Прозорец за подкана за информация-Прозорецът за подкана за информация трябва да бъде поставен в центъра на текущата страница и фоновите слоеве трябва да бъдат подходящо отслабени, за да се намали смущението на информацията и да се позволи на потребителя да спре да обръща внимание на прозореца за подкана за текуща информация. от прозореца за подкана за информация.

Принципът на рационалност на работата на системата

  • Trytoensurethatusersdonotusethemouse(onlyuseInthecaseofkeyboard),somecommonbusinessoperationscanalsobecompletedsmoothly,andeachcontrolcanbeswitchedthroughtheTabkey,andalleditabletextscanbeselectedandprocessed.

  • За страници за извличане на заявка, натискането на Enter във входното поле за условие за заявка трябва автоматично да задейства операцията за заявка.

  • Insomeirreversibleordeleteoperations,thereshouldbeamessagetoprompttheuser,andtheusershouldconfirmwhethertocontinuetheoperation,andtheconsequencesoftheoperationshouldalsobetoldtotheuserwhennecessary.

  • Бутоните „Потвърждаване“ и „Отказ“ в прозореца за подкана за съобщения трябва да бъдат присвоени съответно на клавишите „Enter“ и „ESC“ на клавиатурата.

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

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

Принцип на времето за реакция на системата

Thesystemresponsetimeshouldbemoderate.Iftheresponsetimeistoolong,userswillfeeluneasyandFrustration,andtheresponsetimeistoofastwillalsoaffecttheuser'spaceofoperation,andmayleadtoerrors.Therefore,thefollowingprinciplesareadheredtointhesystemresponsetime:

  • 2-5secondswindowdisplaysprocessinginformationpromptstopreventusersfrommistakenlythinkingthatthereisnoresponseandrepeatoperations;

  • Показване на прозореца за обработка за повече от 5 секунди или показване на лентата за напредъка;

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

This article is from the network, does not represent the position of this station. Please indicate the origin of reprint