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.
麻花云在7月特意为主机测评用户群定制了促销活动:香港宽频CN2云服务器、安徽移动云服务器(BGP网络,非单线,效果更好)、安徽移动独立服务器、安徽电信独立服务器,全部不限制流量,自带一个IPv4,默认5Gbps的DDoS防御。活动链接:https://www.mhyun.net/act/zjcp特价云服务器不限流量,自带一个IPv4,5Gbps防御香港宽频CN2全固态Ⅲ型 4核4G【KVM】内存:...
提速啦(www.tisula.com)是赣州王成璟网络科技有限公司旗下云服务器品牌,目前拥有在籍员工40人左右,社保在籍员工30人+,是正规的国内拥有IDC ICP ISP CDN 云牌照资质商家,2018-2021年连续4年获得CTG机房顶级金牌代理商荣誉 2021年赣州市于都县创业大赛三等奖,2020年于都电子商务示范企业,2021年于都县电子商务融合推广大使。资源优势介绍:Ceranetwo...
RAKsmart商家一直以来在独立服务器、站群服务器和G口和10G口大端口流量服务器上下功夫比较大,但是在VPS主机业务上仅仅是顺带,尤其是我们看到大部分主流商家都做云服务器,而RAKsmart商家终于开始做云服务器,这次试探性的新增美国硅谷机房一个方案。月付7.59美元起,支持自定义配置,KVM虚拟化,美国硅谷机房,VPC网络/经典网络,大陆优化/精品网线路,支持Linux或者Windows操作...
wap网站制作为你推荐
操作httpuctoolsDiscuz! X3管理员可以查询某个用户登录IP的历史记录吗?mediawikimediawiki 怎么开启 visual editer 可视化编辑器linux防火墙设置怎么更改linux的防火墙设置?centos6.5如何安装linux centos6.5德国iphone禁售令德国IPHONE多少钱?急~全国企业信息查询网上如何怎么查询全国企业信用信息公示系统查询360公司迁至天津360公司前身是中国吗?现总裁是谁?flashftp下载rmdown怎么下载申请支付宝账户支付宝账户怎么申请?
大庆服务器租用 linuxvps 新世界机房 t牌 香港机房 godaddy续费优惠码 淘宝双十一2018 tightvnc cpanel空间 刀片服务器的优势 网通服务器托管 免费网页空间 下载速度测试 国外在线代理服务器 杭州电信宽带优惠 网页加速 阿里云邮箱登陆 域名转入 稳定空间 umax 更多