首页 百科知识 产品硬件与交互方案实现

产品硬件与交互方案实现

时间:2022-07-14 百科知识 版权反馈
【摘要】:1.产品定义通过以上各个方面的调研研究与整理,最终将产品定义如下:定位人群:25~35岁白领女性。归纳总结前期的设计创意方向,根据设计定位初步形成4套设计方案。图5-25 CMF图示文件产品显示图标设计。⑧整体的界面设计也应该是产品整体设计的延续。

1.产品定义

通过以上各个方面的调研研究与整理,最终将产品定义如下:

(1)定位人群:25~35岁白领女性。

(2)用户类型:依赖型用户、边缘种植者。

(3)产品风格:家居、简约、现代、时尚感。

(4)产品颜色:以深色为主,突出植物。

(5)产品功能:主要借助各个传感器相互协助工作,帮助用户获得信息,提醒用户利用零碎的时间照顾植物。

(6)交互界面:简洁易用、扁平化风格、信息简单易读。

(7)产品操作:简单方便,即使手机没有带在身边,也可以及时通过其他方式登录云端查看植物状态或者直接从花盆中获得信息。

2.形态头脑风暴与方案表达

(1)造型设计意向板确定。目标用户群体强调生活品位,注重产品细节与品质,喜欢简约、饱满、构成感的形态语意(图5-15)。

(2)产品形态头脑风暴。根据意向板确定的造型设计感觉进行草图绘制,寻找适合产品感觉的造型形式(图5-16)。

(3)初步方案。归纳总结前期的设计创意方向,根据设计定位初步形成4套设计方案(图5-17至图5-20)。将挑选出来的方案进行初步的深化,这也是打开思维的过程,因为前面的方案都只有大的轮廓还没有考虑细节,结合造型意向板和设计定义要求将方案呈现出来,再进行方案筛选(图5-21)。

图5-15 造型设计意向板

图5-16 产品形态头脑风暴

图5-17 初步草图方案(一)

图5-18 初步草图方案(二)

图5-19 初步草图方案(三)

图5-20 初步草图方案(四)

图5-21 方案讨论与筛选

(4)方案深化。根据产品定义和造型意向要求,选择初步草图方案(四)继续进行深化(图5-22)。草图方案整体构成比例比较合理,形态饱满,侧边线条有动势,使整体的形态比较美观,生动活泼,顶部的比例与侧面的比例形成呼应。

图5-22 深化草图

(5)草模验证。确定方案后,使用KT板制作草模,推敲与验证产品前面板的尺寸关系(图5-23)。

图5-23 草模验证

3.三维表现与CMF确定

(1)CMF意向板确定。根据草图完成三维建模后,将进入渲染阶段。首先要确定这个产品的CMF(颜色、材质、制作工艺)方案。我们的目标用户希望产品的配色和材质的选择可以给人以安静的感觉与和谐的美感。在大的表面处理上也是倾向光面和磨砂面的区分处理,这样给人稳定感。考虑到产品的使用环境是在阳台上,要采用不易老化的工程塑料(图5-24)。

图5-24 CMF意向板

(2)CMF方案确定。CMF意向确定后,通过KeyShot进行渲染,反复尝试。以黑色为主的配色方案比较适合产品本身,黑色给人一种寂静感,也不会抢了植物的颜色,反而突出了植物,黑色也是日本侘寂美学中常用的颜色。在产品表面的处理上大面积使用磨砂效果,中间使用亮面的边线和底盘来形成对比,使产品更加生动(图5-25)。

图5-25 CMF图示文件

(3)产品显示图标设计。产品终端的图标是配合移动端使用的,在设计界面时应更多关注产品的易用性,能够快速获得信息,将图标归纳为光照正常、防晒、土壤温度高、水分充足、缺水等几个方面(图5-26)。

(a)
图5-26 产品显示图标与实物图

(b)
图5-26 产品显示图标与实物图(续)

4.交互界面设计

进行产品的交互界面设计时,首先要了解用户对于产品的需求信息,之后进行原型图设计,再进行界面的视觉设计,最终完成整套界面设计。

(1)用户需求分析。产品的目标用户是年轻的女性,工作比较忙碌,没有时间来照顾家中的多肉植物或了解植物的习性。现在的年轻人也比较喜欢通过网络社交圈来分享自己的体验,通过客户端商家也可以和用户建立起联系,帮助用户更好地照顾自己的植物(图5-27)。移动交互的设计注重以下几个方面:

图5-27 绘制情境故事板

①及时的提醒功能,如告诉用户要给植物浇水等。

②远程的查看功能,了解植物的状态。

③社交平台的接入,让用户及时地去分享。

④及时提醒用户去拍照记录植物。

⑤通过客户端用户就可以轻松地获得植物的一些相关数据。

⑥用户不仅可以获得简单的状态信息,也可以获得一些专业信息的详情页。

⑦操作应该尽可能地简单方便。

⑧整体的界面设计也应该是产品整体设计的延续。

⑨配色上考虑一些简单的搭配,色彩不能过于跳跃。

⑩在日常状态下使用。

⑪在外出的时候使用客户端。

(2)原型设计。在明确用户需求后就是规划如何让用户使用移动端,在这个过程要规划出最适合用户使用的操作流程,再使用框架结构图将整体界面进行规划(图5-28)。在进行操作流程规划的时候,要考虑用户在整个操作流程的体验。用户在使用移动端时会遇见以下两个场景和使用流程:

图5-28 原型设计草图

①在植物健康状态下,用户可通过移动端查看植物的状态,首先用户登录到客户端,在进入客户端后首先是对植物的整体概览,在这里可以查看植物是否缺水、过晒等信息,之后用户通过点击页面上的每个植物的位置就可以了解该盆中植物的详细信息,在进入这一个界面后通过选择不同图标了解不同的参数。通过菜单还可以选择社交,进入与微信对接的社交平台,选择相册功能就可以查看植物在不同时间拍摄的图片,还可以对比不同时间的照片,也可以将图片分享到社交平台。

②在植物有特殊情况需处理时,手机会收到来自客户端的提示信息,提醒用户植物该进行的操作步骤。跳出对话框提醒用户后,用户可以选择确定或者稍后提醒的设置。

(3)界面视觉设计。该产品终端是一个简洁的设计,所以在界面设计上也采用扁平化的设计语言。界面的配色选用一些比较安静的颜色与产品产生呼应,让用户感觉整体界面设计是产品的一个延续(图5-29和图5-30)。

图5-29 视觉界面设计

图5-30 产品界面交互流程

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈