童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

信息架构中的常见模型2

12月20日 顾昀汐投稿
  上一期分享了三种基本的交互模型,双面板选择、画布工具条、向导(wizard),本期讨论的交互模型并不局限在一个页面上的信息结构,它们分别是:响应式出现和嵌入式连接。
  1。响应式出现
  一个页面要显示很多内容,但是其中一部分内容不太重要,我们希望用户界面变得简单,但又不得不把内容放到界面当中,在这样的情况下,可以把重要的内容显示出来,并把其他内容隐藏,用户可以通过一个简单的操作访问隐藏内容,这样的页面不仅在一个页面上具备了信息结构,同时具有了垂直的层次结构,不是一股脑的丢给用户,而是在用户需要时显示。
  〔用法〕
  1)将主要和次要内容分开,默认显示主要内容,把次要内容放到事先隐藏的区域里;
  2)在默认显示的界面上放置醒目的按钮或连接,让用户能够找到那些隐藏的内容。例如“更多”,或是使用向右或向下的箭头作为连接或按钮标签的一个部分。
  3)打开隐藏区域后,设置另一个按钮或某种方式能够让用户关闭它。隐藏区域的内容应该是用户大部分时间都不会需要它的,因此要进入和退出这个额外区域的操作醒目就可以了。
  〔形式〕
  1)页面内展开:在主要界面上提供按钮或连接,用户点击以后,在页面内展开一个区域,显示进一步内容,这种形式能够即时的反馈用户的操作,同时容易给用户带来自然过度的体验,这种形式适合用在对主要内容的扩充,更详细的、更近一步的内容,当用户没有看到这些内容并不会影响使用,而打开这些内容,用户可以看到更多、或是得到更丰富的功能。
  例如:
  在QQ聊天窗口中当用户点击“聊天记录”时,页面展开一个区域,用户可以看到更多聊天的记录。
  在QQ空间的个人中心中,页面将好友更新的日志标题列出来,当用户点击“展开”按钮时可以看到文章开头部分的段落,同时按钮转换为“收起”,用户可以选择把内容再次隐藏起来。
  2)弹出层
  用户点击按钮后,在页面上浮出一个层来显示进一步的内容,与页面内展开的形式不同的是,弹出层更适用于区域内的内容较为重要的时候使用,比如弹出层内包含一些操作、或重要提示。弹出层一般包含以下部分:标题栏(与内容区分隔较明显,有标题和关闭操作);内容区(弹出层的主要内容区);操作区(弹出层的主要操作区,确定保存等按钮)。弹出层有两种类型,模式化的和非模式化的,对于模式化的窗口,弹出层可以移动,弹出层以外的页面为锁定状态,不可操作;对于非模式化窗口,该层仍然可以移动,弹出层以外的页面可操作,操作时弹出层可以消失也可以一直出现,根据具体情况而定。
  举例:
  在秀世界的应用中,用户点击“我的储物箱”弹出一个展示我已经购买的物品的层,这是一个模式化的例子,弹出这个层以后,原来界面处于灰度显示状态,其他按钮不能点击。
  在绘图工具当中,对于一些扩充的工具面板也采用了弹出层的模式,这是一个非模式化的例子,当弹出层出现时,原来的页面工具仍然可以使用。
  2嵌入式连接
  嵌入式连接已经是web上广泛应用的模式,当用户沿着某种线性路径进行浏览,如一段文本、一个操作流程,而在用户浏览的过程当中,我们希望在用户主要注意力之外提供一些额外的内容,它可能是一个故事的附加信息,或是一个对某个概念的解释、或是帮助文本。这样的形式可以让希望快速完成任务的人快速前进,而对于希望了解更多的人看到额外的信息,满足用户的好奇心和对未知内容的探索。
  〔用法〕
  1)为可能吸引用户的附加内容创建入口,
  2)这些入口可能是带下划线的连接、大的标题、按钮、菜单项、图标及一些可以点击的图形区域。对于不容易理解的图标或是连接,可以添加简短的描述进行提示。
  3)提供返回的途径,在用户阅读这些分支的内容以后能够回到他们的主要任务上。
  〔举例〕
  1)在网页新闻当中,对一段文字当中提到热门词汇加上链接,当用户对这个词汇感兴趣的时候看到能够看到与这个词汇相关的新闻:
投诉 评论 转载

互联网产品设计之需求管理总结自己近段工作时,突然有了个想法,结合自己的一些经历写一些互联网产品设计系列的文章,从产品流程、概念设计、需求管理等开始入手,写博是一个思考和总结的过程,也算一种自我提升和成……别把评论设计弄成王婆在电子商务网站中,评价是产品和运营都比较头痛的事,尤其是在直接作B2C的公司,这个设计上,本来引导用户评论就是个困难的设计,何况有时引来的一堆非赞扬的评论;弄得各部门的兄弟们都……手势操作:命令行界面的复辟ByLukasMignorethecodeboday译,KKK校,转载请注明ifanr。com译文链接曾几何时,计算机只能通过命令行界面来使用……人人都是产品经理么?很荣幸收到苏杰同学快递赠送的《人人都是产品经理》,除价值不菲的签名外,还附了长达三行半的留言。于是,我决定好好看看这本书,在这之前我没有翻过任何“产品经理”主题类书籍。概……产品经理怎么和产品经理打交道之前也是因为总结,从写《手把手教你设计SNS社区》开始,一直是坚持着对很多产品做产品形态、功能、规划的解构、分析,这个过程中更多的是沉淀、思考、总结的过程。最近越来越意识到自己……UE实践笔记:KJ法在用户研究中的应用小结:在实际操作中,做一张好的亲和图并不容易,取决于亲和点的个数以及主持人的把握能力。“Rapidcontextualdesign”一书有非常详细的介绍三。KJ之头脑风暴……操作系统GUI进化史GUI(graphicaluserinterface图形用户界面)的发展史从来就是与操作系统的历史分不开的,他们就像是两个两小无猜的孩子,相互依偎着成长,不断散发出迷人的光芒,……信息架构中的常见模型2上一期分享了三种基本的交互模型,双面板选择、画布工具条、向导(wizard),本期讨论的交互模型并不局限在一个页面上的信息结构,它们分别是:响应式出现和嵌入式连接。1。响……读《结网》:产品经理也可以改变世界《结网》老早都读完了,现在才准备写读书笔记,有点晚。当时(5月3号)读完后随手在腾讯微博上丢下读书小结:王坚实战经验之作,案例丰富,让人信服作者阅历很广引用读料、图……产品经理实用工具【8】pencilsketching感觉最近两篇文章的日志,都有点工具性的文章,介绍软件本身。有点滥竽充数之嫌,不过工具性的文章时效性会常一点。接下来介绍的是一个插件pencil,火狐浏览器的一个插件,这个插件很……交互行为量化方法之GOMS击键层模型一直在关注体验量化方面的理论,剑虹在之前的博文里分享了关于体验量化的一些方法,受益匪浅。关于行为层的量化方法我想再补充一下goms方法中的击键模型,这种模型的好处在于可操……互联网时代的应用设计在互联网时代如何开发一个成功的应用?先发放一万份调查问卷,找几十个人关在黑屋子里花两年时间研发,然后期待着一旦推出就颠覆整个互联网?我不得不抱歉地说,以这样一种方式研发一款互联……
百度seo关键词排名优化的影响因素有哪些?你了解SEO优化思维重点吗?初入职场前端工程师如何进行网页性能优化?面试技巧交给你SEO优化中经常使用的HTML标签解析介绍接地气的长尾关键词的挖掘与部署的方法优帮云建站教你实现新网站快速优化排名网站发外链技巧:SEO外链形式及途径攻略借助平台推广做关键词排名优化专业的SEO优化策略自动让客户找你做网络推广SEO优化技巧:分析网站优化后期关键词排名下降的原因只有将网站优化根基打牢,后期网站优化势头才会源源不断SEO站长只有做好站前规划,网站上线后才符合搜索引擎优化规则

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界