scrollwap网站制作

wap网站制作  时间:2021-05-04  阅读:()
WAP-DesigningforSmallUserInterfacesAlbrechtSchmidt,HenningSchrderTecO,UniversityofKarlsruhe76131Karlsruhe,Germany{Albrecht,schroder}@teco.
eduOliverFrickSAPCorporateResearch,CECKarlsruhe,76131Karlsruhe,Germanyo.
frick@sap.
comKeywordsWAP,WML,mobilepersonaldevices,smallUIdesignINTRODUCTIONCurrentandupcomingWAP-capablemobilephonesintroducenewuserinterfaceswherestandardmethodsforapplicationdesignoftenfail.
AutomatedtranslationofHTMLtoWMLproducesscreenlayoutsandinputmechanismsthatareoftennotuseableonamobilephone.
InthispaperwesuggestastructuredapproachforbuildingWAPapplicationandinparticularthedevelopmentoftheuserinterface.
FirstwegiveabriefsummaryonthediscriminatingfeatureofaphoneinterfaceandonmechanismstobuildapplicationsonWAPdevices.
ThenweprovideguidelinesonhowtoportfromWebtoWAPandhowtodevelopWAP-Applications.
WefinallyintroducetheWAPapplicationthatledtoourfindings.
WAP-DEVICESAnincreasinganumberofWAPdevicesbecomeavailabletoday.
IncontrasttodesktopmachinesthesedevicesdonotformahomogeneousplatformintermsofUIandusage.
ThisparagraphgivesabriefoverviewonourfindingsconcerningdifferentUIsandthesupportforWAP/WML.
UserInterfacesWAPdeviceshaveavarietyofinterfaces;outputcanbedisplayedastext,formattedtext,orgraphics.
Inputisprovidedbytouchscreensand/orbuttons.
DisplaysareingeneralmuchsmallerthanthatonPCs,howeverthesizevariesverymuch.
TheEricssonMC218forexamplehasa640x240pixeldisplaywhereastheNokia7110hasonly96x65pixel.
Thisisaratioofabout24:1whereasworkstationscreensdifferonlybyaratioof6:1(1600x1200comparedto640x480).
ThislargedifferencesinscreenspacemakesitalmostimpossibletodesignanapplicationsothatitfitsallWAP-devices[1].
TheinputmechanismsprovidedbyWAP-devicesarenotcoherenteither.
PDAlikedevicesofferpointandclickonatouchscreenwhereasmostphonesrelyonasetofbuttons.
Linknavigationwithabuttoninterfacehoweverismoredifficultthanpointandclick.
Scrollingupanddownissupportedverywellonmostdevices(e.
g.
scrollwheelonNokia7110)whereasoftenthedisplaywidthisfixedandnoleftrightscrollingisprovided.
Textinputisdifficultandtimeconsumingonmostphone-sizeddevices,whereasinputtingnumbersissupportedverywellandusersareaccustomedtothat.
PDAlikedevicesontheotherhandtypicallycomewithalpha-numerickeyboards.
Applications,WAP,WMLandWMLSPDAlikedevicesaswellasphonesofferanumberofapplicationsbeyondphoning,suchasmessaging,calculator,addressbook,andgames.
Fortheseapplications,andtosomeextentevenforphoning,theusageofdevicesfromdifferentmanufactures(orevenfordifferentmodelsofonemanufacturer)doesnotfollowthesamerules.
WiththeintroductionoftheWAPstandardamanufacturerindependentplatformforthedevelopmentanddistributionofapplicationsforWAP-phonesandotherWAP-devicesisgiven.
ApplicationsarewritteninWMLandorinWMLSandconstituteofoneormoredecksconsistingofonormorecards.
Theresourceisprovidedonaserverandcanbedownloadedbytheuser.
Inourexperimentsweobservedthatmostdevicessupportonlyasubsetofthespecifiedmarkuptagsandthatthewaysinwhichthesetagsareinterpretedarealsodifferent.
Thismakesitimpossibletoforeseetheappearanceofanapplicationontheusersscreen;thedifferenceobservedissignificantlylargerthanthedifferencesobservedwithapplicationsindifferentstandardWebbrowsersondesktopmachines.
DESIGNINGANDDEVELOPINGWAP-APPLICATIONSFromourexperienceindevelopingWAP-applications(aselectedapplicationisdescribedinthenextsection)wederivedasetofguidelinesforthedevelopmentofWAP-applications.
Inthenextparagraphstheseguidelinesarestatedasaninformalprocedure.
GeneralIssuesThefirstandmostimportantmatteristoidentifythebenefitsforbringinganapplicationtotheWAPplatform.
Supportingthesebenefitsmustbetheprimegoaloftheapplicationdevelopment.
Apotentialbenefitis,e.
g.
,universalaccesstoinformationthatisvitalwhileontheway(e.
g.
contactaddress,travelmanagement).
Thenavigationspaceandimpliedinteractionwiththeapplicationshouldbereflectedinthestructureofdecksandcardsintheimplementation.
Whereverpossible(ifcardsdonotrelyonuserinput)provideamaximalnavigationspacewithinonedecktoavoidreloadingduringnavigation.
IfinformationisalreadyprovidedonaWebsiteandshouldalsobeavailableonWAPthefollowingapproachcanbeusedforporting:defineatypicalpathormoregeneralagraphandbuildanavigationalstructureforthispath,whichisthenrepresentedbyadeckconsistingofmultiplecards.
UsedthetitlesandheadlinesofWebpagesalongthepathtohavethecontentframework.
Reducetexttoaminimumanddesigninformationchunksthatfitonthesmallestdevicesyouaredesigningfor.
InputDesignMostcurrentphonesareoptimizedinputtingnumbersratherthantext.
Alsodirectpointandclick,asknownfromPDAsandPCs,istypicallynotgiven.
Basedonthisthefollowingrecommendationsforinputdesignshouldbeconsidered:§usenumbersforinputwheneverpossible§usecommonabbreviationslikecountrycodes§iflettersareusedkeeptheinputmechanismsinmind,e.
g.
preferfirstletteronkey§offerchoices(e.
g.
numbers,listboxes,radio-buttons,link-lists)ordefaultvalueswhenapplicable;evenlongerlinklistproveuseablebecauseofscrolling§providelabelstohardwarebuttonswerepossible§usestandardconventionsonbuttons(e.
g.
back)Onebasicissueistoreducetheneedforuserinputasmuchaspossible.
Herecustomizationofapplicationsfortheuserprovidesoneway.
AlsothecooperationbetweendesktopinterfacesandWAP-devicescanbebeneficial(cf.
ourcasestudydescribedinthenextsection).
OutputDesignDisplaysonmobilephonesareingeneralrathersmallandprovideonlyalowresolutionandcolordepth.
Thus,readingoflargertextsisratherdifficultwhereasthedisplayofsmallinformationchunksismuchbetter.
Theusageofgraphicsdoesoftennotprovideadditionalvaluebecauseofthelowresolutionandpoorrendering.
Thefollowingputsattentiontothemostimportantissues:assessthescreensizeandqualityofthetargetdeviceswithtextandgraphicsreducetheoutputbycustomizingtotheusersneed[2]designinformationchunksthatareseenatonceonthescreen,largertextblocks(morethan20words!
)withinoncardshouldbestructuredhorizontalscrollingiseasyonmostdevices,verticalisnot!
usemultiplecardsinonedeckinsteadofverylargecardsormultipledecksConsideringtherangeofdevicesandtheircapabilities,itisadvisabletodesigninputandoutputforcertaindevicesclassesindividually.
PERSONALWAP-ACASESTUDYWithintheprojectPersonalWAPweinvestigatethereductionofuserinteractioninWAPapplicationsbyprovidinguserswithapersonalizedWAPportal.
DuringourWAPusabilitystudieswefoundinputtingtext,e.
g.
settingbookmarksonaphone,veryinconvenient–butneverthelesswefounditimportanttohaveahotlistoflinkseasyaccessibleandmaintainable.
Inaddition,wewantedtohavemechanismtofilterinformationboth,personalandsituationspecific.
Finally,wewantedtohaveaccesstoshortpersonalnotes(e.
g.
anaddress,ashoppinglist,etc.
)whenleavingtheofficeorhome(a"WAPPostIt").
Thesolutionconsistsoftwointerfaces-oneforastandardWebbrowserandoneforaWAPphone.
TheWebbrowserinterfaceisusedtodefinethepersonalWAPportalwithlinksandnotes.
TheWAPinterfaceisacustomized,userspecificsetofWMLcardscarryingtheinformationpreviouslyselectedoreditedwithintheWebinterface.
TheWebInterfaceAWebservicewheretheuserisidentifiedbyhisphonenumber,accessisgrantedbyusingapassword.
Onthispagetheusercaninputlinks,newsitems,andnotesthatshouldbeavailableonhispersonalWAPportal(Figure1).
TheWAPInterfaceTheWMLdeckwhichrepresentsthepersonalWAPportalisgeneratedfromtheinformationeditedontheWebinterface.
TheWAPURLtothepersonalWAPportalisfixed,whereasthecontentoftheWMLdeckisdynamicallygenerated.
AsthemanagementoftheWAPportaltakesplaceontheWebinterface,notediousbookmarkmanagementonthephoneisneeded(Figure1).
Figure1Figure2CONCLUSIONWAPapplicationsrequireanewtechniqueforuserinterfacedesign.
Primedesignguidelineisminimaluserinteractionduringinputandoutput.
SuggestedtechniquesforoutputreductionareWAPspecificpresentationaswellasuserdrivencustomization.
Suggestedtechniquesforinputreductionisservicepreselection,provisionofchoices,inputbynavigation,andfocusonnumericinput.
REFERENCES1.
Brewster,S.
,Cryer,P.
MaximisingScreen-SpaceonMobileComputingDevices,inProc.
CHI'99,1999.
2.
Barret,R.
,Maglio,P.
,Kellem,C.
HowToPersonalizetheWeb,inProc.
CHI'97,1997.

OneTechCloud香港/日本/美国CN2 GIA月付9折季付8折,可选原生IP或高防VPS

OneTechCloud(易科云)是一家主打CN2等高端线路的VPS主机商家,成立于2019年,提供的产品包括VPS主机和独立服务器租用等,数据中心可选美国洛杉矶、中国香港、日本等,有CN2 GIA线路、AS9929、高防、原生IP等。目前商家针对全场VPS主机提供月付9折,季付8折优惠码,优惠后香港VPS最低季付64元起(≈21.3元/月),美国洛杉矶CN2 GIA线路+20Gbps防御型VPS...

轻云互联-618钜惠秒杀,香港CN2大宽带KVM架构云服务器月付22元,美国圣何塞精品云月付19元爆款!海量产品好货超值促销进行中!

官方网站:点击访问青云互联活动官网优惠码:终身88折扣优惠码:WN789-2021香港测试IP:154.196.254美国测试IP:243.164.1活动方案:用户购买任意全区域云服务器月付以上享受免费更换IP服务;限美国区域云服务器凡是购买均可以提交工单定制天机防火墙高防御保护端口以及保护模式;香港区域购买季度、半年付、年付周期均可免费申请额外1IP;使用优惠码购买后续费周期终身同活动价,价格不...

Puaex:香港vds,wtt套餐,G口带宽不限流量;可解流媒体,限量补货

puaex怎么样?puaex是一家去年成立的国人商家,本站也分享过几次,他家主要销售香港商宽的套餐,给的全部为G口带宽,而且是不限流量的,目前有WTT和HKBN两种线路的方面,虽然商家的价格比较贵,但是每次补一些货,就会被抢空,之前一直都是断货的状态,目前商家进行了补货,有需要这种类型机器的朋友可以入手。点击进入:puaex商家官方网站Puaex香港vds套餐:全部为KVM虚拟架构,G口的带宽,可...

wap网站制作为你推荐
www.isaaa.org/kc/default.asp支持ipadinternalservererrorError 500--Internal Server Error登陆建行个人网银,WIN7 64位IE10版本!建企业网站建立一个企业网站要多少钱cisco2960cisco 2960 和3560cuteftpCuteFTP Pro如何使用?人人视频总部基地落户重庆渝洽会上的西部国际总部基地是做什么的?netshwinsockreset在cmd中输入netsh winsock reset显示系统找不到指定文件怎么办阅读http新团网美团网是谁创办的呀?
免费域名申请 域名备案批量查询 免费顶级域名 新通用顶级域名 美国主机排名 瓦工 冰山互联 liquidweb 百度云100as 360抢票助手 NetSpeeder 免费网络电视 免费ftp空间申请 促正网秒杀 昆明蜗牛家 web服务器是什么 中国电信测速器 畅行云 免费蓝钻 卡巴斯基试用版下载 更多