首页 > 建站资源 > 网站运营 > 分享:功能可见性在用户界面中的使用

分享:功能可见性在用户界面中的使用

时间:2018-06-20    来源:人人都是产品经理

(2)品牌标志

Logo、公司标志和应用在网站或app的颜色,立即展示出了用户界面与特定品牌的连接,这对忠实客户来说可能是个强有力的功能可见性。

珠宝电商app中,开屏及标题栏上的logo建立了品牌的连接

(3)插图

主题插图和吉祥物形象很有可能成为一个相当明确的用户提示。在下面的图尼闹钟中,你可以看到一个弹窗,用万圣节南瓜,一个众所周知的视觉提示,来通知用户关于万圣节贴纸的事情。

图尼闹钟

(4)图标

界面图标,也许是视觉的功能可见性中最多样化的。这些象形符号是高度象征性的,并且大多使用来自现实世界的提示,以便用户能够快速地理解它们。即使有些图标形象已经和它曾经代表的实际物体失去了关联性,但只要有大量用户已经记住了这个物体的功能,它的图标就依旧可以有效地展现其所指代的功能可见性。有个最好的例子:软盘不再代表软盘这个物体,而是代表了“保存”这个操作。一颗心或一颗星星会立刻让你把它和收藏夹联系起来,放大镜会提示它是一个搜索,而一个相机图标是用来拍照的,不会花费你太久的时间来理解。

学习汉语app

图标也被用作分类内容的有效提示:在适当的图形支持下,可以更快的区分类别和章节。

博客app

(5)按钮

作为核心交互元素,按钮已经成为界面上最易识别的元素。在GUI时代之前,按钮被用在各种物理事物中,从简单的计算器到复杂的仪表板。我们都知道怎么用按钮。重点是让它可见,并且明显地被视为用户界面中的按钮。形状、对比度、颜色和文案都对此有很大帮助。

洒水追踪器

(6)输入框

基本上,输入框是一个空白区域用来暗示用户可以在这里输入所需的数据信息。为了使它们有效,设计师也激活了功能可见性的能力:输入框应该看起来是交互式的,这样人们就可以立即理解他们可以在里面键入文本。下面的完美菜谱APP界面显示了搜索输入框:由于它的形状和对比度,很明显该输入框是一个交互式元素,并且还有搜索图标和提示文本的帮助。

完美菜谱app

(7)通知

有许多方法来提示用户,有一些错过的或值得注意的东西。看看下面界面中的购物车图标:上面一个黄色的点,就快速的提示了购物车不是空的。

美味汉堡app

文案的功能可见性

虽然用户感知图像比单词快得多,但是文案在交互流程中的影响也有着不能忽视的位置。关键是图像有时需要借助文本进行解释,以避免误解。另一方面,不是一切都可以用图片来显示。最后,文案在传递信息、标记指令和调用动作、解释功能和支持自动布局的排版层次方面具有难以置信的多样性潜力。然而,我们应该合理平衡的使用文字,而不要让页面中文字过多。

与文案的交互对于日常生活中的人们来说是非常自然的,比图形用户界面存在的时间要长得多。文案线索和提示有助于帮助用户了解该做什么或期待什么,记住什么信息:我们从符号,广告,还有报纸,手册和书籍中读了很多文本。在数字用户界面中,文案的工作原理是一样的。这是一种直截了当的交流方式。例如,下面医疗保健app的日程界面的文案,显示了多样的功能可见性:除了关于患者的主要信息外,我们可以看到搜索框内的提示字段、按钮上的调用指令文字,还有日历的空旷字段中给出了文字线索,用户只需要点击一下这个区域,就可以添加一个日程。

健康保障app

相关推荐
用户界面设计教程:UI设计六要素分享
20大UI设计原则 设计师必备宝典
APP应用设计教程:设计元素的应用条件
设计完美的界面排版10个要点分享
让UI设计显得更简约的小技巧分享
细说用户体验设计背后的“黑暗模式”
遵循用户需求的设计:最美APP的9条闪光定律
微软发布Windows 8.1更新 针对鼠标键盘用户
企鹅进化论 细数那些年我们一起用过的QQ
谷歌将推新设计语言 统一安卓用户界面设计
今日最佳设计:人像即按钮 社交应用新趋势
细节决定成败!提高用户登录体验的5个细节
百设网:专注于应用界面设计的作品交易网站
好看好用?UI设计师不可不学的易用性原则
如何给Android产品设计一款合适的图标?
分享设计:Froont打造网站设计界的Github
2014年八个最棒UI设计灵感:你最中意哪个?
Web APP与原生APP有哪些交互设计区别?
想让界面优雅易读?聊聊移动端字体7个准则
天天喊着学UI 你知道安卓和iOS的区别吗?
连按钮都设计不好 你还指望用户点击?
分享为SOUNDWAVE设计WATCH应用的五个技巧
这是个看脸的世界 即便你是APP也是如此
再见METRO!WINDOWS 10通用应用设计趋势分析
以微信网易为例:新闻型产品列表设计分析
超实用干货!视觉设计师的五项技能修炼方法
百度官方出品!2015-2016交互体验趋势
界面设计:从减少点击次数到降低使用负荷
简约至上:教你打造用户喜爱的产品设计风格
用户为王!关于征询授权、注册及加载等待的体验优化
APP产品设计:让用户看见 才是王道!
简约之道:极简风格界面设计的起源与发展
nice 启示录: 看移动 App 的产品设计和运营策略
超实用干货!深聊时下最热门应用的11种设计模式
网站策划:如何使简单的想法更简单?

精彩推荐

热门教程