美文网首页
【UX综合】交互原型

【UX综合】交互原型

作者: DevicsYun | 来源:发表于2020-06-20 16:53 被阅读0次

1 一些设计原则

避免用户使用产品时的挫折感,我们需要提供:用户易于理解的信息,避免专业术语;提供有用的信息;提供下一步操作,引导用户继续其他操作。“易懂”、“有用”、“引导”

尼尔森十大可用性原则     拇指区域设计原则  

避免用户产生跳离感

下方区域的设计 记忆块原则 记忆块原则实例

2 一些视觉规律

格式塔心理学:人眼在观看时,将各个部分组合起来,使之成为一个更易于理解的统一体。眼脑作用是一个不断组织、简化、统一的过程从而产生出易于理解、协调的整体

格式塔心理学5项法则   接近 接近实例 相似 用颜色表达相似-同模块的信息   闭合 闭合实例 连续性 页面间的连续性表达同组信息   简单 简单法则-合并、删除、弱化、隐藏  

视觉规律-视觉流

视觉流规律

3 开发知识

APP的实现方式-本地 or H5页面  or 混合   混合方式的性能优化方法   缓存,减少、优先加载   减少请求数、优化图片   压缩HTML H5页面设计要点-以展示为主  

4 页面设计

App包括功能模块、组件、元素   页面尺寸

页面颜色,交互稿应使用灰度图,以便不影响视觉设计。可使用Axure色板中预设的黑白灰色,注意层次美观,根据重要程度区分黑白灰,形成对比。

字体字号设置 文案分类 图片与图标

5 交互说明

交互说明原则:由大到小、明确细节、务求全面

全局性说明

设计师需沉淀全局性元件库,提高统一性及效率,避免重复绘制元件。

交互说明样式1 交互说明样式2

元素及文字说明一一对应

交互动作 界面动效 交互说明示例 交互说明维度

内部评审用户测试

交互稿做完后,可以在设计部门内组织内部评审或小测试。

内部评审 用户测试

相关文章

网友评论

      本文标题:【UX综合】交互原型

      本文链接:https://www.haomeiwen.com/subject/rskgxktx.html