【问题标题】:Styling links in a web app在 Web 应用程序中设置链接样式
【发布时间】:2013-11-03 14:54:21
【问题描述】:

我正在构建一个包含大量可点击元素的网络应用。问题是如果我使用网络最佳实践来设置它的样式,即不同的颜色/下划线等,由于大量的链接,应用程序看起来很乱。看图

如果我不对链接进行样式设置,我可能会破坏可用性,但如果我让它们变得明显,它可能看起来很丑陋和分散注意力。像 feedly 这样的网络应用程序使用的链接不是很明显,除非你将鼠标悬停在它们上面,但它们的定位是非常标准的,这很有帮助。

悬停状态是否足以让用户发现链接,或者是否有其他方法可以保持不破坏用户体验的简洁风格?

【问题讨论】:

    标签: html css web-applications user-interface user-experience


    【解决方案1】:

    看看有很多链接的(大)网站,看看他们是怎么做的。大型网站通常都有 UI 专家,因此您可以免费使用那里的专业知识。

    例如亚马逊(和 Stackoverflow)的链接是蓝色的,只有当鼠标悬停在链接上方时才会显示下划线。

    您还可以以与尚未访问的链接相同的样式和颜色显示已访问的链接,因为默认情况下已访问的链接具有不同的(紫色)颜色,这会增加烦躁的外观。

    【讨论】:

    • 感谢您的评论。我对关注亚马逊或 stackoverflow 等网站的想法的问题在于,它们更像是网站而不是 Web 应用程序。我正在构建更类似于桌面软件的东西。如果我查看诸如 gmail 之类的东西,或者说 Photoshop,大多数可点击的项目在悬停之前都没有突出显示,但他们只能因为它们很受欢迎而侥幸吗?
    • 我不认为 Gmail 或 Photoshop 只是因为它们很受欢迎而“逃脱”他们的设计。想想 Gmail——当它们开始时,周围有很多其他的电子邮件程序,所以我认为也是良好的用户体验让它们流行起来。但是,如果您正在构建的更像是一个桌面应用程序,请尝试使其看起来和工作起来像一个应用程序。此外:stackoverflow 有一个“姐妹网站”,特别是关于 UI 问题,所以你可能会在那里得到更多/更好的反馈:ux.stackexchange.com
    猜你喜欢
    • 1970-01-01
    • 2018-05-01
    • 2011-03-24
    • 2021-07-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-06-07
    • 2021-10-08
    相关资源
    最近更新 更多