交互UX的日常规范工作内容

北京/UI设计师/4年前/244浏览
交互UX的日常规范工作内容
小核儿

交互设计的知识快来学习~

undefined

好多想了解交互相关的知识,还有视觉想转交互,交互转视觉,交互转产品的童鞋,不管是转岗还是想提升个人技能,交互知识都需要有一定程度的了解,哪怕面试也不再惧怕提到交互~(卷来卷去,我是一颗卷心菜~)下面是一些个人总结基础交互知识,文末提供一些交互设计自查表+手势词典+线框图流程等学习资料给大家学习~


交互是什么? 

通过某个具有交互功能的互联网平台,让用户在上面不仅可以获得相关资讯、信息或服务,还能使用户与用户之间或用户与平台之间相互交流与互动,从而碰撞出更多的创意、思想和需求等。

交互实例有哪些? 

人机交互、交互界面、交互操作、交互方式、交互事件、交互流程、交互动效、交互体验、交互原型、交互文档等简单举例。

交互操作:用户操作软件界面的操作,比如双击,长按等。

交互事件:完成交互操作后获得的反馈事件。

交互方式:允许用户进行操作的方式,比如按钮需要点击才能触发。


日常工作流程? 

①定义用户特点、需求、目标

②梳理用户操作流程

③定义主要功能

④整理信息/页面结构

⑤提出设计方案草稿,制作原型,团队讨论

⑥跟进设计和开发

⑦跟进上线和迭代优化

undefined

方法有哪些? 
前期我们需要梳理一遍业务逻辑,那么一些方法论则可以用上帮助你梳理主要功能框架等。 例:双钻模型、利益相关者地图、用户画像、漏斗模型、SWOT模型、问卷调查、用户体验地图、情绪版。然后再去输出高保真原型。这样做的目的也是为了让你的设计更具说服力,可圈可点的让设计更具逻辑性。开始可能会比较困难,但硬着头皮去思考过后很多问题便迎刃而解。

哪些方面入手? 
那我们需要从 框架层(界面体验)和结构层(信息框架)来分析,本次举例分为页面信息规范和组件规范。
我们 根据前面方法论的逻辑推导出产品的功能点和交互方式之后,去进行规划布局,以教育app为例,为了让消费者进行选课购买,拆解浏览路径为:查找-——感兴趣——满足需求——浏览内容——增值服务巩固消费心理,而后可以进行搭建组件,把优先级高的内容突出重点,高频操作的内容也要合理安排,可用弹窗在最后加深体验。当然过程需要和开发前端反复沟通才能把业务逻辑实现的更加流畅~

undefined

页面信息规范
页面兼容性:自适应状态的调整,对齐方式比例等
文字:层级划分,一级二级主次字体字号颜色等
图片:颜色描边比例等,加载状态等
信息数据:字体字号对齐方式,鼠标滑过颜色,显示数据数量,超出表示方法,固定宽度对齐方式,新增数据的保存方式,排序方式,删除数据的提示,查询条件判断方式,各种提示信息,密码数量,输入信息提示,不可操作内容规范等。
组件规范
导航:导航路径、子菜单、当前位置、链接、层级等
表单:输入框,间隔,预制文案、必填标识、输入字数限制、约束条件等
按钮:鼠标经过,选中,点击,禁用等状态,位置样式等
加载空状态:无网络事加载状态样式 无内容空状态等

最后 
感谢读到这里,相信你对交互设计师的日常有了一定了解吧~如果说视觉设计师是像素狂魔的话,那么交互设计师就是思考达人~二者结合则是王者!

嫌内容不够干?
公众号后台回复 「交互规范」 到收藏夹吃灰吧~

undefined

undefined


 记得帮小核儿点




0
Report
|
收藏
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
:04:火锅类摄影
:04:火锅类摄影
:04:火锅类摄影
:04:火锅类摄影
精选收藏夹
作品收藏夹
IP形象设计
IP形象设计
IP形象设计
IP形象设计
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
作品集
作品集
作品集
作品集
精选收藏夹
作品收藏夹
餐饮案例
餐饮案例
餐饮案例
餐饮案例
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
大家都在看
Log in