q去Q许多h都不喜欢在新H口中打开链接。新H口对用h说很隄理。但览器标{N的推出改变了q一现状。现在,您无需打开新窗口,而是可以在新标签中打开链接。最大的区别在于Q浏览器标签|览器窗口更易于用户理?/span>
当新H口打开Ӟ它会覆盖用户之前的窗口。用户会感到困惑Q不知道如何q回。但是,当新标签|开Ӟ用户仍然可以在顶部看C前的标签c用户很Ҏ理解如何在标{N之间切换?nbsp;事实上,大多数用户在览旉会打开多个标签c浏览器已经发生了变化,因此设计师定位链接的方式也应该随之改变?/span>
用户引D同一|站其他面的链接ؓ内部链接。内部链接不应在新的览器标{N中打开Q而应在用户当前所在的标签中打开?/span>
在同一个网站打开新标{N既多余又令h困惑。如果是同一个网站,但页面不同,用户会用导航菜单返回或Ҏ需要导航到其他地方。让用户停留在同一个标签中Q有助于他们更好地理解网站的D程?/span>
然而,外部链接应该在新标签中打开。这些链接会用户引D不同的网站。许多设计师会犯在同一个标签中打开外部链接的错误。这会带来许多问题,设计师需要了解?/span>
在同一个标签中打开外部链接Q会l用户带?ldquo;q回键疲?rdquo;。每ơ用戯问外部网站时Q他们都必须点击“q回?rdquo;才能q回C的网站。如果他们决定点d他网站上的链接,他们必ȝL多次“q回?rdquo;才能q回C的网站。这对用h_是很多不必要的操作?/span>
在新标签中打开外部链接Q用户可以尽情浏览其他网站,无需反复点击“q回”按钮q回到您的网站。他们只需点击您网站所在的标签即可。无需反复点击“q回”按钮Q也无需长时间等待?/span>
在同一标签中打开的外部链接也会降低用h览速度。许多浏览搜索引擎或链接分n|站的用户都在寻找信息。他们通常会点击页面上的多个链接,从不同的来源获取信息?/span>
在新标签中打开外部链接Q用户可以一ơ性浏览页面,点击所有相关链接,然后开始消化和{选信息。用h需反复q回源页面l浏览更多链接,从而减浏览流E的中断?/span>
当用L实想要返回源面Ӟq很Ҏ做到Q因为标{N会一直打开Q直到用h动关闭它。用h需多次点击q回按钮q等待源面重新加蝲。他们只需点击标签即可轻松返回?/span>
在同一个标签中打开外部链接不仅会让用户负担q重Q也会让您的|站负担q重。每ơ用戯回您的网站时Q它都会占用您的|站资源来加载页面?/span>
在新标签中打开外部链接可以节省大量资源。如果用hq回您的|站Q他们无需再次加蝲面。他们只需点击您的|站标签卛_。这既快捷又单,而且不占用Q何带宽。他们无需点击q回键或打开上下文菜单即可返回?/span>
很多时候,用户会点L章段落中的外部链接,以便更好地理解文章内宏V这q不意味着他们惛_未读完文章的情况下离开您的|站。然而,您的|站分析l果却ƈ非如此。如果您的外部链接在同一个标签中打开Q则表明用户d您网站的速度比实际速度要快?/span>
q是因ؓQ当外部链接在同一个标签中打开Ӟ用户会完全离开您的|站。然而,在新标签中打开的外部链接在用户讉K外部|站Ӟ仍会保持您的|站标签|开。用户在您网站上的停留时间会在他们手动退出网站标{N时结束,而不是在他们讉K外部链接时结束?/span>
用户点击外部链接q不意味着他们惌d您的|站。您不应外部链接点击视为网站退出。唯一明确的退出方式是用户点击标签上的关闭按钮?/span>
用户引D不同|站的链接应在新标签中打开。将用户引导臛_一|站不同面的链接应在同一个标签中打开。如果您在与您的|站相同的标{N中打开外部链接Q这会对您和您的用户造成影响。您不仅会遇C准确的分析结果,D|站q行更费力,q会使用L工作负担加重、速度变慢。在当今链接d|络的世界里Q确保链接以正确的方式打开几乎与链接到正确的页面同样重要?/span>
“取消”按钮是辅助操作,可以让用戯回到原始屏幕而不完成d。根据它们的功能Q最佳的攄序是什么?“定”按钮应该攑֜“取消”按钮之前q是之后Q?/span>
许多为遵?/span>q_惯例是解决问题的{案。虽然这看v来像是解决问题的办法Q但实际上ƈ非如此。它没有回答哪种布局对用h有利以及原因。仅仅ؓ了保持一致性而遵循^台惯例的Ҏ不够好,只会让设计师徒劳无功?/span>
“一致?rdquo;是设计师们常用的词。它也是Z不深入思考用户面临的设计问题的常见借口。如果连设计惯例存在的意义都不知道,遵@它又有什么意义呢Q?/span>
如果某种设计惯例对用hx么办?设计师是否应该ؓ了保持一致性而盲目遵循它Q是否应该因计师惌^台设计一致性作x有问题的{案而将p糕的设计实践gl下去?
如今Q某些^台设计惯例被q泛使用Q因为它们对用户有用。但q里的重ҎQ^台设计的一致性永q不应成计师做某事的唯一理由。理解ؓ什么应该以某种方式设计用户界面而不是另一U方式是关键?/span>
有h可能会认为,通过增加操作按钮?/span>视觉重量?/span>清晰的标{?/span>使其更加H出Q比其位|更重要。虽然操作按钮的视觉重量和标{是需要考虑的重要设计方面,但ƈ非唯一的方面?/span>
只关注一个设计方面而忽略其他方面,是粗心大意的设计师的表现。一个一丝不苟的设计师会思考每个设计方面如何媄响用戗而主要操作和ơ要操作的布局Q正是设计师最难搞清楚的。这是Z?ldquo;定”/“取消”按钮的争论在设计师中如此普遍?/span>
当你克服了^台惯例的争论后,你会质疑哪种布局效果最好。你可以通过分析设计如何影响用户来解册个问题?/span>
有必要验证设计师们常见的假设是否正确。一些设计师认ؓQ将主要操作攑֜左侧ơ要操作之前对用h有利Q因为左侧操作更靠近用户Q因此点L间更短?/span>
q很有道理,但你不能忽视一个事实:用户在选择操作之前会查看所有选项。这意味着大多数用户不会盲目点M要操作按钮,而不查看旁边的次要操作按钮?/span>
他们会先看到左侧的主要操作,然后再看右侧的次要操作。之后,他们会将目光Ud主要操作q点d。这会在多个方向上Ş成d三个视觉注视炏V?/span>
左侧?ldquo;定”按钮Q视觉注视点更多Qƈ向多个方向
使用右侧?ldquo;定”按钮Q视觉注视点减少Qƈ向一个方?/span>
其与位于对话框右侧、次要操作位于左侧的按钮q行比较。用L视线首先停留在次要操作上Q然后移至主要操作ƈ点击按钮。这在一个方向上产生了d两次视觉注视Q从而ؓ用户提供了更快的视觉?/span>
用户只会在每个按钮上注视一ơ,最l停留在主要操作按钮上。将主要操作按钮攑֜左侧或许能让用户更容易触及,但从用户的思维q程和视觉注视角度来看,主要操作按钮放在对话框右侧实际上会更快?/span>
当用L击辅助操作按钮时Q他们希望应用程序不执行M操作Qƈq回到原始屏q。因此,“取消”按钮的功能类g“q回”按钮?/span>
当用LM要操作按钮时Q他们期望应用程序执行按钮指C的操作Qƈ他们带C一个屏q。因此,“定”按钮的功能类g“下一?rdquo;按钮。将ơ要操作按钮攑֜左侧Q将主要操作按钮攑֜右侧Q可以映用h望的“上一?rdquo;?ldquo;下一?rdquo;按钮的功能?/span>
q与分页按钮的放|方式类伹{将用户带到下一늚按钮位于右侧Q将用户带回上一늚按钮位于左侧。这U按钮放|方式之所以有效,是因为它与用户从左到右的阅读和导航方向相呼应Q其中右侧是前进方向Q左侧是后退方向?/span>
“定”可让用户前进C一个屏q,“取消”可让用户q回到原始屏q?/span>
对话框中?ldquo;定”?ldquo;取消”按钮应遵循类似的交互模式Q因为它们的功能cM于分|钮。不仅如此,左右方向的模式也W合西方用户习惯。将主要操作攑֜右侧Q将ơ要操作攑֜左侧Q将使对话框按钮更容易、更直观地被用户理解?/span>
对话框右下角的按钮更Ҏ被用L击,因ؓ它遵循了古腾堡图表。在古腾堡图表中Q?/span>右下角是l端区域。这是用户完成浏览后视线最l停留的区域?/span>
按钮放|在l端区域Q可以让用户最后看到需要执行的主要操作。这不仅改善了视觉流E,也优化了d程。用户在览时不会蟩q主要操作按钮。他们的目光会在览q程中直接落在按钮上Q因此可以立即点凅R?/span>
扫描对话框ƈ采取行动既快速又单,因ؓ用户的眼睛停留在主要操作按钮上?/span>
设计师经常思考的另一个问题是Q他们应该把按钮攑֜角落里还是把它们攑֜一赗当你把主要操作和次要操作放在对话框的角落里Ӟ它们可以很好地映到左右D方向。然而,׃“定”?ldquo;取消”按钮不是D按钮Q因此没有必要遵循方向映。有Ӟq样做弊大于利?/span>
按钮之间较大的视觉分M得操作比较困难,q将一个操作与另一个操作隔d?/span>
如果应用E序卛_执行用户无法撤消的关键操作,那么让用戯够同时看?ldquo;取消”按钮?ldquo;定”按钮显得尤为重要。在q种情况下,“取消”按钮的功能可能类g“上一?rdquo;按钮Q但它更重要的是Q它充当了安全按钮,可以防止M更改?/span>
?ldquo;取消”按钮攑֜最左上角的危险在于Q由于两个按钮之间的视觉距离q大Q用户可能会忽略它。将“取消”按钮?ldquo;定”按钮攑֜一P可以让用hҎ地在一ơ注视中看到q比较这两个操作Q从而选择最x作?/span>
当用户需要阅读重要信息或执行重要操作Ӟ设计师通常会用对话框。按钮的攄序会媄响用户选择的操作。如果按钮的攄序清晰高效Q可以防止用户选择错误的操作ƈ犯错?/span>
按钮的位|很重要Q但也要C注意按钮的视觉重量和标签。所有这些设计方面都会在用户览对话框时发挥作用。既然您理解了ؓ什?ldquo;定”按钮攑֜右侧效果最佻I那么您就有比q_一致性更好的参考依据了?/span>
]]>
您想为用h供轻松便L体验Q还是想l他们带来麻烦?如果您想让他们的体验快速便P?/span> 在表单字D上使用剙寚w的标{?/span>?/span>
剙寚w的标{比左右寚w的标{֡写v来更快更Ҏ。这是因为顶部对齐的标签只需?/span>一半的视觉注视炏V?nbsp;剙寚w的标{还允许用户沿着一个视觉方向向下移动表单。而左叛_齐的标签则需要两个视觉方向才能填写?/span>
剙寚w标签的唯一~点是它们会使表单变ѝ不q,现在用户滚动面的频率更高了Q所以这不是问题。通过减少字段之间的空白,您可以羃短表单的长度。您q可以将表单拆分成多个页面,以羃短表单的长度?/span>
剙寚w和左叛_齐标{之间的区别显而易见。顶部对齐的标签更容易被用户看到Q也更容易填写表单。虽焉部对齐的标签可能会表单变长Q但用户填写表单所需的时间和_֊更少Q这对用h有利?/span>
如果剙寚w的标{能够ؓ用户带来更好的表单体验,那么它值得采用。设计师应该更多地考虑字段标签的对齐方式。这可能会媄响用户填写表单还是放弃表单?/span>
作ؓ设计师,我们可以通过避免那些会损害阅读障用L不良设计实践Q帮助他们更好地阅读文本。从他们的视角看待事物,可以让我们更好地理解无障设计的重要性?/span>
患有阅读障碍的h在阅L本时Q有时会出现视觉扭曲的效?[5]。这些效果的E度因h而异Q但它们会阅读文本变得更加困难?/span>
以下六种不良习惯可能会给阅读障碍者带来视觉扭曲效果。这些不良习惯也会给非阅读障者带来阅d难。但它们寚w读障者的影响更ؓ严重?/span>
诵读困难者有时可能会在阅ȝ文本中看?ldquo;x效应”[1]。这是指q箋的文本行中出现较大的I白。它看v来就像一条空白的x着面上的文字淌而下。有一些不良习惯会D“x效应”的发生?/span>
寚w文本不仅Ҏ阅读障碍的用h说难以阅读,Ҏ有阅读障的用户来说也同样如此。这是因为它会在字母和单词之间生较大且不均匀的空?[8]。当q些I白彼此重叠Ӟ׃出现一条o人分心的I白?[4]?/span>
q可能会D患有诵读困难症的读者在阅读时反复忘记读到哪?[6]。你可以使用左对齐文本,而不是两端对齐的D落 [2]Q来避免产生“x效应”?/span>
我们大多Ch都有在句末句号后加双倍行距的习惯。这U做法v源于打字时代。那时的打字Z用的是等宽字体。因此,Z认ؓ在句号后加双倍行距会使句子的l尾更加清晰 [9]?/span>
但句号后单倍行距就_了,因ؓ大多数网站都使用{距字体。句号后双倍行距会在文本中形成“x”Q用户难以扑ֈ句子的结[9]。在|络上,单倍行距更胜一{V?/span>
诵读困难者可能出现的另一U视觉扭曲效应是模糊效应 [1]。诵d难者阅LQ会看到文本模糊、旋转或h在一?[5]。这会严重媄响诵d难者的阅读能力Q他们感到疲劳 [7]。可以通过避免一些不良习惯来减轻q种影响?/span>
你现在阅ȝ文字不是U黑?(#000000)Q背景也不是U白?(#FFFFFF)Q这是有原因的。这是因多阅读障者对高对比度颜色产生的亮度很敏感。这会导致文字旋转或模糊不清 [3]?/span>
Z避免q种情况Q请使用灰白色作景,例如灰色或褐艌Ӏ您也可以用深灰色代替U黑色作为文本,以进一步减眩光?/span>
长段不间断的D落文本不仅寚w读障者来说难以阅读,寚w阅读障碍者来说也同样如此。阅读障者很Ҏ在阅读长D落时迷失方?[1]?/span>
q就是ؓ什么最好用表辑֍一观点的短D落 [2]。这是因为阅读障者比非阅读障者需要在观点之间有更多停?[6]。将文本分解为每D一个观点,无论阅读障碍者还是非阅读障碍者,都能更轻村֜阅读?/span>
有时Q诵d难者会l历“z出效应”。当q种情况发生Ӟ文字会显得模p不?[5]。这会阅读速度变慢QƈD诵读困难者因为看不清单词而猜单词是什么。ؓ了减轻这U媄响,在处理文本时应避免两U不良做法?/span>
衬线字体在字母笔ȝ末端有钩。它们看h很有装饰性,但可能会l患有阅读障的用户带来阅读障碍。衬U字体往往会遮挡字母的形状Q字母昑־杂ؕ无章[1]?/span>
但无衬线字体可以让诵d难者更清晰地看清字母的形状。这是因为没有了钩状l构Q字母之间的间距更大了Q更Ҏ辨认。[6]
斜体有时用于H出昄文本。但不应使用斜体文本Q因为它们会使字母难以阅诅R与非斜体字体相比,斜体字母的线条呈锯状。这些字母还会倾斜Q患有阅读障碍的用户难以L认单?[6]?/span>
当文字较时Q斜体文本更加难以L认[3]。更好的H出昄Ҏ是用粗体文本,因ؓ字母更清晎ͼҎ度也更好?/span>
许多用户患有阅读障碍Q难以阅L本。您应该通过U正q些不良做法Q让您的|站Ҏ有h都易于访问。您已经了解了阅读障用L|络体验。在视觉扭曲的情况下阅读Ӟ获取信息q不Ҏ。每个h都有获取信息的权利,无论他们是否患有阅读障碍?/span>
C妙微Q蓝蓝设计)www.hk66688.com 是一家专注而深入的界面设计公司Qؓ期望卓越的国内外企业提供卓越?a href="/dp.html" target="_blank" rel="noopener">大数据可视化界面设计?a href="/BS.html" target="_blank" rel="noopener">B端界面设?/a>?a href="/csjm.html" target="_blank" rel="noopener">桌面端界面设?/a>?a href="/scjm.html" target="_blank" rel="noopener">APP界面设计?a href="/icon.html" target="_blank" rel="noopener">图标定制?a href="/Design.html" target="_blank" rel="noopener">用户体验设计?a href="/bz-bh.html" target="_blank" rel="noopener">交互设计?a href="/bz-yt.html" target="_blank" rel="noopener">UI咨询?a href="/web.html" target="_blank" rel="noopener">高端|站设计?a href="/xz.html" target="_blank" rel="noopener">q面设计Q以及相关的软g开发服务,咨询电话Q?1063334945?/p>