新闻频道 > 新政风向

项目沉淀:维基百科页面预览设计经验_高鹰生殖中心

来源: 新华社
03:19:21

文化入侵异世界项目沉淀:维基百科页面预览设计经验

死老鼠放进火锅

    本文来自beforweb(id:beforweb),原作者:nizar pangarkar,译员:justin bibby(beforweb的合著者),编辑:c7210,头像来自:visual china。,编者按:JustinBibby翻译,他是维基百科设计师《康复项目降水》的合著者。碧碧同学的“视觉互动,能写字画画,眉毛胡子抓”,翻译风格很稳定,希望能给大家带来参考价值。,维基百科网页预览设计经验,我们如何为维基百科设计页面预览,今天,我们在维基百科网站上发布了一个快速预览功能。下面是一些设计思想和项目背后的经验。,兔子洞,人们喜欢维基百科。喜欢它的原因有很多方面。例如,xkcd描述的以下几点非常具有代表性。虽然图片中的词是“问题”,似乎表达了不满,但我认为正是这些“问题”让他喜欢维基百科。,Randall Monroe的照片(XKCD),我们在内部将xkcd所描述的情况称为“兔子洞”;这是我们在维基百科上看到的最具代表性和最流行的用户模式之一:人们从一篇文章开始,通过链接浏览更多的地方,一路学习许多不同的主题。,保持环境并降低成本,设计目标决定设计决策的质量。我们为读者设计和优化。优化的目标是帮助读者学习,而不是盲目追求页面浏览量或交互速率。如何确保用户在当前页面上下文中了解更多内容,避免频繁的页面跳转,对于提高学习质量至关重要。,自Javascript诞生以来,页面预览已经成为一种非常实用的交互式设计模式。,Twitter通过快速预览功能显示用户信息,在不脱离当前页面上下文的情况下提供信息预览不是一个创新的解决方案。然而,对于维基百科来说,即使我们想实现一些最基本的互动模式调整,我们也将面临独特的挑战。让我们看看为什么这是一个棘手的问题。,通过数据了解问题,换句话说,蓝色链接是维基百科中最常见的交互元素。因此,蓝色内链及其相关功能的任何变化都将变得非常微妙和具有挑战性。,增加价值,而不是痛苦,调整这种高频行为并不容易。从定性和定量的角度总结了预览函数的交互时间线。,时间线显示了鼠标悬停在蓝色内链上之后发生的事情。这张照片来自Nizar Pangarkar /维基媒体基金会。,考虑到维基百科的规模,这些变量的任何微小调整都可能对用户体验,甚至对网站本身产生巨大影响。通过研究,我们发现有些人在浏览网页上的文本内容时,会将鼠标指针悬停在句子上以帮助阅读。对于这些用户来说,通过鼠标悬停来触发快速预览的能力甚至可能导致问题。,因此,在呈现预览内容之前人为地添加大约650毫秒的延迟将有助于我们减少错误触发的可能性。同时,我们还为预览功能提供了非常方便的禁用设置。,演示文稿预览内容,下一个挑战是如何为难以准确预测的实际内容表单设计快速预览内容样式。你如何处理未知的事物?答案是设计出各种可能性。,边缘箱、边缘箱、边缘箱,我个人不喜欢这种说法,因为当你做设计决策时,它很容易导致错误的判断。这在为维基百科设计时更不准确。,维基百科的内容由超过200000人(包括机器人)用300多种语言编写。在情绪、格式、可用性、细节和主观态度上存在不同程度的差异。对于维基百科来说,所有的案例都是边缘案例,所以没有边缘案例。,为维基百科设计一个页面的快速预览有点像玩俄罗斯方块;但是,与游戏不同,你不能提前知道下一个俄罗斯方块会是什么形状。以下是预览模型中可能涉及的变量:,Nizar Pangarkar /维基媒体基金会的照片,结合一系列不同的用例,形成多种预览形式,包括“水平图片、垂直图片和文本预览”、“垂直图片、水平图片和文本预览”、“左侧文本和右侧图片”、“左侧图片和右侧文本”以及一系列模式。在泰米尔语预览模型中,对于那些与数学相关的内容,您必须调整文本的行高,以实现正确的文本截断样式-对于我们来说,这些“边缘案例”都是日常设计工作的一部分。,文字和图片来自不同语言的维基百科文章,图片来源于尼扎尔PangARKAR/WikimdiaFoundation。,预览功能的未来,这些只是开始;页面预览还可以在许多领域打开更多的可能性。因为维护页面上下文的稳定性越来越重要,无论是对于维基百科还是整个互联网产品领域。,以下只是关于如何使用模型的一些想法。他们还没有进入正式的发展阶段。,支持更多类型的内容,目前,页面预览仅用于呈现文章,但我们构建它的方式允许它在将来用于承载不同类型的内容和格式。,Nizar Pangarkar /维基媒体基金会的照片,增强的编辑器预览,到目前为止,页面预览功能只对读者开放,但也可以用来构建编辑器,为内容编辑器提供更全面的内容信息和实际操作。,如今,许多内容编辑器都在使用一种称为“导航项目符号窗口”的工具,它的功能可以很容易地通过页面预览模式来实现。,Nizar Pangarkar /维基媒体基金会的照片,维基百科以外的应用程序,我们通常使用维基百科作为“二级信息来源”。正如词典可以帮助你在阅读时理解不熟悉单词的含义一样,维基百科在访问其他网站时经常被用来查询不熟悉的概念。,Nizar Pangarkar /维基媒体基金会的照片,维基百科的页面预览功能可以向其他内容发布者开放,让他们能够快速呈现特定的内容相关信息。,后记,页面预览功能为维基百科提供了一种与人和内容互动的新途径,使维基百科的阅读体验可以分解为片段,降低了交互成本。我们也期待更多的互动方式,使维基百科逐渐摆脱单一文章的整体认知形式,使阅读体验更模块化,更容易学习。,英文文本:,本文来自beforweb(id:beforweb),原作者:nizar pangarkar,译员:justin bibby(beforweb的合著者),编辑:c7210,头像来自:visual china。

ben wen lai zi beforweb id: beforweb, yuan zuo zhe: nizar pangarkar, yi yuan: justin bibby beforweb de he zhu zhe, bian ji: c7210, tou xiang lai zi: visual china., bian zhe an: JustinBibby fan yi, ta shi wei ji bai ke she ji shi kang fu xiang mu jiang shui de he zhu zhe. bi bi tong xue de" shi jue hu dong, neng xie zi hua hua, mei mao hu zi zhua", fan yi feng ge hen wen ding, xi wang neng gei da jia dai lai can kao jia zhi., wei ji bai ke wang ye yu lan she ji jing yan, wo men ru he wei wei ji bai ke she ji ye mian yu lan, jin tian, wo men zai wei ji bai ke wang zhan shang fa bu le yi ge kuai su yu lan gong neng. xia mian shi yi xie she ji si xiang he xiang mu bei hou de jing yan., tu zi dong, ren men xi huan wei ji bai ke. xi huan ta de yuan yin you hen duo fang mian. li ru, xkcd miao shu de yi xia ji dian fei chang ju you dai biao xing. sui ran tu pian zhong de ci shi" wen ti", si hu biao da liao bu man, dan wo ren wei zheng shi zhei xie" wen ti" rang ta xi huan wei ji bai ke., Randall Monroe de zhao pian XKCD, wo men zai nei bu jiang xkcd suo miao shu de qing kuang cheng wei" tu zi dong" zhe shi wo men zai wei ji bai ke shang kan dao de zui ju dai biao xing he zui liu xing de yong hu mo shi zhi yi: ren men cong yi pian wen zhang kai shi, tong guo lian jie liu lan geng duo de di fang, yi lu xue xi xu duo bu tong de zhu ti., bao chi huan jing bing jiang di cheng ben, she ji mu biao jue ding she ji jue ce de zhi liang. wo men wei du zhe she ji he you hua. you hua de mu biao shi bang zhu du zhe xue xi, er bu shi mang mu zhui qiu ye mian liu lan liang huo jiao hu su lv. ru he que bao yong hu zai dang qian ye mian shang xia wen zhong liao jie geng duo nei rong, bi mian pin fan de ye mian tiao zhuan, dui yu ti gao xue xi zhi liang zhi guan zhong yao., zi Javascript dan sheng yi lai, ye mian yu lan yi jing cheng wei yi zhong fei chang shi yong de jiao hu shi she ji mo shi., Twitter tong guo kuai su yu lan gong neng xian shi yong hu xin xi, zai bu tuo li dang qian ye mian shang xia wen de qing kuang xia ti gong xin xi yu lan bu shi yi ge chuang xin de jie jue fang an. ran er, dui yu wei ji bai ke lai shuo, ji shi wo men xiang shi xian yi xie zui ji ben de hu dong mo shi tiao zheng, wo men ye jiang mian lin du te de tiao zhan. rang wo men kan kan wei shen me zhe shi yi ge ji shou de wen ti., tong guo shu ju liao jie wen ti, huan ju hua shuo, lan se lian jie shi wei ji bai ke zhong zui chang jian de jiao hu yuan su. yin ci, lan se nei lian ji qi xiang guan gong neng de ren he bian hua dou jiang bian de fei chang wei miao he ju you tiao zhan xing., zeng jia jia zhi, er bu shi tong ku, tiao zheng zhe zhong gao pin xing wei bing bu rong yi. cong ding xing he ding liang de jiao du zong jie le yu lan han shu de jiao hu shi jian xian., shi jian xian xian shi le shu biao xuan ting zai lan se nei lian shang zhi hou fa sheng de shi qing. zhe zhang zhao pian lai zi Nizar Pangarkar wei ji mei ti ji jin hui., kao lv dao wei ji bai ke de gui mo, zhei xie bian liang de ren he wei xiao tiao zheng dou ke neng dui yong hu ti yan, shen zhi dui wang zhan ben shen chan sheng ju da ying xiang. tong guo yan jiu, wo men fa xian you xie ren zai liu lan wang ye shang de wen ben nei rong shi, hui jiang shu biao zhi zhen xuan ting zai ju zi shang yi bang zhu yue du. dui yu zhei xie yong hu lai shuo, tong guo shu biao xuan ting lai chu fa kuai su yu lan de neng li shen zhi ke neng dao zhi wen ti., yin ci, zai cheng xian yu lan nei rong zhi qian ren wei di tian jia da yue 650 hao miao de yan chi jiang you zhu yu wo men jian shao cuo wu chu fa de ke neng xing. tong shi, wo men hai wei yu lan gong neng ti gong le fei chang fang bian de jin yong she zhi., yan shi wen gao yu lan nei rong, xia yi ge tiao zhan shi ru he wei nan yi zhun que yu ce de shi ji nei rong biao dan she ji kuai su yu lan nei rong yang shi. ni ru he chu li wei zhi de shi wu? da an shi she ji chu ge zhong ke neng xing., bian yuan xiang bian yuan xiang bian yuan xiang, wo ge ren bu xi huan zhe zhong shuo fa, yin wei dang ni zuo she ji jue ce shi, ta hen rong yi dao zhi cuo wu de pan duan. zhe zai wei wei ji bai ke she ji shi geng bu zhun que., wei ji bai ke de nei rong you chao guo 200000 ren bao kuo ji qi ren yong 300 duo zhong yu yan bian xie. zai qing xu ge shi ke yong xing xi jie he zhu guan tai du shang cun zai bu tong cheng du de cha yi. dui yu wei ji bai ke lai shuo, suo you de an li dou shi bian yuan an li, suo yi mei you bian yuan an li., wei wei ji bai ke she ji yi ge ye mian di kuai su yu lan you dian xiang wan e luo si fang kuai dan shi, yu you xi bu tong, ni bu neng ti qian zhi dao xia yi ge e luo si fang kuai hui shi shen me xing zhuang. yi xia shi yu lan mo xing zhong ke neng she ji de bian liang:, Nizar Pangarkar wei ji mei ti ji jin hui de zhao pian, jie he yi xi lie bu tong de yong li, xing cheng duo zhong yu lan xing shi, bao kuo" shui ping tu pian chui zhi tu pian he wen ben yu lan"" chui zhi tu pian shui ping tu pian he wen ben yu lan"" zuo ce wen ben he you ce tu pian"" zuo ce tu pian he you ce wen ben" yi ji yi xi lie mo shi. zai tai mi er yu yu lan mo xing zhong, dui yu nei xie yu shu xue xiang guan de nei rong, nin bi xu tiao zheng wen ben de xing gao, yi shi xian zheng que de wen ben jie duan yang shi dui yu wo men lai shuo, zhei xie" bian yuan an li" dou shi ri chang she ji gong zuo de yi bu fen., wen zi he tu pian lai zi bu tong yu yan de wei ji bai ke wen zhang, tu pian lai yuan yu ni zha er PangARKAR WikimdiaFoundation., yu lan gong neng de wei lai, zhei xie zhi shi kai shi ye mian yu lan hai ke yi zai xu duo ling yu da kai geng duo de ke neng xing. yin wei wei hu ye mian shang xia wen de wen ding xing yue lai yue zhong yao, wu lun shi dui yu wei ji bai ke hai shi zheng ge hu lian wang chan pin ling yu., yi xia zhi shi guan yu ru he shi yong mo xing de yi xie xiang fa. ta men hai mei you jin ru zheng shi de fa zhan jie duan., zhi chi geng duo lei xing de nei rong, mu qian, ye mian yu lan jin yong yu cheng xian wen zhang, dan wo men gou jian ta de fang shi yun xu ta zai jiang lai yong yu cheng zai bu tong lei xing de nei rong he ge shi., Nizar Pangarkar wei ji mei ti ji jin hui de zhao pian, zeng qiang de bian ji qi yu lan, dao mu qian wei zhi, ye mian yu lan gong neng zhi dui du zhe kai fang, dan ye ke yi yong lai gou jian bian ji qi, wei nei rong bian ji qi ti gong geng quan mian di nei rong xin xi he shi ji cao zuo., ru jin, xu duo nei rong bian ji qi dou zai shi yong yi zhong cheng wei" dao hang xiang mu fu hao chuang kou" de gong ju, ta de gong neng ke yi hen rong yi di tong guo ye mian yu lan mo shi lai shi xian., Nizar Pangarkar wei ji mei ti ji jin hui de zhao pian, wei ji bai ke yi wai de ying yong cheng xu, wo men tong chang shi yong wei ji bai ke zuo wei" er ji xin xi lai yuan". zheng ru ci dian ke yi bang zhu ni zai yue du shi li jie bu shu xi dan ci de han yi yi yang, wei ji bai ke zai fang wen qi ta wang zhan shi jing chang bei yong lai cha xun bu shu xi de gai nian., Nizar Pangarkar wei ji mei ti ji jin hui de zhao pian, wei ji bai ke de ye mian yu lan gong neng ke yi xiang qi ta nei rong fa bu zhe kai fang, rang ta men neng gou kuai su cheng xian te ding de nei rong xiang guan xin xi., hou ji, ye mian yu lan gong neng wei wei ji bai ke ti gong le yi zhong yu ren he nei rong hu dong de xin tu jing, shi wei ji bai ke de yue du ti yan ke yi fen jie wei pian duan, jiang di le jiao hu cheng ben. wo men ye qi dai geng duo de hu dong fang shi, shi wei ji bai ke zhu jian bai tuo dan yi wen zhang de zheng ti ren zhi xing shi, shi yue du ti yan geng mo kuai hua, geng rong yi xue xi., ying wen wen ben:, ben wen lai zi beforweb id: beforweb, yuan zuo zhe: nizar pangarkar, yi yuan: justin bibby beforweb de he zhu zhe, bian ji: c7210, tou xiang lai zi: visual china.

当前文章:http://www.meiliwomen.cn/y6sot/185063-296249-32539.html

发布时间:02:08:33

高鹰生殖中心  德州助孕  南通代怀孕妈妈  长沙最了不起的助孕机构  天成美食网  锦明女性网  春秋历史网  嘉兴代孕  泰国代孕  临湘新闻资讯网  今日铝价  

{相关文章}

事实是警察包围了警察白沙枪警察

    原名:信息通报3月26日14时30分左右,我的分公司接到一个公共警报,他的同事被一辆带枪的车在明阳的一个花圃里带走,车开往南宁市。分局接到民警后,立即启动应急处上海市慈善基金会_高鹰生殖中心置预案,并迅速动员沿线民警进行拦截调查。上陈岚_高鹰生殖中心午15时15分左右,在市局指挥中心的shoushou rar_高鹰生殖中心组织指挥下,在白沙大道白沙市场附近成功拦截目标车辆,无07kkk最近10天更新_高鹰生殖中心人员伤亡。目前道路已恢复通车。经过调查核实,该事件实际上是一个省级公安机关的办案人员,开展了逮捕案件嫌疑人的执法活动。打击犯罪,保护人民的生命和财产,是公安机关的茅道临是茅于轼儿子_高鹰生殖中心责任和义务。请广大市民不要相信或散布谣言。2019年3月26日江南公安局责任编辑临汾大学生村官论坛_高鹰生殖中心:赵明

关键词:上品寒士女主角,火影之祖巫之力,51up公务员责任编辑:扁马石卓
http://doshido.cnhttp://deyushe.cnhttp://yufengxing.cnhttp://xiaoxintao.cnhttp://www.hncsjs.comhttp://www.xiangshuwu.cnhttp://www.xrkbp.cnhttp://www.1tuishou.cnhttp://www.bjxsjl.comhttp://www.ostyb.comhttp://www.sunjunjun.cnhttp://www.xicheya.cnhttp://www.yihaoyi.cnhttp://www.youkuaisong.cnhttp://www.cuoge.cnhttp://www.ituny.cnhttp://www.zjgkt.cnhttp://www.nhzqm.cnhttp://www.aerter.cnhttp://www.loptea.cnhttp://www.sunore.cnhttp://www.hiicn.cnhttp://www.skiguo.cnhttp://www.vllll.cnhttp://www.whxxx.cnhttp://www.xlhcm.cnhttp://www.bxxww.cnhttp://www.inbaw.cnhttp://www.zargus.cnhttp://www.njhdy.cnhttp://www.njtyf.cnhttp://www.gengzk.cnhttp://www.abzi.cnhttp://www.aboe.cnhttp://www.aeev.cnhttp://www.ahwndzsp.cnhttp://i-zx.cn/2019032511310786131141.htmlhttp://www.12nav.com/plus/img/2019032511060472986163.htmlhttp://www.tcxy888.com/data/tag/2019032511035093834551.htmlhttp://bashuweifang.com/plus/img/2019032511135556106727.htmlhttp://i-zx.cn/2019032511330689737984.htmlhttp://sc-huashi.com/2019032511363294622236.htmlhttp://www.1736xianghui.com/2019032511073490480103.htmlhttp://jiashuonet.com/2019032511541677160767.htmlhttp://www.0432s.com/data/tag/2019032511052634408741.htmlhttp://www.scrxyl.com/data/tag/2019032511101661175602.htmlhttp://xcmdanlizhu.com/plus/images/2019032511135894889936.htmlhttp://figo521.com/2019032511374453883702.htmlhttp://xiaoxintao.cnhttp://i-zx.cn/2019032511330689737984.html