在当今快速成长的产品行业中,用户体验变得越来越重要。

而“原型”对创造成功的用户体验至关重要。

那么在产品设计中,我们应当选择低保真原型还是高保真原型?两种原型的使用场景又是什么?小摹对此都做出了相应的分析,一起来看一下吧!

一、什么是低保真原型?

低保真(lo-fi)原型也叫线框图,是将高级设计概念转换为有形的、可测试物的简便快捷方法。它首要的作用是 - 检查和测试产品功能,而不是产品的视觉外观。

以下是低保真原型的基本特征:

  • 视觉:仅呈现产品的一部分视觉属性。

  • 内容:仅呈现产品内容的关键元素。

  • 交互:仅呈现产品中重要功能所涉及的页面关系。

低保真原型可以帮助我们准确拆分页面、以及每个页面的功能模块及展示信息,确定每个页面元素的界面布局。一般情况下我们可以使用Axure、摹客RP等软件来绘制线框图,利用所提供的组件资源或模板例子可以快速完成线框图的绘制。

创建低保真原型还有以下优点:

  • 成本较低:拥有较低的制作成本,可在短期内快速完成设计。

  • 易于复用:便于设计团队复用原型组件,有利于避免繁琐的返工。

虽然低保真原型是一种相对简单的技术,但当产品团队需要探索不同的想法并快速优化设计时,它会非常有用。

二、什么是高保真原型?

高保真 (Hi-fi) 原型又可以称为产品的Demo,是尽可能接近最终产品的样式。它能够更加详细地展现产品的功能及业务需求,除了没有真实的后台数据进行支撑外,几乎可以模拟前端界面的所有功能。

高保真原型的基本特征包括:

  • 视觉:需展示逼真细致的设计,接近最终产品的样式。

  • 内容:需展示的大部分或全部内容。

  • 交互:需展示更多的细节和页面关系。

高保真原型需要在低保真的基础上进行配色,插入真实的图片及icon图标。充分利用Axure或摹客RP中每一类组件的样式及专有的交互属性为原型增加保真度,为相关的组件及页面添加交互事件、配置交互动作。这样从视觉显示及交互设计来看,就是一个完全高仿的Demo原型。

创建高保真原型还有以下优点:

  • 可用性高:高保真原型通常看起来像真正的产品,可以清楚地了解产品主要功能。

  • 易于研发:借助高保真交互性,可以测试特定交互,比如动画过渡和微交互。

高保真原型可以确保从产品经理到UX设计师,每个人都能把握产品的方向。能够更加详细地展现产品的功能及业务需求,可以测试非常具体的交互细节。

三、低保真原型的使用场景是?

  • 头脑风暴:适合快速的头脑风暴,向客户、开发和项目参与者演示设计想法。

  • 早期测试:可以把握关键的功能,更好地定义流程、信息架构以及UI布局。

  • 开发确认:前期确定技术层面是否能够实现功能体验,避免后期无法开发。

四、高保真原型的使用场景是?

  • 功能实现:确保核心功能需求方面满足了用户的基本目标。

  • 交互设计:确保大多数交互动效都是直观且具有趣味性的。

  • 测试开发:可以节省开发写代码的时间,有效减少了错误和返工。

五、写在最后

如果想要提升产品的用户体验,充分利用好原型是必不可少的一项技能。根据产品需求,选择最有效的原型设计方法至关重要,因为这种方法可以最大限度地减少工作,最大限度地提高学习效率。

一篇文章带你摸清高保真、低保真原型间的区别相关推荐

  1. 一篇文章带你了解业务流程图与功能流程图的区别

    业务流程图,用于说明整个业务逻辑流向: 功能流程图,用于确定产品功能设计逻辑. 怎么理解这两句话呢?我们来"看图说话"吧(一张是天猫退货业务流程图,一张是天猫退款用户侧的功能流程图 ...

  2. 一篇文章带你了解——大数据和数据分析有什么区别和联系

    这两天有朋友私信我说想学习大数据, 他自己学习的不是计算机相关的专业,还没有开始接触编程语言方面,现在大三想要转方向,学计算机技术,经过了解,听说大数据就业好,薪资也不错,想要转数据分析. 简单聊过之 ...

  3. axure低保真原型_如何在Google表格中创建低保真原型

    axure低保真原型 Google Sheets is a spreadsheet, just like Microsoft Excel. Google表格是一个电子表格,就像Microsoft Ex ...

  4. 一篇文章搞懂「低保真原型与高保真原型」

    在当今快速成长的产品行业中,用户体验(UX)设计变得越来越重要.很明显,以设计为导向的公司相对于其他公司更有竞争力."原型"对创造成功的用户体验至关重要. 但是对许多产品团队来说, ...

  5. 一篇文章带你熟悉 TCP/IP 协议(网络协议篇二)

    涤生_Woo 2017年11月11日阅读 15544 关注 一篇文章带你熟悉 TCP/IP 协议(网络协议篇二) 同样的,本文篇幅也比较长,先来一张思维导图,带大家过一遍. 一图看完本文 一. 计算机 ...

  6. WAF是什么?一篇文章带你全面了解WAF

    WAF是什么?一篇文章带你全面了解WAF 文章目录 WAF是什么?一篇文章带你全面了解WAF WAF是什么? 一.WAF的工作原理 二.WAF的分类 三.WAF的特点 四.如何选择和部署WAF WAF ...

  7. 一篇文章带你详解 HTTP 协议

    一篇文章带你详解 HTTP 协议 本篇文章篇幅比较长,先来个思维导图预览一下. 一张图带你看完本篇文章 一.概述 1.计算机网络体系结构分层 计算机网络体系结构分层 2.TCP/IP 通信传输流 利用 ...

  8. 无线充电技术究竟有何神秘之处?一篇文章带你读懂什么是无线充电技术

    无线充电技术这个概念在很早之前就已经被提出了,发展至今在电子领域已经被深入研究应用,虽然还未曾大范围普及,但在消费电子领域的发展已经取得不错的成绩.手机厂商也纷纷在自家旗舰机上加入这一革新性的先进充电 ...

  9. 一篇文章带你了解大数据生态圈---大数据组件图谱

    小编一篇文章带你了解大数据生态圈-大数据组件图谱 转载地址:http://blog.csdn.net/u010039929/article/details/70157376 文章目录 小编一篇文章带你 ...

最新文章

  1. 干掉服务状态!从 Session 到 Token,复杂度降低100倍!
  2. 面向动态环境基于面元的RGB-D SLAM系统
  3. python任务调度平台 界面_任务调度平台Cuckoo-Schedule
  4. Dataset:fetch_20newsgroups(20类新闻文本)数据集的简介、安装、使用方法之详细攻略
  5. php数据库数组去重复数据库,PHP查询并删除数据库多列重复数据的方法(利用数组函数实现)...
  6. centos中nodejs npm环境完全删除
  7. Mware HA实战攻略之五VMwareHA测试验收
  8. vb6 获取zip列表_深入学习redis(压缩列表)
  9. php 目录及文件操作
  10. python通过函数类属性_函数作为类属性的赋值如何成为Python中的一个方法?
  11. 默认文件夹为空,如何从Microsoft Edge下载收藏夹
  12. 如何在EXCEL中锁定表格的某一行
  13. 【毕业设计】基于Springboot学生宿舍信息管理系统
  14. 一条SQL查询语句的执行过程,一张图说清SQL查询语句执行过程
  15. 安全计算:使用ClamWin为高级用户提供免费病毒防护
  16. 用JavaWeb写验证码
  17. gerrit git 邮箱不匹配的问题
  18. PLARIUM在IOS以及安卓平台发布收集型角色扮演游戏《RAID: SHADOW LEGENDS》
  19. 告诉你重装系统win7方法,怎么一键重装win7系统
  20. 接口部分重点内容查找(老师给的PPT)

热门文章

  1. php中Mysql常用操作类收集
  2. 洛谷P1796 汤姆斯的天堂梦
  3. 如何一次性改变word中的数字和字母的字体属性
  4. 第一个python自动化脚本
  5. [Matlab] 论文画图技巧:预测曲线图
  6. Flink流式计算从入门到实战 二
  7. java实现地图导航功能吗_Java web实现百度地图导航
  8. JavaScript中join()方法详解
  9. 计算机无法检索文件夹,win7系统不能搜索文件夹怎么回事
  10. 从零开始,手把手教你如何在Ubuntu下编译VLC-Android源码