• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 设计中不可忽略的产品状态之交互设计的分析

设计中不可忽略的产品状态之交互设计的分析

作者:@子木yoyo 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含交互,设计,分析等相关知识,@子木yoyo 希望在学习及工作中可以帮助到您
        在产品的设计过程中,设计师总喜欢把图做的很漂亮,在虚拟页面的内容时,使用漂亮的图片,把内容安排的恰到好处。但是当产出界面demo时,这个页面可能是个空内容的页面,也可能内容很多,导致布局错位。
  所以在设计界面时,一定不能忽视空状态、内容过多等极限状态。这些状态也许只会在初次使用时遇到,也许只会有很小一部分用户遇到,但是这些都影响着产品的细节品质。
  在做交互稿或视觉稿的时候,为了让界面尽可能的真实,设计师们会虚拟一些内容放在页面上。但是当看到前端同学产出的demo时,设计师们又总是会觉得为啥和我当初做的页面那么不一样捏?
  空状态
  用户在初次使用一些产品时,经常会遇到空内容的界面,尤其是社交类的互联网产品,用户需要自己建立圈子、产生内容。 这种时候,通常会采用新手引导的方式,引导用户进行下一步操作。
交互设计分析:设计中不可忽略的产品状态 微课江湖
  比如初次使用foursquare时,会引导用户去添加好友,为了方便寻找好友,还可以从Facebook、Gmail、twitter中导入好友。
  如果你的Facebook里面还没有写过任何文章,他也会引导你去进行写作,发布新的文章。
  同样,Flickr也采用了引导操作的方式,让用户明确的知道,自己现在的状态是什么,下一步应该做些什么。
  Gmail则采取发送邮件的方式对用户进行新手引导,让用户在阅读新手须知的同时,即完成了第一次使用的体验。
  Tumblr利用空状态对界面的主要操作区域进行了说明,没有规定用户下一步应该做什么,你可以去添加关注,可以去发布内容,也可以去装饰自己的主页。这同样也是希望用户可以快速上手。
  内容过多时的状态
  互联网产品中的界面应该是可扩展的,这样内容才可以实现灵活地变化、充分地扩展。具体的方法,可以参见另一篇文章《界面灵活可扩展》。

您可能想查找下面的文章:

  • 推荐一个前端工程师做的超酷交互式网站
  • 即将成为主流的2015—2016交互体验趋势
  • 交互设计和心理学之间的18条奇妙联系
  • Apple Watch 交互设计中四个全然不同以往的经验揭密
  • 网页设计中的交互:关于分页问题的浅谈
  • 设计中不可忽略的产品状态之交互设计的分析
  • 资讯类产品阅读列表的交互设计思考与经验分享
  • 163邮箱登录框交互设计的改进经验与分享
  • 谁是用户体验的设计者?
  • 超全面!Android 应用与iOS 应用之间的设计差异对比

相关文章

  • 2018-08-23如何做图标改版设计?来看58 App的实战案例!
  • 2017-08-067款拥有超酷设计灵感的动态网站设计
  • 2018-08-23人工智能与设计零基础手册!发展历史和定义+底层设计阐述
  • 2018-08-23是什么设计方法,让网易设计师都认同用它做出来的用户画像?
  • 2018-08-23让传达更有效!7个提升数据可视化的实用技巧
  • 2018-08-23提升细节体验!移动应用的弹窗设计指南
  • 2018-08-23这10种色彩,是潘通预测的2017年秋冬两季流行色
  • 2017-08-06如何去掉内联样式 通过style属性定义的(element.style)
  • 2018-01-28IndentationError: unindent does not match any outer indentation level
  • 2018-08-23世界上最受欢迎的色彩出炉了,她的名字叫马尔斯绿!

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 我把《设计调研》这本书的脉络和重点都给你划出来了!
    • 大型的视觉设计系统都是怎么设计出来的?
    • 超长篇干货!如何从交互维度量化用户体验?
    • 这5个技巧,让你的404页面变的更加实用
    • 网易设计师:做好文字排版的小技巧
    • 高手实战!腾讯公益设计改版项目总结
    • 如何解决外边距margin叠加的问题探讨
    • 零基础AI教程!教你五步临摹MBE风格的火焰渐变图标
    • 学会这个教程,可以把任何一张人物照都变成插画风格
    • 超实用!如何正确使用控件系列之提示框(Toast)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有