Esittely
Käyttäjäliittymä(Käyttöliittymä, lyhennettynäkäyttöliittymä, joka tunnetaan myös nimelläuseTheuser Interface >)on järjestelmän ja käyttäjän välisen vuorovaikutuksen ja tiedonvaihdon väline, joka toteuttaa muuntamisen sisäisen tiedonmuodon ja ihmisille hyväksyttävän muodon välillä.
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.
Käyttäjäkäyttöliittymä
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.
Tutkimuksen käyttöliittymä ----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.
Tutkija ----Käyttäjäkokemusinsinööri/tutkija
Anyproductneedstobetestedinordertoensurequality,softwarecodingneedstobetested,andnaturalUIdesignalsoneedstobetested.test.Thistesthasnothingtodowithcoding,mainlytotesttherationalityoftheinteractiondesignandtheaestheticsofthegraphicdesign.ThetestingmethodgenerallyadoptsfocusgroupsandmeasurestherationalityofUIdesignintheformoftargetuserquestionnaires.Thispositionisveryimportant.Withoutthisposition,thequalityofUIdesigncanonlybejudgedbythedesigner'sexperienceortheleadership'saesthetics,whichwillbringseriousriskstotheenterprise.
Userresearchengineersgenerallyhaveabackgroundinpsychologyandhumanities.
Yhteenveto, käyttöliittymäsuunnittelijat ovat: ohjelmistografiikkasuunnittelijat, vuorovaikutussuunnittelijat ja tutkijat.
Kehityshistoria
Muinainen
Vanhin käyttöliittymä onsymbolien ja kuvien luominen eri kohteille, jotta voidaan luoda interaktiivinen käyttöliittymä ihmisten ja objektien välille.
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.
1990-luvun alussa Microsoft julkaisi Windows 3.0:n vahvistaakseen tämän muutoksen.
Toimiala: Teollisuuden miehen ja koneen käyttöliittymä tuo myös perinteisen painikkeen ystävälliseen kosketusmies-koneliitäntään (Hihminen-MkoneI-liitäntä, lyhenneHMI) ,alan käyttöliittymä on yksinkertaisesti jaettu Input(Input)ja Output(output).Syöte viittaa ihmisen toimintaan.Koneiden tai laitteiden,kuten kahvojen,kytkimien,ovien,ohjeiden(komennot),huoltojen jne.,ja ulostulojen käyttö varoitukset,käyttöohjeet jne.,OKMan-kone-käyttöliittymä auttaakäyttäjiä käyttämään konetta yksinkertaisesti,oikein ja nopeasti, ja se voi myös maksimoida suorituskyvyn ja pidentääkoneen käyttöikää. -markkinoilla oleva koneliitäntä viittaa enimmäkseen ohjelmiston inhimilliseen luonteeseen. Mukautetun käyttöliittymän laitteisto (kuten kosketusnäyttö).
Therearestillmanyotheruserinterfaces,whichhaveevolvedfromtraditionalancientinterfacessuchasbuttonsandpapertodirectlytouchthebuttonsandiconsdisplayedonthetouchscreenwithfingersoraspecialpentoperformvariousoperations.Suchasautomatedtellermachines(ATM),carnavigation,mediaplayers,gameconsoles,mobilephones,etc.,generallyoperatesimplyandintuitively.
Tulevaisuus
Tulevaisuuden käyttöliittymä:
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.
Työkohde
Käyttöliittymäbuumin edessä viime vuosina monet kotimaiset yritykset ja yritykset ovat osallistuneet matkapuhelimiin, ohjelmistoihin, verkkosivustoihin, lisäarvopalveluihin jne. lisääntynyt.
Käsittely
Vahvista kohdekäyttäjät
Inthesoftwaredesignprocess,theroleofrequirementsdesignwilldeterminethetargetusersofthesoftware,andacquiretheneedsofendusersanddirectusers.
Userinteractionshouldtakeintoaccountthedifferencesinthefocusofinteractiondesigncausedbydifferenttargetusers.
Forexample,thedesignfocusisdifferentforscientificusersandforcomputerbeginners.
Collectthehabitualinteractionmethodsoftargetusers
Differenttypesoftargetusershavedifferentinteractionhabits.Thisaccustomedwayofinteractionoftencomesfromitsoriginalinteractionprocessforrealityandtheinteractionprocessofexistingsoftwaretools.
Ofcourse,itisnecessarytofindouttheinteractiveeffectthattheuserhopestoachievethroughresearchandanalysisonthisbasis,andconfirmitwiththeprocess.
Promptandguideusers
Ohjelmisto on käyttäjien työkalu. Siksi käyttäjien tulee käyttää ja ohjata ohjelmistoa. Ohjelmisto vastaa käyttäjän toimiin ja asetuksiin.
Fortheresultsandfeedbackofuserinteraction,prompttheuserresultsandfeedbackinformationtoguidetheusertothenextsteprequiredbytheuser.
Johdonmukaisuusperiaate
Johdonmukaiset suunnittelutavoitteet
Ohjelmistoissa on useita komponentteja (komponentteja, elementtejä). Eri komponenttien välisten vuorovaikutuksen suunnittelutavoitteiden on oltava johdonmukaisia.
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.
Käytettävyysperiaate
Ymmärrettävä
Forthesoftwaretobeusedbytheuser,theusermustbeabletounderstandthecorrespondingfunctionofeachelementofthesoftware.
Iftheusercannotunderstandit,anon-destructivewayshouldbeprovidedsothattheusercanunderstandthecorrespondingfunctionthroughtheoperationoftheelement.
Forexample:deleteoperationelements.Theusercanclickthedeleteoperationbuttontoprompttheuserhowtodeletetheoperationorwhethertoconfirmthedeleteoperation.Theusercanunderstandthefunctioncorrespondingtotheelementinmoredetail,andcancanceltheoperationatthesametime.
Saavutettavissa
Theuseristhecenterofinteraction,andtheinteractiveelementscorrespondtothefunctionsrequiredbytheuser.Therefore,theinteractiveelementsmustbecontrollablebytheuser.
Userscanuseinteractivedevicessuchaskeyboardandmousetomoveandtriggerexistinginteractiveelementstoreachotherpreviouslyinvisibleornon-interactiveinteractiveelements.
Itshouldbenotedthatthenumberofinteractionswillaffecttheachievableeffect.Whenafeatureisdeeplyhidden(generallymorethan4layers),thechanceofusersreachingthatelementisgreatlyreduced.
Theachievableeffectisalsorelatedtotheinterfacedesign.Anoverlycomplexinterfacewillaffecttheachievableeffect.(Refertotheprincipleofsimpleguidance)
Hallittavissa
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.
ApplicationProducts
IndustrialApplications
kosketusnäytöt: ITCANBEUDESTOREPLACEMANICALBUTTONSKINSANDANDCANRECEIVEETOUCHES (onko seitisAfingerPlasticPentipSevInpesigheAverhineDeNinterMaceManinterMaceManinterMaceManinterMaceManinterMaceManinterMaceManinterMaceManinterMaceManinterMaceManinterMaceManinterMaceManinterManterfevingeVingeVingevInTeVeVeVeVeVeVeVevIns ICESAndHumans.
Entertainmentapplications
Gameconsole:Thegameconsoleislikeacomputer,themaincomponentsareverysimilar,andtherearevarioussoftwareandhardwareforinstallationanduse.ThemainhardwarecomponentsofthegamemachineincludeCPU,memory,storagemedia,audio-visualoutputequipment,signalinputequipmentandothermechanicalequipment.Amongthem,thesignalinputdevicesofgameconsoles,suchashandlesorjoysticks,enabletelevisionsandcomputerstointeractwithhumansingeniouslythroughsimplebuttons.Thegamesoftwarealsousesgraphicsandtexttoachieveinteractionbetweenmachinesandhumans.Human-machineinterfaceforentertainment.
Tietokonesovellukset
Laitteisto: näppäimistö, hiiri ja ohjelmiston näyttö: Microsoftin Windows ja Applen MacOS.
Suunnitteluspesifikaatio
Johdonmukaisuusperiaate
Adheretotheuserexperience-centereddesignprinciple,theinterfaceisintuitiveandconcise,andtheoperationisconvenientandquick,Aftertheusercontactsthesoftware,thecorrespondingfunctionsontheinterfaceareclearataglance,andtheapplicationsystemcanbeeasilyusedwithoutmuchtraining.
Fontti - Pidä kirjasin ja väri yhtenäisenä, vältä useita teemoja; - Muokkaamattomat kentät näytetään sädetekstissä yhtenäisesti.
Tasaus – Pidä sivun elementtien kohdistus johdonmukaisena. Jos ei ole erityisiä olosuhteita, vältä useiden tietojen kohdistusta samalla sivulla.
Formentry-Pakollisiajavalinnaisia kenttiä sisältävillä sivuilla erottuva merkki(*)onkirjoitettavapakollisten kenttien viereen;-jokainenTypetatainputtarve rajoittaatekstin tyyppi ja muotoiltavavahvistus.Esimerkiksivainnumerot daclear kehote annetaan, kun käyttäjä tulee virheeseen.
Hiirieleet-napsautettavat painikkeet ja linkit tarvitsevat hiiren eleiden muuttamiseksi käden muotoon;
Pidä toiminto ja sisällönkuvaus johdonmukaisena - Vältä useiden sanojen käyttämistä samassa toiminnon kuvauksessa, kuten muokkaamista ja muokkaamista, lisäämistä ja lisäämistä, poistamista ja sekakäytön poistamista jne. Suositellaan luomaantuotesanakirjaakäytettävissätuotesanakirjassa,samaansahanke-jacom-käsikirjoituksessa tai kehittäjän on noudatettava tiukasti tuotesanakirjan termisanastoa näyttääkseen tekstitietoja.
Tarkuuden periaate
Useconsistentmarks,standardabbreviationsandcolors,andthemeaningofthedisplayedinformationshouldbeveryclear.Usersnolongerneedtorefertoothersourcesofinformation.
Näytä merkitykselliset virheilmoitukset puhtaiden ohjelmavirhekoodien sijaan.
Vältä käyttämästä tekstinsyöttöruutuja, jotta voit sijoittaa ei-muokattavaa tekstisisältöä, äläkä käytä tekstiä syöttölaatikoissa tarroina.
Käytä sisennystä ja tekstiä ymmärtämisen helpottamiseksi.
Käytä käyttäjän kielen sanastoa puhtaiden ammattimaisten tietokonetermien sijaan.
Käytä näytön näyttötilaa tehokkaasti, mutta vältä tilan ylikuormitusta.
Säilytä kielen johdonmukaisuus, kuten "OK" vastaa "Peruuta" ja "Kyllä" vastaa "Ei".
Asettelun hajauttamisen periaatteet
WhendesigningUI,itisnecessarytofullyconsidertherationalizationoflayoutandfollowtheuser’stoppriority.Next,browseandoperatefromlefttorighttoavoidthedisadvantagesofexcessivelydispersingthearrangementoffrequentlyusedbusinessfunctionbuttons,whichmaycausetheusertomovethemouseoveralongdistance.Domore"subtraction"operationstohidetheinfrequentlyusedfunctionblockstokeeptheinterfaceconcise,sothatuserscanfocusonthemainbusinessoperationprocess,whichisconducivetoimprovingtheeaseofuseandusabilityofthesoftware.
Valikko-Pidä valikko ytimekäs ja luokituksen tarkkuus,jouttivalikon ylemmälle 3 tasolle.-Valikon toiminnon on avattava uusi sivu loppuun, sinun on lisättävä"..."valikon nimen jälkeen.
painikeVahvistatoimintopainike on sijoitettuvasemmallejaperuutataisulje-painikeoikealle.
Toiminnot – Keskeneräiset toiminnot on piilotettava, eikä niitä saa sijoittaa sivun sisältöön väärinkäsitysten välttämiseksi.
Kirjoitusasetus-Kaikki tekstisisällön tyypit on asetettu välttääksesi näyttöä (sivun reunaa), yritä säilyttää 10-20 pikselin väli japystysuoran keskellä.
Taulukkotietoluettelo - Merkkitiedot on tasattu vasemmalle, numerotyyppitiedot taioikealle tasattuna (helppo lukea ja vertailla),ja desimaalit näkyvät yhtenäisesti kenttävaatimusten mukaisesti.Bittien lukumäärä.
Vierityspalkki - Vaakasuuntaisia vierityspalkkeja tulisi välttää sivuasettelua suunniteltaessa.
Pagenavigation(breadcrumbnavigation)-Abreadcrumbnavigation-palkin pitäisi näkyä näkyvällä paikalla sivulla, jotta käyttäjä tietää sivun nykyisen sijainnin ja selventäänavigointirakennetta, kuten:Home>NewsCenterwatsmarst ,ja alleviivatut osat ovatnapsautettavia linkkejä.
Tietokehoteikkuna-Tietokehotteen tulisi sijaita nykyisen sivun keskellä, ja taustakerrosten tulisi olla sopivasti heikentyneet tietohäiriöiden vähentämiseksi ja käyttäjien on kiinnitettävä huomiota. tietokehoteikkunasta.
Järjestelmän toiminnan rationaalisuuden periaate
Trytoensurethatusersdonotusethemouse(onlyuseInthecaseofkeyboard),somecommonbusinessoperationscanalsobecompletedsmoothly,andeachcontrolcanbeswitchedthroughtheTabkey,andalleditabletextscanbeselectedandprocessed.
Kyselynhakusivuja varten Enterthequeryconditioninputbox-painikkeen painamisen pitäisi käynnistää kyselytoiminto automaattisesti.
Insomeirreversibleordeleteoperations,thereshouldbeamessagetoprompttheuser,andtheusershouldconfirmwhethertocontinuetheoperation,andtheconsequencesoftheoperationshouldalsobetoldtotheuserwhennecessary.
Viestikehotteen "Vahvista"- ja "Peruuta"-painikkeet on yhdistettävä näppäimistön "Enter"- ja "ESC"-näppäimiin.
Vältä kaksoisnapsauttamista hiirellä, mikä ei vain vaikeuta käyttäjän toimintaa, mutta saattaa myös johtaa käyttäjän ymmärtämään, että toimintonapsautus ei kelpaa.
Edeltävällä sivulla syöttökohdistus on asetettava ensimmäisellä kerralla.Käyttäjä voi vaihtaa syöttölaatikoiden taitoimintopainikkeiden välillä sarkainnäppäimen kautta jahuomauttaa, että välilehden toiminnan tulee noudattaa järjestystä vasemmalta oikealle ja ylhäältä alas.
Järjestelmävastauksen aikaperiaate
Thesystemresponsetimeshouldbemoderate.Iftheresponsetimeistoolong,userswillfeeluneasyandFrustration,andtheresponsetimeistoofastwillalsoaffecttheuser'spaceofoperation,andmayleadtoerrors.Therefore,thefollowingprinciplesareadheredtointhesystemresponsetime:
2-5secondswindowdisplaysprocessinginformationpromptstopreventusersfrommistakenlythinkingthatthereisnoresponseandrepeatoperations;
Näytäprosessointiikkuna yli 5 sekuntia tainäytä edistymispalkki;
Täydennyksen varoitusviestit tulisi lähettää, kun pitkäaikainen käsittely on valmis.