在应用设计中你必须考虑许多不同的方案,草图设计是思考与创建用户体验的非常有效的方法。设计师可以通过用户体验草图来尝试许多不同的点子,避免被最初的想法所限制。然后从中选择和执行最佳选项,继而再着手制定细节。所以设计用户体验草图,应该是一个分两步走的过程。

用户体验草图

1. 什么是用户体验草图

创意的产生

在最初的用户体验草图设计过程中,你会产生多个想法,但由于它们无法完全成型,所以可能会导致某些元素不完整或缺失的情况。重要的是,你要进行尝试和思考,并判断哪种想法在你的任务环境中最有效。

细节与精炼

根据最终选出的创意,一步一步地,着手优化细节,修正其中不合适的部分。

用户体验草图细节

2. 用户体验草图的类型

用户体验草图的优势是不但绘制速度快,而且还便于修改处理。你的用户体验草图,可能会因为所需要的详细程度、颜色和样式,以及是否需要向某人展示等,而有所不同。

用户体验草图

草图

这是最初的用户体验草图版本,用于记录较低级别的细节,色彩的使用范围也有限。你可以绘制多个简单的用户体验草图,从不同的角度考虑问题和解决方案。同时在画这些手绘图时,尽可能地让解决方案发散开来。

在这个阶段,要避免陷入细节,因为粗放会让思维得到解放,可以产生尽可能多的点子,并最终选择最合适的一种。

线框

线框是更加详细一些的用户体验草图。选出合适的用户体验草图,并更详细地设计用户体验草图。但是,这并不是说要添加太多的细节。线框图的目的是评估设计,在这一步,你只要画出所有重要的细节就可以了。

数字化的工具比传统纸张提供了更多的创作自由,你可以轻松地把注意力转移到微小的细节上。比如说,你可以专注于“像素级的改进”而不仅是设计用户体验草图。

选择一款合适的用户体验草图设计工具,可以让你绘制用户体验草图事半功倍。新一代在线设计工具Pixso,内置了强大的官方资源库,有3000+腾讯、阿里等大厂设计模板,组件素材在编辑页内你就能直接拖拽使用。而且Pixso自带开源设计社区,所有设计作品都是开源形式提供,可以直接复用到自己的文档中,非常便捷。

视觉设计草案

一般很少会使用这个方法。在项目初期,考虑了各种视觉设计方案,但为所有这些创建数字草图,会需要很长时间。所以你要先在​​纸上绘制用户体验草图,来选择视觉设计方向。

组件/元素分解

当你已经有了一个大体的想法,需要考虑某个特定页面的功能或是界面中的组成部分时,就需要用到它了。你可以画出不同的页面元素,深入细节,然后绘制页面元素可能在的位置。

3. 如何设计用户体验草图

绘制用户体验草图框架

先画好边框,如一个浏览器或者手机窗口,或者界面的一部分等。

添加最大或基本元素

比如菜单、页脚或主要内容。

添加细节

添加重要的细节,但要尽量简单。

选择最佳用户体验草图方案

为你设计再多出几个方案,选择一个最佳选项。

添加阴影和斜面

添加阴影可以使你的用户体验草图更有视觉吸引力,这对于分享给团队成员或客户来说尤为重要。

保存/分享草图

你可以通过Pixso,向其他团队成员或客户提供永久链接。一键分享,方便快捷。

4. 推荐使用在线协作UI设计工具Pixso

当设计师完成用户体验草图绘制后,就可以进入原型设计阶段了。新一代协同设计工具Pixso的实时协作功能,能让团队成员同时聚焦在一个设计项目,当面对一个复杂的设计项目时,通过链接邀请团队成员,邀请团队成员,就能进行多人云端协作设计,实时同步字号、边框、颜色等各种细节。使用Pixso一个工具,就能替代多种传统原型设计和项目管理工具,真正提升产设研团队的沟通协作效率。

Pixso编辑器