时间:2023-01-19 | 标签: | 作者:Q8 | 来源:网络
小提示:您能找到这篇{如何建立适合自己产品的交互设计规范?}绝对不是偶然,我们能帮您找到潜在客户,解决您的困扰。如果您对本页介绍的如何建立适合自己产品的交互设计规范?内容感兴趣,有相关需求意向欢迎拨打我们的服务热线,或留言咨询,我们将第一时间联系您! |
我们公司目前在做的是一款服务于外贸企业的工具性网站,而前一段时间(大概是5月底到6月底)完成了产品的一次大型的迭代工作,这段时间闲了下来,于是便抽了点时间编写了一套服务于这款产品的交互规范。 在这个过程中能总结出一些心得,在此分享给大家。(PS:本文最后会附上整理的Axure交互规范文件,可供大家参考) 建立规范的要素:
一、明白自己产品定位和目标我们的产品是定位于服务于外贸企业用户的工具,主要目标是帮助客户建立自己的外贸网站/寻找外贸客户/客户管理/外贸营销,简单来说就是建站-获客-管客-营销-转化。 所以我们的产品中需要最多的就是控件就是输入/搜索控件和各类表单图表,而且在控件的设计上不能设计操作性太复杂的控件(千万不要为了追求新奇炫酷而去设计比较少见的控件,否则不仅加大前端同学工作量,用户也不一定用的明白),不然就违背了快速操作反应的原则,在这里建议大家可以参考阿里的Ant design交互规范。 二、交互规范的内容范围交互规范内容包括什么? 不同的产品的交互规范范围内容不同,一般来说网页端产品的相对移动端产品内容更多,这是因为网页端产品的页面布局多样,交互控件和方式更为复杂;To C网页产品比To B网页产品内容更多,因为To B产品目标明确,更注重使用效率,不会采用过于复杂和新颖的页面布局和交互方式。 而针对我们的产品,交互规范内容总结主要包括以下几个部分: 1. 设计规范说明设计规范说明主要描述该设计规范的基本信息: 2. 设计更新记录因为交互规范是需要根据项目不断完善更新的,所以会有很多迭代的记录,及时记录更新可以方便其他设计师、前端工程师知道我们更新了什么内容,及时危机公关效果哪家好好的公同步给整个团队。 3. 设计规范主体主要包括字体规范、色彩规范(这两个建议和UI设计师共同制定)、页面布局、工具、控件库、图表,在这里我的做法是先汇总出当前产品版本所具有的所有规范内容,再参照Ant design、Material Design、element等设计平台。 部分已有的规范内容进行升级再整理,同时根据使用场景和优使用频率,将控件分类和调整排序,这样基本上交互规范的框架就可以建立起来。 最终我为我们产品确定的交互规范内容展示如下: 三、化繁为简,简洁易懂如果大家通过上述方法来进行设计规范整理,势必会得到一份体量更加庞大的交互设计规范文件,这个时候,设计师更多的需要根据自己的经验来进行删减(会合理删减的设计师才是优秀的设计师)。 哪些可以删减?哪些不能删减? 1. 可以删减举例来说:下面两个时间范围筛选器,能达成的筛选目的和作用是一致的,但由于长度不一样,上面的筛选器能适配的页面场景更多,所以可以直接把下方的时间筛选器删上海护肤品广告软文减。 2. 不可以删减举例来说:下面两个选择器,两个表面上目的看起来都是进行选择项选择,但右边的选择器带有搜索框,适合选择项数据庞大时的进行搜索选择,左边的适合选择项数据量不大时进行直接选择,所使用的场景并不相同,所以不能进行删减。 好的交互规范不需要太多的文字说明,团队成员直接看图即可明白这个组件的交互方式(点击前、点击后、空数据、有数据、极限情况下等的交互样式),当然有些不好通过图稿表达的信息也必须需要文字说明辅助,但相比文字而言,大家更喜欢看的肯定是图片。 最后附上我自己整理的交互规范axure文件,以供大家参参考 链接:https://pan.baidu.com/s/19WuKY4nnE_HQqDT5ASlcKw 密码:y5wj
本文由 @李小先生 于。, 题图来自 湖北重型卡车品牌推广多少Pixabay,基于 CC0 协议 |
上一篇:从“曹冲称象”看设计如何量化
下一篇:界面视觉设计要素:字体篇
一、标题规则:标题关键词分开的店铺,关键词排名和权重会排在前面。所以店主...
作为一个淘宝卖家,关注自己的店铺权重,是十分重要的,因为这对自己的销量、...
一般的消费者在淘宝买东西的时候都会先输入一个他理解这个产品的词组,顾客的...
淘宝直通车收费方式还是挺好的,所以对于一些资金比较少的淘宝店家来说,推广...
第一步:登录到淘宝卖家中心,点击左侧菜单中的『物流管理-电子面单平台-我的...
推广当然都希望立竿见影,最好来一个点你广告的,就做一笔生意,所以要选择你...
现在开淘宝网店只要交一些保证金就可以完成了,可以说是投资最低的创业成本了...
宝贝滞销,也就是说宝贝长期没有销量,上架之后90天依然没有销量,那么淘宝方...
直通车坑位指的是大家在使用直通车做店铺推广的时候,官方平台给予宝贝的展示...
线下活动对很多网站来说不容易,对于一些静态网站来说更加无从着手。比如技术...
小提示:您应该对本页介绍的“如何建立适合自己产品的交互设计规范?”相关内容感兴趣,若您有相关需求欢迎拨打我们的服务热线或留言咨询,我们尽快与您联系沟通如何建立适合自己产品的交互设计规范?的相关事宜。
关键词:3年, 中级, 交互设计,