UX 设计 0 到 1 的全方案思考与呈现

摘要:北京时间20200214关于【UX 设计 0 到 1 的全方案思考与呈现】的具体情况和说明,让www.klhtt.cn新闻频道的以图文形式为您慢慢道来。

设计师需要尽可能早且有效的利用产品定位和产品生命周期,去进行设计目标推导与对应的策略定制。那么具体的0-1设计方案如何思考?有哪些要点值得出现在作品集里?

一、配色/图标什么的是基础吗?

之前一直没有太多关注过如何定义一个APP的配色,或者如何画一个漂亮的icon。曾经的上级指示都是这些基础对商业的不可量化。于是我在思考一个问题,就是没有直观商业价值的设计要素都失去了意义变成了所谓基础的事情吗?

半年前面字节的时候,面试官问了我有关配色的定义,细节到为什么是这个色值。当时十分震惊于这么细节的问题,之后我就想起了之前有位朋友给我send过一份有关支付宝"蓝"的定义pdf,洋洋洒洒几十页就是为了解释他们为啥用这个有点脏的蓝色#108ee9当主色。

所以其实APP的配色/图标与主品牌是一脉相承的,它是品牌的延续与象征。它以最直观的态度传达给用户,这个产品以及品牌的调性,并以此建立最强有力的视觉识别性。所以我觉得它是可以有条件的展示在我们设计方案里的,但一定注意它的篇幅和表达的方式,维度在品牌传达这一层就对了。

至于如何展示和定义你的APP配色,一般2类情况:

1.在品牌主视觉配色基础上的适配

这种情况一般适用品牌主视觉方案已经设计完毕,APP端作为延续。这个时候一般注意配色从CMYK模式到RGB的转换,所以作为APP的配色,具体色值上可以稍做调整,使它更适配于LED屏的用户感知与舒适度。

另外可以使用透明度进行色彩分阶段,一般从0-100%分为10阶就足够我们日常界面设计使用了。

2.0-1定义APP配色

这种情况下我们从感性和理性2个角度去定义颜色。

从感性的角度分析:情绪版应该大家都熟知的了,根据不同的行业和用户定位得到相应的关键词。对应不同的关键词再搜集对应的图片,从图片和自然感知中提炼出主色。

从理性的角度分析:我们把色彩分为对比色、近似色、复合色、单一色、三角对立色和渐变色六种。根据产品的类型和定位,我们决定使用什么样的配色。比如一个年轻大学生专用的社交型APP,我们可能就倾向更多的使用对比色这样的撞色得到更多潮流与青春的味道。

至于图标的话我就更不用多说了,大家肯定都记得那些非常基础的绘制图标的法则。个人认为图标也不太需要放一个单独的篇幅去展示,除非它有一些新奇有趣的亮点。

二、界面框架,只是框架而已吗?

在之前的文章中有写过,匹配产品定位的界面框架一旦输出,对整个APP之后的迭代与功能设计都有很直接的影响。定义整体的UX框架方案,是实践设计目标与策略的过程,基本围绕着这3个出发点:

匹配产品定位;

满足业务拓展性;

符合舒适度美学。

1.定义整体框架

首先我们从宏观角度分析,一方面产品的业务线处于什么情况,是相对独立的业务主线产品(举例:拉勾)?还是平台级产品(里面包含了许多垂直的业务线,举例淘宝)?如果是平台级产品在整体框架设计时就需要考虑跨端跨业务的框架拓展型。

举个栗子,就是在定义平台框架的时候要考虑这个框架与容器是不是同时适用于底下的子业务线,同时当这个框架到了H5、小程序、PC的时候需要做哪些适配调整,是否都可以很好的进行兼容适配。

另一方面,整体框架设计的类型是否符合设计目标。举个栗子,无框式超大留白的框架设计虽然看上去逼格非常高,但在大部分商业产品中它的实用性却非常低的。假设说我们今天需要做一个电商类的app,设计目标是希望能够提升业务转化以及购买效率,那么展示效率与功能分区就显得尤为重要,它就更适合一个相对紧凑的卡片式为主的框架设计。

其次从微观的角度来说,遍地就都是细节了。舒适度美学这一说,其实难免有些抽象,我们把它转为相对合理一些的落地原理就会清晰很多,像大家熟知的间距4倍数原理、对齐原则等等。但是这些微观的内容不建议大家放到方案展示里,因为它并没有针对单个方案的特殊性,更像一种大众共识。

多说无益,直接上最终的效果图,方便大家参考。

2.具体容器解析

我们特地把单独的容器部分拿出来解析,是因为自定义容器是展示核心业务最主要思考呈现,同时还可以配合运营做很多提升业务效率的配置。在做具体设计的时候,我们需要区分"端上固定"模块和"运营配置"模块之间的差别。

(1)"端上固定"模块:

顾名思义就是开发端上需要写死的模块。写死的模块意味着,无论一个配图还是一句文案,也只有开发童鞋修改后通过发版才能实现内容变更。一般适用于相对固定的产品功能以及UGC用户生产内容。比如:拉勾上传简历功能、斗鱼的直播间列表。

(2)"运营配置"模块:

相对"端上固定","运营配置"就不需要跟着发版,可以随时后台上传替换模块内的内容,适用于需要PGC生产的内容。说到这里很多童鞋可能马上就联想到banner,弹窗的运营位了,但其实除了这些之外还有很多容器模块是需要灵活配置为"运营配置"模块才能更有效的提升运营业务价值。

我们可以这样来区分"运营配置"模块类型。

一种是纯运营配置模块,即设计与开发输出框架、定好配置字段限制之后,运营可以独立完成后台配置的。比如:资讯app0-1前期的资讯列表内容。

另一种是运营设计配合模块,即需要设计配合运营输出一定的设计图才可以进行后台配置的。比如:常见的banner、弹窗、热门推荐专题等。

在0-1的设计方案中,更推荐大家展示"运营配置"模块的内容与解析,因为0-1是个以拉新为主的阶段,运营显得尤为重要,所以我们的设计需要侧重考虑整体的运营效率与转化。

三、如何展示亮点设计?

在我们概述完大部分的整体思考路径与设计方案后,我们需要由面到点,从全局提炼细节,突出自己的设计方案亮点。而如何提炼这个亮点呢?是挑一个我设计的最好看的界面呢?还是直接放最复杂的那个流程?以下是推荐选择的亮点设计:

1.完成理论实践,并可以量化价值的设计case

大家应该都了解,一些和设计息息相关的数据UV/PV/GMV/相关业务指标…etc,以及一系列在实践中很好应用来解释设计方案的理论支撑比如5W1H、GSM与五度分析…etc。这些数据和理论是支撑我们设计更饱满更有说服力的重要支点。

虽然在0-1的项目里,我们基本不太用的上优化数据比对(因为产品初期用户数量少,产品体验路径也是一直处于不断试错阶段),但是我们还是可以借用上文所述的一些方法论或者A/Btest来完成我们的方案思考过程展示。

那些你在完成践行设计策略完成设计目标时获得的数据指标要提前预知,养成习惯之后,你就可以快速轻松的嗅到哪里有可以做A/Btest、进行埋点数据比对的地方了。

2.影响上中下游环节的设计case

除了对业务提升价值的项目外,我们有时候也需要注意对品牌设计、产品、运营、技术等上中下游造成影响力的设计项目。通常这类设计大部分也都是设计自驱发起的,能起到提升各方人效和业务效率的作用。

举例的话,我能马上联想到的就是多方协作的大型线上组件库,可以参考阿里的Antdesign、滴滴的魔方,在之后的版本拓展中甚至可以延展成功能更加强大的多方协作ux设计资源中心。

四、规范与组件库的定义真的备受关注?

感觉近期面过的80%的公司都对组件库的定义非常关注,所以我们要做的不仅仅只是放一个视觉规范或者组件库的全景图,而需要对组件库进行拆解。

篇幅有限,下一节,我们把视觉规范和组件库这个大工程单独抽出来聊聊,刚好分享大家一个利用sketchlibrary进行高效的团队组件库同步的神方法。

如果还有需要更基础更流程性一些的0-1实践指导文,可以参考我之前写的那篇大全:UX项目0到1的正确开启方式。

本文由@NaNa原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议


查看更多

实时推荐

推出公益歌曲 南充音乐人唱出战“疫”心声
推荐 亚洲AV国产AV手机在线 2020-02-20 09:06 408 5538
女星的齐刘海,杨幂唐嫣郑爽赵丽颖迪丽热巴谁看起来最奇葩
推荐 亚洲AV国产AV手机在线 2020-02-20 09:06 344 8499
裤子别全部塞在鞋子里了,学欧阳娜娜只塞一半,既时髦还显腿长
推荐 亚洲AV国产AV手机在线 2020-02-20 09:06 750 6734
幽默笑话:你现在是越来越过分了,吃火锅竟然都不叫我!
推荐 亚洲AV国产AV手机在线 2020-02-20 09:06 145 1326
幽默笑话:我怎么就变成渣男了呢,莫名其妙,我可啥也没干啊!
推荐 亚洲AV国产AV手机在线 2020-02-20 09:06 851 1520
这样的楼梯不是楼梯,是艺术品!如果我家买了复式楼也一定这样装
推荐 亚洲AV国产AV手机在线 2020-02-20 09:06 251 4079
超酸!82㎡爆改成200㎡北欧风豪宅,还有超美小花园!
推荐 亚洲AV国产AV手机在线 2020-02-20 09:06 779 5101
广西男子怕被隔离强行冲卡被抓 车上还有一把斧头
推荐 亚洲AV国产AV手机在线 2020-02-20 09:06 115 5345
高新战“疫”丨微井科技一条朋友圈引来爱心接力 创始人两入武汉成为防疫志愿者
推荐 亚洲AV国产AV手机在线 2020-02-20 09:05 801 7727
绥化3名新冠肺炎康复者捐献血浆
推荐 亚洲AV国产AV手机在线 2020-02-20 09:05 238 4986
​大爱无疆——河南医疗队驰援武汉之歌|殷江林/作词 小安/作曲
推荐 亚洲AV国产AV手机在线 2020-02-20 09:05 801 9064
特斯拉Model3再度刷新消费认知,保值率高居第一,打脸燃油车?
推荐 亚洲AV国产AV手机在线 2020-02-20 09:05 729 5322
《结束,开始》发预告 塞巴斯蒂安·斯坦演眼神戏
推荐 亚洲AV国产AV手机在线 2020-02-20 09:05 493 5115
“心系民生 聚力惠民”文一集团持续增援一线,助力防疫保民生
推荐 亚洲AV国产AV手机在线 2020-02-20 09:05 675 6872
舒适减震操控好 天逸用料最厚道
推荐 亚洲AV国产AV手机在线 2020-02-20 09:05 393 6664
青岛市副市长耿涛来高新区调研
推荐 亚洲AV国产AV手机在线 2020-02-20 09:05 256 8860
高新战“疫”丨山东中医药大学为抗击新冠病毒提供可参考的候选方药
推荐 亚洲AV国产AV手机在线 2020-02-20 09:05 247 6738
孟美岐出门太着急忘记画眉,生图下只剩两道阴影,颜值下滑太多
推荐 亚洲AV国产AV手机在线 2020-02-20 09:05 307 4932
西班牙人连获2大好消息:保级对手遭双重打击,天佑武磊留西甲?
推荐 亚洲AV国产AV手机在线 2020-02-20 09:05 719 4432
再伤一个亿元先生,如今别说争冠,就算季后赛之路恐怕都十分坎坷
推荐 亚洲AV国产AV手机在线 2020-02-20 09:05 369 7374
辽宁连续三天无新增病例 累计治愈出院58例
推荐 亚洲AV国产AV手机在线 2020-02-20 09:04 562 9518
贺繁星与闺蜜们的聊天记录,看到贺灿阳发的信息,笑出褶子了
推荐 亚洲AV国产AV手机在线 2020-02-20 09:04 720 7799
女星古装紫衣装扮,杨幂唐嫣刘诗诗赵丽颖郑爽谁是第一紫衣女神
推荐 亚洲AV国产AV手机在线 2020-02-20 09:04 482 9796
雨水过后,吃5宝,防3病,记好5件事!阳气十足不生病!
推荐 亚洲AV国产AV手机在线 2020-02-20 09:04 289 7295
白内障的六个秘密,老年人一定要知道!
推荐 亚洲AV国产AV手机在线 2020-02-20 09:04 568 7396
德国西部城市哈瑙发生一起枪击案 多人死亡
推荐 亚洲AV国产AV手机在线 2020-02-20 09:04 481 2491
援助国内疫情防控 武汉大学英国校友会在行动
推荐 亚洲AV国产AV手机在线 2020-02-20 09:04 943 1027
中国女版詹姆斯更新社交媒体,坦言真正的对手不是别人,而是自己
推荐 亚洲AV国产AV手机在线 2020-02-20 09:04 527 1763
欧冠-热刺0-1莱比锡 孙兴慜缺阵维尔纳点杀
推荐 亚洲AV国产AV手机在线 2020-02-20 09:03 448 2670
过于强调年轻化,天籁貌似失去了本色,抵不过雅阁凯美瑞
推荐 亚洲AV国产AV手机在线 2020-02-20 09:03 617 8997
场均27+12+9!约老师爆发的唯一原因:减肥20斤
推荐 亚洲AV国产AV手机在线 2020-02-20 09:03 281 6234
尼克斯新总裁推迟上任 优先策划韦德球衣退役
推荐 亚洲AV国产AV手机在线 2020-02-20 09:03 551 3457
IMF警告:阿根廷债务不可持续
推荐 亚洲AV国产AV手机在线 2020-02-20 09:03 202 3626
美军遭遇空前压力,塔利班伪装突袭,造成重大人员伤亡
推荐 亚洲AV国产AV手机在线 2020-02-20 09:03 266 6843
山东鲁能4名外援提前离开球队,2名本土球员因伤也退出训练
推荐 亚洲AV国产AV手机在线 2020-02-20 09:03 784 8903
街拍:清新优雅的美女,一件粉色上衣配灰色长裙,气质迷人风采
推荐 亚洲AV国产AV手机在线 2020-02-20 09:03 295 1873
被张子枫骗了好久,去掉十级美颜后她哪有那么瘦,有120斤吧?
推荐 亚洲AV国产AV手机在线 2020-02-20 09:03 707 5115
iPhone11 Pro Max:对不起,再见!
推荐 亚洲AV国产AV手机在线 2020-02-20 09:03 505 6809
渝农商理财有限责任公司获批筹建
推荐 亚洲AV国产AV手机在线 2020-02-20 09:03 967 9836
湖州:46家“双创”载体为千余科企减租1600多万元
推荐 亚洲AV国产AV手机在线 2020-02-20 09:03 687 5673
十二星座中最好追的三大星座,暧昧不清,面对爱情没有理智!
推荐 亚洲AV国产AV手机在线 2020-02-20 09:02 650 4220
终于知道陈赫为何娶她了,35岁用短裙穿出铅笔腰,换谁都喜欢
推荐 亚洲AV国产AV手机在线 2020-02-20 09:02 154 7286
迪丽热巴罕见透露心声,自曝没自信不主动,怕别人不喜欢自己
推荐 亚洲AV国产AV手机在线 2020-02-20 09:02 99 4057
山东省出台加快企业和项目建设复工复产若干措施 部分返程群体将享“点对点”服务
推荐 亚洲AV国产AV手机在线 2020-02-20 09:02 91 8796
明知皇孙不行,朱元璋为何不直接将皇位传与朱棣
推荐 亚洲AV国产AV手机在线 2020-02-20 09:02 182 6149
疫情中断深圳楼市独立行情,“要准备挨一段苦日子”
推荐 亚洲AV国产AV手机在线 2020-02-20 09:02 736 5480
全局规划,扫拖一体机器人清洁不漏扫
推荐 亚洲AV国产AV手机在线 2020-02-20 09:02 631 3276
三大重量级大剧撞档上线,李易峰佟丽娅孙俪,谁能霸屏?
推荐 亚洲AV国产AV手机在线 2020-02-20 09:02 374 5239
iPhone 9提前上手;日本推出AI自动识别禁止用户拍摄裸照手机
推荐 亚洲AV国产AV手机在线 2020-02-20 09:02 918 2287
原创 奥特曼的故事19,赛文奥特曼拼死战斗,佐菲发现神秘城市
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 857 654
平利县洛河镇:爱心人士情系教育,雪中送炭捐赠防疫物资
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 971 9625
方城县柳河镇:贫困群众感党恩,爱心捐献促防控
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 695 3385
接班桑乔?多特蒙德有意张玉宁前队友
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 516 6122
辽宁省下达66.8亿元资金支持春耕备耕
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 630 7721
靖州县汽车站新增两趟怀化班车 严把疫情防控关
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 710 5515
江苏无新增新冠肺炎确诊病例 新增出院29例
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 233 2287
青海新冠肺炎新增确诊病例0例 累计确诊18例
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 572 8669
广东新增新冠肺炎确诊病例1例 累计确诊1332例
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 209 8663
许廷伟:“只想把工作干好,尽一份责任”
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 708 2168
志愿者帮助采收爱心蔬菜
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 894 1530
迪拜赛穆古苦战晋级八强 美国黑马逆转法网亚军
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 576 9542
NBA重大预测出炉,詹皇已告别MVP!夺冠可能压快船
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 115 3980
湖北新增确诊349,武汉新增615,为何全省少于武汉?
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 320 9659
【绿色沁源】科技抗“疫” 智能机器人上岗
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 355 9114
街拍:瑰姿艳逸的小姐姐,一件灰色的连衣裙外搭皮外套,时尚大气
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 483 2845
“金融活水”助力企业开复工
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 290 4810
北京中小学生开启"线上指导 线下活动" 多校控制线上学习时间
推荐 亚洲AV国产AV手机在线 2020-02-20 09:01 373 7245
金毛喂饱自己的孩子后,还要单独喂另一个宝宝
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 940 6353
当不能走的小狗遇到不会飞的鸽子...这对真的超级甜!
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 222 1978
网上开庭解民忧,红岗法院战"疫"庭审两不误
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 91 1766
客厅惊现会动的”棉被”,走进一看让人笑翻
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 931 3212
只用3分钟,教你制作韩式小花束!
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 1000 5979
不敢回答这4个问题的男人,是在假装爱着你!
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 583 1153
西安市积极开展“不见面”招商 推进生物医药产业落地
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 372 1347
告诫:肺上火,咳嗽;肝上火,失眠;胃上火,口臭,一招去火,简单有效
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 541 5636
香菇直接清水洗是大错,学会2个小技巧,让脏东西小虫子乖乖溜走
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 240 4991
厉害了!鲜花不仅浪漫,还有这功效!
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 219 7967
水城县人民医院新冠肺炎“网络门诊免费咨询”服务开诊
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 512 601
这只猫平时看起来就挺可爱的,给它戴上比卡丘帽子后,更可爱了!
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 727 6588
青苗书画 | 素描灰调子,恰到好处的温柔!
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 426 4079
防控就是责任 他用行动诠释着责任和担当
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 413 1940
重庆医疗队“患者分级管理”方案落地孝感被国家卫健委作为典型在全国推广
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 728 4152
酒精消毒后致浑身烧伤!疫情期间,请务必正确使用酒精!
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 699 6828
好消息!包头市新冠肺炎首例治愈患者出院
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 462 5669
多队想招莫泰回NBA但他留上海,贝尔坦斯称感激马刺当初给机会
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 212 9253
343 工作室与孩之宝合推新款《光环:无限》主题软弹枪
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 563 3344
电动汽车创企 Atlis 展示超快充电电池与纯电动平台 用于中重型汽车
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 511 603
疫情影响下销售下滑明显 “线上销售”助力几何 ?
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 611 9500
吴若希为Kellyjackie招亲,开N项择偶条件
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 984 6960
发型不美?这些都不是问题,6种超棒解救办法!
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 351 3938
从那些样张预测下iQOO 3 5G的拍照能力
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 159 519
晴天钓鱼想有好鱼获?得注意这几点
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 236 8453
上厕所拉不出不来?一个地方拍三下,便意“自然来”
推荐 亚洲AV国产AV手机在线 2020-02-20 09:00 141 2242
跑步这么久,你测试过下肢力量在什么水平吗
推荐 亚洲AV国产AV手机在线 2020-02-20 08:59 184 1504
安舒在现场 | “声”援战“疫” 期待春天
推荐 亚洲AV国产AV手机在线 2020-02-20 08:59 232 6672
衣服上喷酒精,上车点烟连人带车爆炸?上海警方:谣言!
推荐 亚洲AV国产AV手机在线 2020-02-20 08:59 134 3095
河南147家新冠肺炎定点救治医院远程会商系统全部联通
推荐 亚洲AV国产AV手机在线 2020-02-20 08:59 138 9326
辽宁省委军民融合办助力对口企业复工复产
推荐 亚洲AV国产AV手机在线 2020-02-20 08:59 407 9191
在央视露脸的洪雅“竹钢”企业招人啦!超多优质岗位,等你来挑选!
推荐 亚洲AV国产AV手机在线 2020-02-20 08:59 292 8169
2月20日·吉林要闻及抗击肺炎快报 通化市新增确诊病例1例
推荐 亚洲AV国产AV手机在线 2020-02-20 08:59 974 2984