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

  • 经验类型规范/资料
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-禁止演绎
1656 1 4 2021-04-23

交互做的好,升职没烦恼~(我瞎说的


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


交互是什么?

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

交互实例有哪些?

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

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

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

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


日常工作流程?

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

②梳理用户操作流程

③定义主要功能

④整理信息/页面结构

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

⑥跟进设计和开发

⑦跟进上线和迭代优化

方法有哪些? 

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

哪些方面入手?

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

页面信息规范页面兼容性:自适应状态的调整,对齐方式比例等

文字:层级划分,一级二级主次字体字号颜色等

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

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

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


记得帮小核儿点赞~



Powered by Froala Editor

全部评论:1

  • 157***7108

    2021-06-16 10:54

    有没有视频教程

  • 硬核Design

    2021-05-10 18:21

    @Ringo: 其他规范一起打包的 都在里面

  • Ringo

    2021-05-07 01:40

    网盘里只有一个JD的交互设计规范啊

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票