成天画原型,你真的把原型用到位了吗?

  现如今,几乎没有任何一家产品公司能够完全不采用原型设计。原型设计的必要性已无可非议,如何充分利用原型设计的优势,才是我们应该深思熟虑的问题。

  产品阶段的流程,在很大程度上说明了原型设计在整个生产过程中的作用和地位。产品经理在整理了足够丰富的思路、数据、信息、需求、评估等相关信息后,往往会将这些抽象的思维以原型的方式具体呈现出来。

  1、仅仅依靠静态的高保真模型图和线框图,无法传达充足的功能和交互效果。但原型设计可以实现动态交互,能更直观的传达产品功能和动画。

  3、更早地检测错误,降低时间和金钱成本。相信我,你宁愿在原型设计阶段发现100个错误,也不愿在开发阶段发现1个错误让你止步不前。

  高保原型的组成:线框图、交互设计、逻辑判断以及UI。不难看出,高保真原型必将消耗设计师更多的时间和精力。然而,除去时间等成本,高保真原型还将大大限制后期UI的发挥。

  用户等非专业人员往往会有这样误解,尤其是针对高保真原型。会让用户产生这就是某个APP的运作方式,被设计者的思维模式所牵引,难以提出有效反馈。

  Gogobot是一款旅游APP,共有28个互动页面和28张图片。我曾经邀请过一些朋友来体验这个原型,大多数人都误以为他们正在使用一个真正的APP。现在,具体讲解一下我如何在此原型设计中最大限度的发挥了原型设计的优势:

  从头开始吧,看一下Start Page,页面下有3个按钮,为用户提供了三种方式进入到Welcome Page。用户可以自由选择使用Facebook帐户登录,注册一个新帐户,或者只是作为访客跳过注册直接浏览。每个选项都链接到相应的目标页面。

  如果用户对Gogobot感兴趣并愿意注册,只需点击Sign Up按钮,就可以到达注册页面。注册页面仍然为用户提供了实际的选项。用户可以填写必要的信息来创建一个新的帐号,但也许该用户意识到他已经有了一个帐号,那么他就可以点击已有账户按钮在注册页面就能完成登录,而不用先返回到登录页面再进行登录。这样的设置是完全符合实用性的,并且用户在体验交互时不会有困扰。

  看看Hotel页面。它使用Scroll Box组件进行水平滚动,并使用图片组件作为占位符。这里是没有必要选择华丽的图片告诉用户这里表示的是一个酒店,但需要注意的是,保持整体的风格一致。也就是说,在其他页面上也无需使用高像素的图片,使用图片组占位即可。保持你的所有界面是一个整体。

  看看Profile页面,它包含了超过15个图标和1个触发交互。时间成本在原型设计上至关重要,如果没有这15个图标可供选择,你将花费更多的时间。这一点也是原型设计相较于手绘原型的优势,元素都是现成的,拖拽点击比手绘更快更逼真。

  这是一个充满吸引力和挑战性的需求。我迫切想要知道我的设计是否符合需求。快速测试是我检验可行性问题的一大帮手。通过可用性测试,我可以知晓设计中的哪一部分存在错误,哪一部分产生不良用户体验,以及哪一部分需要改进和反思。为产品策略的调整及时导航。

  好的原型设计可以说是产品成功的一半。充分发挥原型设计的优势,物尽其用,必将有助于创造出优秀的产品。另外,我在这里展示的Gogobot是由原型工具Mockplus制作的。

  网站在前期的时候都是很难上排名的吗,那么是因为你的网站基础优化都没做好,怎么可能会有排名呢,首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...

  随着情人节的结束,2月份的设计圈干货大合集悄然更新。新的工具新的资源,依然是以往的分量,依然是相同的味道。和过去的合集相似,免费的素材、工具、服务占据了列表中9成的...

  每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏...

  今天来给大家讲讲如何用Axure实现上下滚动效果。 如何实现上下滚动效果: 让内容在显示区域滚动; 内容面板没有接触到顶部时,让内容面板移动至顶部; 内容面板接触到顶部,没有接...

  你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你,快来看看我最新发现的工具包吧!有了他们,这些功能你只需要直接用,或者用一点时间把他们优化的比作者创造时更...

  当我们需要设计任务型功能的时候,除了基础的线框图和交互,更需要提前搞清楚整个功能的内部逻辑流程,简称功能逻辑图。 举几个大家熟悉的任务型功能作为例子,方便大家理解概...

  互联网和科技让专业的设计师在职业道路的选取上有了许多的可能性,无论是成为iOS开发者、游戏设计师还是用户体验设计师。根据目前已有的数据,在美国,入门级的用户体验设计师...

  今天分享一组来自Al Power设计师UI插画作品「The Dublin Blue Period」, 是一组非常适合 UI 和 WEB 设计上使用的插画风格。该作品统一运用蓝色色系绘制,只有颜色的饱和度不一样,可见设计...

  除了需要打造一个美观的UI界面之外,还应该让用户可以享受使用产品的过程,产生粘度,最起码不会产生厌烦的情绪。这就关乎到一个好的用户体验的问题。 因此,为了避免在建筑的...

  之前有分享过一篇分享,关于我的PRD文档结构介绍《我的三年产品基本功(PRD)将交互、业务逻辑、需求字段撰入文档》得到了不少朋友们的支持,但除了用word之外,不少产品工作中因为...

上一篇:网站被百度降权怎么办?怎么恢复百度权重?
下一篇:一些SEO忧化是真的吗,弊端有哪些?

欢迎扫描关注我们的微信公众平台!

欢迎扫描关注我们的微信公众平台!