Въведение
Потребителски интерфейс(Потребителски интерфейс, съкратено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 секунди или показване на лентата за напредъка;
Съобщенията за предупреждение за завършване трябва да започнат, когато дългосрочната обработка е завършена.