热线电话
13321960829

Website News

网站建设相关文章资讯

您现在的位置:
主页 建站资讯 网站设计
淘宝设计师告诉你什么是优秀的交互设计?
发布时间:2018-06-25 11:02
交互输出应该规定一些什么,输出内容分为哪些?
 
一.页面元素就是特定的页面应该有哪些东西,以及这些页面应该有哪个些样式,这些元素就是页面的组成部分。

 
页面元素
1.对话框内:
标题:用粗体字,居中,可不显示;
 
提示文字:简单明了,不要让人产生歧义,如果需要补充说明,可用小号字的样式放在主要提示方案下方就可以。
 
2.按钮区域

 
 
“取消”在左边,与对话框内文字视觉区分  
“确定”在右边,积极的操作用粗体字显示
 
二、点击事件


 
用户点击事件流,通俗说既是用户使用产品时,与界面、服务器交互的过程。在此过程中,交互设计师需要规定用户点击后跳转的页面、界面对用户的反馈,此过程是塑造用户行为的关键环节。
 
1.对话框出现:
操作触发后,对话框出现在页面正中央,出现过程使用系统自带动效
 
主页面出现半透明的蒙层,除对话框按钮区域外,页面上其它区域都无法操作
 
2.点击确定按钮
 
执行提示操作,同时蒙层、对话框消失;部分操作存在Loading时间来执行操作。
 
3.点击取消按钮
 
不执行此操作,同时蒙层、对话框消失;
 
3. 异常、边界情况
 
异常情况和边界情况其实可以分开来讲。首先说异常情况,主要包含:服务器响应超时情况、服务器错误、网络中断、弱网状态(主要存在Mobile端)等… 边界情况的存在主要用于限定一些特殊情况,例如:
 
输入用户昵称的Maxlength (字符限制);
移动端的加载等待时间(一般15-20S),超出后显示错误状态。
 
 
异常情况 
1.Loading状态
对话框操作触发后,向服务器发送调取数据指令,此时需要一个短暂的加加载状态(3S以下)
2.服务器响应异常:
加载状态超出时限,一般移动端等待15-20s以上,为加载异常,Toast提示,文案:服务器繁忙,请重试。
 
三、交互稿输出原则


 
1. 模拟真实+规范统一
 
尽可能对线上页面的元素进行完整还原,目的是给读交互稿的同事一种代入感。但是模拟真实并不是进行像素级别的还原,那是视觉设计做的工作。其实做到模拟真实有一个捷径就是,建立自己产品的交互设计规范,这套交互设计规范库可以从控件级到组件级再到页面级。
利用页面级的规范模板可以促成产品规范的统一。但是说到规范的统一性,就不仅仅是页面级别,可能是更高的层级的统一性。比如下图所示,交互稿的命名、分页的规范。
 
 
2. 易读性
 
如何提高交互输出的易读性?这个问题见仁见智,从笔者本身角度出发,个人认为提高易读性最关键的就是:流程清晰,描述简练。能用简短步骤描述清楚的,就不用繁琐的步骤。同时流程应尽量简化,但是流程简化是建立在高效交互的基础上,故而交互设计能力还是关键;其次则是描述(交互说明),看过许多交互设计师、初级PM在写页面的说明时,长篇大论、文字繁琐至极,瞬间就会产生一种不想读下去的感觉。
 
 
 
3. 业务逻辑 & 功能范围内的创新
 
老生常谈的话题。在基础方法论、行业经验都兼具的一群人当中,靠什么区别一个产品设计师是否优秀?没错,创新能力。业界大佬的例子数不胜数,我就不在这列举了。
 

相关文章

友情链接:上海网站建设公司 | 上海电商开发 |