- 1、本文档共11页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
如何巧妙恰当地隐藏界面的设计
一句话总结 :你刚好不经意地出现 ,而这 是隐藏的意义。
在这个信息爆炸的社会里 ,信息过载已成为常态 ,为了提升用户使用效率 ,处理界面的信息层次是
每个设计师都要面对的重要一课。这篇短文想聚焦的话题是 界面中的“隐藏”。在界面设计中 ,隐藏
不是为了和用户躲猫猫 ,而是为了让用户更好地聚焦在重要内容上 ,降低界面信噪比 ,提升信息传
达效率。
笔者以前经常玩的DD ,非常喜欢其中的盗贼 (Rogue )角色 ,潜行在黑暗中 ,伺机致命一击。一
个好的隐藏设计 ,是否也能和盗贼的背刺一样给力呢 ?我们先来看看隐藏的技能发动条件。
其实这项技能的领域很宽 ,在固定和特定的情况下都能施展拳脚。首先看看在固定情况下的运用吧
。固定包括两种 :不常变设置和引向外部目标。
一、不常变的设置 :
固定不变的位置或功能 ,在相对不重要、操作频率不高或一次性设置时 ,合理组织信息后就能隐
藏了。
如ebay或apple的账户信息、个人任务等都可以归属在固定模块“My eBay”下 :
amazo n那从a到z 丰富的类目导航 ,被隐藏在左侧logo下方。全站它都在老地方静候展示的时机 :
整站的固定位置始终能找到它 ,隐藏既保持认知一致 ,也节约了空间 :
二、指向外部目标
这种隐藏多考虑到外部分享平台数量多、常有变动增减 ,全部展示 ,界面设计更复杂 ;不常变的设
置是绝对固定 ,指向外部目标是相对固定。
新浪微博的和豆瓣电台的点点点中 ,都隐藏了各种外部分享渠道 :
豆瓣电台的分享 :
目前为止 ,前面提的隐藏都是隐藏次要信息。难道rogue的本事就这点 ?别急 ,接着要说的特定情
况下 ,“隐藏” 将一改绿叶角色 ,展示进阶技能。像一个高级rogue ,只在该出场时亮相 ,漂亮的出手
背刺甚至打出爆击 ,将隐藏技发挥致极。
在特定的阅读场景下 ,适时地提示了chro me插件的隐藏选词翻译 :
A pple官网注册ID ,逐字段填写时 ,输入框会适时弹出t ips来提示用户 ,符合要求的A pple ID包含这
三项内容 :
根据输入过程中的具体情况提示问题点、待完成或特殊要求 ,都是针对性的提示 ,根据目标现状
出手 ,是成功rogue必备的素质。适时地提示隐藏的信息 ,大幅提升表单填写效率 :
针对进阶技能rogue还有一套精准背刺技巧 :做好完全隐藏适时提示 ,其实也容易 :给轻量化的线
索或提示 ,寻求进阶技请看过来 :
一、细微处——优雅\恰好的提示
既然隐藏 ,如果提示过强、大或显 ,就违背了隐藏的初衷 ,显得技拙 ,轻一点才不打扰到用户的任
务进程 ,所以提示要细微 ,要适当。
众所周知的P 工具栏右下的小三角 ,就优雅地邀请用户在使用中根据需要探索更多功能 :
二、渐进的提示
配合任务操作进程 ,为用户逐步揭开隐藏的面纱 ,才是有效的提示。
在Pint erest 右上角message弹框输入前 ,很轻量的视觉提示 :To后请输入字符 ;随着输入动作 ,出
现下一步选择用什么渠道发送的提示 :
之前apple.co m 注册即时校验提示 ,也是渐进提示的有效应用。
三、扫视/泛 的提示
不经意间用户快速扫描时 ,用小小的力就能撬动关注。rogue不是拼尽全力的肉盾 ,巧力是最适合的
。
相比数字气泡 ,小红点足够引起用户扫视时的聚焦 ,如Giles Co lbo rne提出“把标签放哪里比把标签
做多大重要得多” :
四、聚焦/专注任务时的提示
这是潜行rogue即将触到背刺目标的最给力动作 :专注目标 ,适时出现。通常都是聚焦任务时 ,给
出针对性强的操作提示。
来LinkedIn中Inbox的前提是 :查阅新信息或处理之前条目。
总揽整个信息列表时 ,除新旧信息区别外都均衡罗列 ;一旦聚焦具体条目时 ,鼠标动作恰好
地Hover出相应的操作提示 :
看到Pat h的加号提示时 ,自然明了是新增信息 ;点触后沿袭之前的逻辑 :提示可选择条目分类或
关闭 :
常按图片时 ,猜测是对图片内容有兴趣 ,接着了相关的提示。上下滚动浏览时 ,右侧会提示出发布
顺序的时间信息 :
Evernot e 的标签过滤大概从未告诉过你 ,它能推荐除当前信息标签外 ,还所属其他的标签列表给你
;根据设置了多个标签的关联性 ,提示并速推关联性强的条目 ,高效地找出之前收集的资料 :
最后 ,是再熟悉不过的iPho ne ,在未找到而“抓狂乱滑”时 ,有哪些信誉好的足球投注网站框悄然而至 ,并递出的键盘提示输
入想找的信息 ;输入时 ,又适时提示 :可以快速换个词 ,或从推荐项目中选取 ;还
您可能关注的文档
- 菱角湖轨排井降水施工的方案.docx
- 第八节成本管理幻灯片.ppt
- 沙发智能家居系统的方案1050178902.pdf
- 软件需求管理新教案.ppt
- 建设工程中途停工损失补偿办法介绍.doc
- Trex工程案例 120806附件.doc
- 客户管理系统修改记录_副本.doc
- 201334113952建筑工程文件归档内容一览表.doc
- 科普资料汇编——太阳能光伏技术摘要.pdf
- 地统计学在土壤生态学中的应用与展望.ppt
- 1.3.1细胞通过分裂产生新细胞课件.pptx
- 2.2.2脊椎动物鱼(教案).docx
- 2.3.4 病毒——七年级生物人教版(2024)上册课时优化训练(含解析).docx
- 2.3.2细菌——七年级生物人教版(2024)上册课时优化训练(含解析).docx
- 1.2.3动物细胞课件.pptx
- 1.2.1 学习使用显微镜(分层作业)(解析版).docx
- 2.3.1微生物的分布课件.pptx
- 2.4.1尝试对生物进行分类——七年级生物人教版(2024)上册课时优化训练(含解析).docx
- 1.2.2植物细胞课件.pptx
- 2.3.3真菌——七年级生物人教版(2024)上册课时优化训练(含解析).docx
文档评论(0)