产品设计的原则有点太泛哈,这里想结合自己的工作心得来小结一下手机无线设计8原则:

原则1:用户界面应该是基于用户的心里模型,而不是基于工程实现模型
就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式。其实这一点是设计师把生活中的细节和数据结合的凝聚点,用户的心理模型抓的越准,界面就会越优秀。
#左边界面#:大众点评新版的价格的搜索就比之前改得更符合用户心里模型;#右边界面#:食神摇摇的摇动手机找餐厅更加符合大众用户的心里,大家应该都有那种中午不知道去哪家餐厅就餐,那么就摇一摇来随机抽出一个附近的餐厅。

原则2:培养用户使用情景的思维方式做设计
要做到这个原则其实是很难的,需要长期的实战经验才能做到这点。
那我们都知道米聊出的比微信早,但后来被微信反超,个人认为不光是QQ帮了微信很大忙,比如用户登录门槛低,用户来源,广告打得响之类的,其实在用户使用情景方面米聊研究的没有微信透彻。

对于一个社交即时通讯产品,添加好友的功能是好友汇聚的来源,虽然米聊微信都绑定手机通讯录,但话又说回来,用户找手机通讯录联系人语音聊天的还是比较少。添加好友是引导用户去发现好友,找好友, 碰好友的一扇门。所以对于这么重要的功能放置在应用程序的哪个位置,在产品前期就会让用户明显的去选择用哪个应用,因为聊天工具的前提是要有人和你聊天。再回到现实的界面中来,看看下面的对比:
微信1.0的时候(我这里只截了4.0的图)把添加好友放置主Tab上,方便用户很快的添加好友
米聊2.0时还是把添加好友放置在好友列表的第一排,用户很难发现

原则3:尽量少的让用户输入,输入时尽量多给出参考
移动端的虚拟键盘一直是科技界无法解决的一个难题,虚拟键盘的主要缺点:1.输入定位无法反馈,所以无法形成高效的盲打;2.虚拟键盘的空间限制,手指的点击经常造成误按。光是上面这两点就让虚拟键盘在输入上大打折扣,所以我们在设计应用程序时,只要遇到Input Box的控件时,首先就要想到尽量让用户少输入,或者智能的给出参考。
百度音乐的搜索先是把近期最热门的歌曲依次排列在列表中,当有字输入时,会出现歌手的候选词,这里值得称赞的是百度音乐的搜索能根据用户输入的字来判断用户是搜索歌手还是歌名。
百度地图也是我用得比较顺手的一个地图导航应用,在减少输入方面也做的比较出色,百度地图拥有cookies功能, 另外就是百度搜索的技术应用在地名的匹配中也很让人欣喜,在用户输入到一半的时候,下面的候选列表就出现了目标地址,用户直接停止输入点击列表即可。

原则4:全局导航需要一直存在,最好还能预览其他模块的动态
全局导航在Web交互设计中比较容易做到,在手机移动端全局导航要看产品设计的需求,什么功能需要全局导航,社交应用通常是:消息,通知,请求;音乐视频应用通常是:下载,搜索;工具类产品经常是核心工具条(tool bar) 比如浏览器,语音助理,音乐识别应用等等。
全局导航的价值在于可以让用户在使用过程中不会丢失信息,减少主页面和次级页面之间的跳转次数,当然全局导航中的info-task要能在当前页面完成,如果需要跳转到新界面,就会失去全局导航的意义,因为当出现多个info-task的时候,就需要用户不停的进入全局导航页面来完成。
Facebook 的朋友请求,消息,通知都是采用全局导航的方式,就是面板设计的丑了些~
米聊的通知中心,里面包含的通知类型蛮多的,显得有点凌乱,希望下面的版本会筛选归类

原则5:提供非模态的反馈不打断任务流
模态弹出框的书面名称在iphone OS中称作:Alert-box,在Android OS中称:Pop-up box, 我们都知道弹框会打断任务流,所以在有限的屏幕上怎样让这些弹框弱化,或者说优雅、绅士的提醒用户,这个需要设计师来定义。

模态是指界面中只有提醒弹框才具有可交互行为,其他一切都不可操作;非模态不会把提醒做成弹框,可能会处理成List Notification, Toast list等方式来提醒用户。
Gmail是第一个把删除的模态弹框设计成ListNotification这种方式的,提醒用户撤销刚才的删除操作,这种非模态的处理,让删除的流程更加顺畅和轻松自如。
K歌达人第二版的弹框就是模态处理,界面很不友好,用户在K歌过程中要被打断三次才能发表一首自己唱的歌曲,所以降低了用户的参与度。

原则6:不要让用户等待任务完成,用户还要发现更多有意思的地方
移动互联的核心就是给用户带来移动体验的方便和高效,这是 移动互联网Apps需要考虑的,用户在使用你产品在很多情况下都是碎片时间,所以在设计上尽量让用户在短时间内熟悉我们的产品,知道这个产品的诚意,特别是某些等待界面需要设计,不能把一个很枯燥的等待界面呈现在用户的面前,那用户很快就会换其他apps。
在Instagram 拍完照片后,点击上传后,它的处理方式是回到首页的位置,告诉你的照片正在提交,并不是显示一个上传进度的界面,让用户看那上传百分比。因此,我们在设计米吧上传歌曲文件时也只是告知用户后台正在帮你上传,叫用户放心,用户自然就会去玩其他的功能,没有让用户焦虑的等待,等上传完毕时,我们再用Toast list通知用户已经上传成功,这样把查看上传结果的主动权交给用户。

原则7:自动保存用户的输入成果
在移动端,由于输入面板的复杂性,而且触摸输入没有物理按键的反馈自然,特别是手机上去输入一段文字或者信息,对用户而言本身就是一件很痛苦的事情;对产品而言,用户的在你的产品中输入是一个很值得庆幸的事情,所以设计人员需要让你的apps自动保存用户的输入成果。
微博官方的手机客户端在用户输入信息后,点击左上角的叉时会弹出Action sheet来询问,确认是否要放弃,或者保存为草稿;path的处理则更为人性化,在处于断网的情景下,用户依然可以发布照片和文字,当然后面联网成功后,系统会自动上传,只是发表时间是连网后发布的时间点;Instagram的评论也很友好,在断网或者网络情况不稳定的情景,用户输入的评论依然可以发布,后面会有一个叹号提醒用户稍后发布或者重试,提升了用户参与的积极行,同时活跃了社区。

原则8:为了程序响应的速度,设计有时候需要担任掩护的作用
科技并不是万能的, 技术依然是移动互联网应用程序最需要优化和完善的,作为技术的盟友我们设计人员也需要辅佐他们,让用户觉得程序原本就应该是这么运行的。特别是程序响应的速度很多时候不光是技术的问题,与网络环境也有很大的关系,这时候设计人员需要考虑这些客观存在的情况,帮助程序来掩护这些瑕疵,让用户感觉到在使用时是流畅的。

#随后实现# Instagram帖子“赞” 不管对参与者还是帖子作者都是激发其积极性活跃社区氛围的重要功能,所以在程序的响应方面一定要具有可用,易用的特性,我们看左图中,“赞”的按钮已经现实“已赞”,同时我们看红色框内的“菊花瓣”就知道后台在loading赞的数据,所以这就是设计的巧妙之处,先让用户感知到程序是非常快速的,而不是等loading完之后再显示“已赞”;

#提前传输# Instagram中发布帖子的时候,用户处理完照片点击“上传”按钮就看到中间的界面,这时候界面是让用户去为自己的帖子输入一个主题,或者去设置分享等功能,同时我们可以看到红色框中的“菊花瓣”,很明显后台已经开始传输刚才上传的照片了,所以当用户在点击“完成”时,数据只需要上传剩下的一部分,让用户感知上传很迅速;

#边唱边完成# 把伴奏和用户的歌声合成为一首音乐时需要后台处理大量的数据,如果分步做就要让用户等待比较长的合成时间,为了让用户不用枯燥的等待合成,我们需要后台在用户唱歌的同时,后台就已经开始把唱过的伴奏和歌声合成。

以上八项原则是我在工作中体会比较深刻的交互设计原则,希望能对观看到这篇博文的朋友有所帮助。当然设计原则是随着时间的变化而不断变化的,所以也请各位朋友完善和补充,谢谢!

转载于:https://www.cnblogs.com/xukunhenwuliao/p/3576245.html

交互设计原则有哪些?相关推荐

  1. 数据仓库中宽表的设计原则_实际项目中交互设计原则的运用

    在实际项目中设计交互行为方式的时候,我们该怎么去运用的这些交互设计原则呢? 通常我们在设计过程中,会提到设计要满足一定的交互设计原则,而对于一名交互设计师来说,原则是在设计过程中遵循的一种大众认可的, ...

  2. AI(2)---机器学习产品交互设计原则

    机器学习产品交互设计原则 -- 以人为中心 机器学习是帮助计算机揭示数据模式与关系的科学.机器学习是一个强大的工具,可用于打造个性化的动态体验.机器学习已经有力地推动了从 Netflix 建议到自动驾 ...

  3. 基于用户体验的手机产品交互设计原则

    基于用户体验的手机产品交互设计原则 一.用户体验信息收集 在讨论手机的交互设计方法之前,需要先对手机的用户使用习惯有一些基本的了解,需要对手机的用户体验信息做一些收集整理.收集用户体验信息首先需要确定 ...

  4. 网站建设的交互设计原则是什么

    可能很多人都忘了,在互联网发展早期,很多网站的交互设计其实非常简单.往往一个翻页效果.一个简短的动画就能吸引到很多用户.而如今随着互联网的不断更新迭代,技术不断革新,网站交互也得到了很大程度的加强,可 ...

  5. 【交互设计】用户体验之手势交互设计原则

    转载自:老二牛车教育 » [交互设计]用户体验之手势交互设计原则 手势识别指的是计算机设备侦测并识别人类手势.近几年来,随着手势识别技术的高速发展,以及3D传感器的广泛采用,手势交互已经得到广泛的普及 ...

  6. 你不了解的10条交互设计原则

    交互设计,又称互动设计,(英文:Interaction Design, 缩写 IxD ), 是定义.设计人造系统的行为的设计领域.以人的需求为导向,理解用户的期望.需求,理解商业.技术以及业内的机会与 ...

  7. 人机交互理论二:认知过程与交互设计原则

    认知过程与交互设计原则 认知涉及多个特定类型的过程: 感知和识别 视觉,听觉和触觉 根据感知特点设计人机交互界面应注意的问题:交互设计时,采用适当形式来表示信息,以便用户更好地理解和识别它的含义 文字 ...

  8. UI设计中的交互设计原则有哪些?

    UI设计日新月异,但在变化的背后不变的是设计师对美和易用的追求.在对用户体验的不断研究中,很多复杂的案例被凝聚成简明的设计原则供我们使用.Lawsofux的UX原则便是其中的典范,这些原则久经考验,历 ...

  9. 史上最全交互设计原则(四)之尼尔森十大交互原则

    今天给大家分享一下尼尔森十大交互原则,尤其是在设计B端产品时,每一项都是非常的重要的,希望能够帮助到家,如果大家觉得不错,可以给博主来个三联,好了废话不多说直接上干货. 一.反馈原则(Visibili ...

  10. 从门禁系统的使用体验看良好的交互设计原则

    作者: 童心 我们常常迷失在技术的沟壑,却忽略了真实的用户体验~~~~~~~~ 12楼刚刚更换了门禁系统,说实话,从产品的角度分析,感觉不太好.因为产品的好与坏的评判,很大程度就决定于用户的使用体验. ...

最新文章

  1. 一文读懂简化的图卷积网络GCN(SGC)| ICML 2019
  2. linux LANG变量 定义系统的主语系环境
  3. 求一批整数中出现最多的个位数字_C语言经典100例007-求低n-1位的数
  4. postman请求soap 请求_postman中请求如何传递对象到spring controller?
  5. linux+bbu电池模块,服务器Raid卡电池自动充电
  6. C#中判断系统的网络连接状态的方法
  7. python28 excel读取模块xlrd
  8. java-jdk7新特性
  9. This dependency was not found: * !!vue-style-loader!css-loader? 解决方案
  10. mybatis与data jpa
  11. android 5.0 lg g2,升级到Android 5.0 的LG G2怎样Root?
  12. 在线解析短视频去水印工具
  13. c51语言编程实验报告,C51单片机实验报告程序.doc
  14. python使用126发邮件代码
  15. Combined Margin loss人脸识别训练笔记
  16. 计算机病毒可通过光盘传播吗,光盘能传播病毒吗
  17. 系统设计黄金法则:简单之美
  18. Java求一元二次方程的根
  19. C语言无符号有符号比较问题总结
  20. 大数据之Linux篇(一)

热门文章

  1. 并发性(concurrency)和并行性(parallel)区别
  2. 区块链 FISCO BCOS学习文章(1)-平台介绍
  3. java执行复杂linux,解决java使用Runtime.exec执行linux复杂命令不成功问题
  4. 基于Java的学生信息管理系统
  5. MyBatis工作流程及配置
  6. 七、Oracle学习笔记:数值函数
  7. Servlet-请求匹配,创建Servlet的三种方式,API 1
  8. 创建 多个 MySQL docker 出现错误时
  9. 小D课堂 - 新版本微服务springcloud+Docker教程_6-01 微服务网关介绍和使用场景
  10. springcloud之Feign、ribbon设置超时时间和重试机制的总结