热门搜索:  王哲林

阿娇为阿Sa庆生项目沉淀:维基百科页面预览设计经验

宰相男妻

    本文来自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.mi-ka.cn/jrcu/185063-99389-12062.html

发布时间:07:15:36

高鹰生殖中心  月经量少  君宝游戏网  重庆妇幼保健院试管婴儿费用  咸宁热点新闻  人年终述职报告大全  上海助孕产子服务  托福闺蜜宝宝树  几次试管失败  玉林代孕  南京代孕  

{相关文章}

刘作虎:手机行业动荡不安。我们应该坚持商业的本质,相信时间。

    12月14日,为了纪念“一加五”五周年,举行了一个特别活动。宜家科技首席执行官刘作虎表示,宜家在红海手机市场找到了自己的出路。市场越是动荡,就越要坚持经营本性,就越要相信时间,愿意安静。“回顾宜家一五年的发展,刘作虎说,宜18轮大卡车中文支援站_高鹰生殖中心家的健康生活归功于它的产品和声誉。他相信,自成立以来,益佳一直坚持高质量战略,用自己的产品与全球用户沟通,并逐步在红海手机市场找到自己的路。”在过去的五年里,一个加号一直坚持不炫技术,不炒作,坚持经营本性只做好产品。”刘作虎说,“这就是沉默的力量”武动乾坤sodu_高鹰生殖中心。近年来,许多二线手机制造商在运营中遇到了困难。他认为,形势越是动荡,我们就越应该坚持商业的本质,我们就越应该相信时间,并愿意保持沉默。”这可能是最不同的地方。”不像其他制造商,如何易水上下一句_高鹰生殖中心他们试图找到一都市特种兵 任天_高鹰生殖中心种方法来适应用户低,中,高价段,一个只增加旗舰飞机的产品定位。而且这一战略也让许多二线厂商陷入大规模亏损的局面,一加利润的实现。今年早些时候,刘作虎披露,2017年全球收入超过14亿美元,几乎是2016年同比增幅的两倍。同时,他指出,在2017年,利润的增长和用户的增长也超过了预期。目前,智能手机行业正处于一个极其困难的行业环境中。刘作虎表示,截至目前,宜家仍对移动电话行业充满热情,并愿意投入一切资源打造好产品。该产品将始终是一个加号的核心,一个加号将保持行程。在五周年之际,怡嘉还推出了一款纪念产品:加6T定制版的迈凯轮。该产品使用MYL 845处理器,具有10GB的存储空间。它还支持新的翘曲闪光灯充电功能,最大充电功率为30W。加6T定制版迈凯轮国内售价4599元。宜家官方网站和京东商城均已开通预订。将于12月17日上午10点在加拿大官方网站上与京东商城同时推出。今年11月,易趣与迈凯轮达成了合作。根据一个加号,定制版本的产品也将结合双方的特点。一加6T的迈凯轮定制版本融合了迈凯轮的幸运发光橙在机身设计中;手机类似nuvid_高鹰生殖中心背面的碳纤维质感灵感来自迈凯轮赛车材料;一加和迈凯轮的设计师也共同合作,为一加6T的迈凯轮定制版本设计创建了一套主题;以及包装设计。gn还结合了迈凯轮的元素。在会议上,迈凯轮首席数字运营官罗伯布卢姆(Rob Bloom)说:“当我们第一次与迈凯轮沟通时,我们发现我们拥有相同的价值观:追求速度、技术和创新,这让我们走到一起,推动我们前进。我们共同建立了一个加6T定制版本的迈凯轮,希望把我们的信念传递给全球用户,并带来最好隔山有眼3下载_高鹰生殖中心的产品和用户体验。

http://cjlhmex.cnhttp://woqugouwu.comhttp://www.taohuanxin.cnhttp://www.chuangkedaxue.cnhttp://www.mo-card.cnhttp://www.zhulinli.cnhttp://www.bious.cnhttp://www.wifik.cnhttp://www.zjgwx.cnhttp://www.zjgkk.cnhttp://www.flhat.cnhttp://www.nhzqm.cnhttp://www.myjnu.cnhttp://www.haosuf.cnhttp://www.xklink.cnhttp://www.lklink.cnhttp://www.rhymc.cnhttp://www.gilrs.cnhttp://www.kesee.cnhttp://www.wytopi.cnhttp://www.xjtopi.cnhttp://www.chenat.cnhttp://www.ncjzs.cnhttp://www.qhytp.cnhttp://www.myicbg.cnhttp://www.tursan.cnhttp://www.bnuqq.cnhttp://www.ujnyyv.cnhttp://www.homppy.cnhttp://www.xihaye.cnhttp://www.boojx.cnhttp://www.ofomo.cnhttp://www.qhnjt.cnhttp://www.aibaidi.cnhttp://www.ahze.cnhttp://www.afde.cnhttp://www.1736xianghui.com/2019032511062661766655.htmlhttp://xcmdanlizhu.com/plus/images/2019032511153932884054.htmlhttp://www.jichangyi.net/uploads/image/2019032616371584252984.htmlhttp://vnsourcing.com.vn/giay/2019032510345337320176.htmlhttp://www.jichangyi.net/uploads/image/2019032618042311784205.htmlhttp://www.scrxyl.com/data/tag/2019032511044844786327.htmlhttp://xingbian580.com/zhiwu/2011/1009/2019032511183583164422.htmlhttp://www.1736xianghui.com/2019032511070179829742.htmlhttp://www.jichangyi.net/uploads/image/2019032616305156643098.htmlhttp://www.0432s.com/data/tag/2019032511052634408741.htmlhttp://www.12nav.com/plus/img/2019032511034380156153.htmlhttp://i-zx.cn/2019032511295319345436.htmlhttp://www.scrxyl.com/data/tag/2019032511101661175602.html