【交互】他山之石,可以攻玉——借鉴参数化建模的交互模式,让功能复杂的产品简单易用点儿

北京/UI设计师/8年前/851浏览
【交互】他山之石,可以攻玉——借鉴参数化建模的交互模式,让功能复杂的产品简单易用点儿
菜包琳
这是第一个从立项开始跟的产品,也是最有感情的一个。
当时根本不知道什么是容器、应用栈、服务、镜像、仓库,我们的产品经理&架构大哥拿着他用excel做出的原型来跟我们说需求的时候,ued团队两脸懵逼(是的当时只有两个设计师……)
理解消化这些内容花了大概一周,这一周内我们理清楚需求和要做的产品之后,又犯愁了,摆在我们面前有两大难题
问题一:同类的产品可以参考的只有阿里云和青云,我们作为后来者如何做出差异化,而且做得比他们好?dashboard,list都大同小异,视觉上再怎么标新立异(产品调性也不可能允许这么不羁……),也都骨骼相似。
问题二:初期只有我们两个设计师进行设计,后续会有美国设计师在我们做好的基础上进行另一部分功能的界面设计。异地协作,语言不通(别说英语了,中文跟我们说docker、container、service等等都需要pm解释半天……),这种情况下如何保证输出标准和效率也是一个挑战。
这篇重点说说我们是如何化解问题一,即如何在参考竞品有限的情况下,做出有我们特色的产品的。
首先,视觉没有办法做出较大差异的情况下,我们想可不可以有不一样的交互方式?
这个时候就想起了研究生期间使用的参数化建模软件grasshopper。这个软件和其他建模软件最大的区别是,图形是计算出来的,而不是一条线一个面的画出来的。传统建模都是手动的用一条一条线围合生成面,一个面在坐标轴上移动生成一个三维的体。但是参数化建模是通过功能电池块之间的连接,计算生成图形。
举个例子,在参数化建模中,选择“点”功能块并赋予它一个坐标参数,画布面版上就会生成一个点;给“点”功能块连接一个“以点为圆心的圆形”功能块应赋予一个值(即半径),那画布上就会出现这个一个圆,;再给这个圆连接一个“y轴方向的向量”功能块,画布上就会出现一个圆柱,也就是刚才的圆在y轴的运动轨迹。
得益于计算机强大的计算能力,这样功能块之间以符合逻辑的方式相连,参数化建模可以轻松的实现复杂的建模功能,异形建筑,地形模型,规划分析等。
是不是个很好的启发~?
将单一的功能装在一个功能块中,用拖拉拽的可视化方式进行连接,在一层一层的连接中完成复杂的功能。
这种可视化的交互方式好处很多:直观;所有层级都平铺在一张画布上;可以清晰的看到逻辑关系;更具有趣味性和亲和力;就算出现问题了也可以一眼看到哪个功能出bug了……
比起太有“机器感”的list和dashboard,可视化的操作无疑有温度多了~
欢迎试着玩玩:http://cloudos.hnaresearch.com/index,反正我不建应用栈也玩的不亦乐乎,不部署不充值就好~
未完待补充
【交互】他山之石,可以攻玉——借鉴参数化建模的交互模式,让功能复杂的产品简单易用点儿
Collect
【交互】他山之石,可以攻玉——借鉴参数化建模的交互模式,让功能复杂的产品简单易用点儿
Collect
【交互】他山之石,可以攻玉——借鉴参数化建模的交互模式,让功能复杂的产品简单易用点儿
Collect
【交互】他山之石,可以攻玉——借鉴参数化建模的交互模式,让功能复杂的产品简单易用点儿
Collect
【交互】他山之石,可以攻玉——借鉴参数化建模的交互模式,让功能复杂的产品简单易用点儿
Collect
【交互】他山之石,可以攻玉——借鉴参数化建模的交互模式,让功能复杂的产品简单易用点儿
Collect
【交互】他山之石,可以攻玉——借鉴参数化建模的交互模式,让功能复杂的产品简单易用点儿
Collect
【交互】他山之石,可以攻玉——借鉴参数化建模的交互模式,让功能复杂的产品简单易用点儿
Collect
【交互】他山之石,可以攻玉——借鉴参数化建模的交互模式,让功能复杂的产品简单易用点儿
Collect
【交互】他山之石,可以攻玉——借鉴参数化建模的交互模式,让功能复杂的产品简单易用点儿
Collect
7
Report
|
2
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象设计
IP形象设计
IP形象设计
IP形象设计
精选收藏夹
作品收藏夹
作品集
作品集
作品集
作品集
精选收藏夹
作品收藏夹
餐饮案例
餐饮案例
餐饮案例
餐饮案例
精选收藏夹
作品收藏夹
交互
交互
交互
交互
精选收藏夹
作品收藏夹
中国风元素插画
中国风元素插画
中国风元素插画
中国风元素插画
精选收藏夹
作品收藏夹
大家都在看
Log in