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

摘要:北京时间20200214关于【UX 设计 0 到 1 的全方案思考与呈现】的具体情况和说明,让www.lancaixun.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在在免费线观看 2020-02-24 09:48 194 596
《凤凰解密》徒弟学成师傅饿死?现代汽车旗舰发迹史(一)
推荐 国产av在在免费线观看 2020-02-24 09:48 235 4412
因员工感染冠状病毒 三星 Galaxy Z Flip 韩国工厂关闭
推荐 国产av在在免费线观看 2020-02-24 09:48 558 5054
CCTV5/CCTV5+央视体育节目单(2月24日)
推荐 国产av在在免费线观看 2020-02-24 09:48 876 2665
王牌家族回归就惊现华晨宇被沈腾公主抱,网友表示让我来
推荐 国产av在在免费线观看 2020-02-24 09:48 559 3026
榜样,易建联捐赠上万件防护服!盘点CBA为武汉捐款的球员
推荐 国产av在在免费线观看 2020-02-24 09:48 793 4052
欧洲金靴最新排名:因莫比莱莱万并列第一,哈兰德赶超C罗
推荐 国产av在在免费线观看 2020-02-24 09:48 236 6402
又出问题?布蒂吉格团队称内华达州初选有“违规现象”
推荐 国产av在在免费线观看 2020-02-24 09:48 755 3122
残暴!詹姆斯恐怖平框暴扣,这人真的35岁嘛?全场2万球迷鼓掌欢呼
推荐 国产av在在免费线观看 2020-02-24 09:48 682 1527
喂奶的3个小状况半数宝宝都遇过,处理方法快来get
推荐 国产av在在免费线观看 2020-02-24 09:48 539 4256
佛罗伦萨1-1米兰:10人中提琴的普尔加罚球战
推荐 国产av在在免费线观看 2020-02-24 09:48 465 8378
憋坏了,释放了?再次紧急提醒南宁市民:疫情还没结束呢
推荐 国产av在在免费线观看 2020-02-24 09:48 795 3548
喜讯连连!贵阳花果园又一居民楼解封了
推荐 国产av在在免费线观看 2020-02-24 09:48 159 8973
胡辣汤等餐饮企业咋复工营业?郑州市场监管局给出“七个一”措施
推荐 国产av在在免费线观看 2020-02-24 09:48 231 3387
东营区一“口腔诊所”无视禁令被查处
推荐 国产av在在免费线观看 2020-02-24 09:48 760 6682
詹姆斯的硬核表现,看看ESPN对他的排名以及原因分析
推荐 国产av在在免费线观看 2020-02-24 09:48 271 5802
尤文有意引进埃里克森!曝曼联拒绝恐慌性引援
推荐 国产av在在免费线观看 2020-02-24 09:48 338 6947
湖人的田忌赛马的方法正在迷惑我们,他们根本不需要补强
推荐 国产av在在免费线观看 2020-02-24 09:48 919 3916
南谯:打好舌尖上的防疫战
推荐 国产av在在免费线观看 2020-02-24 09:48 409 8756
贝帅重用孙马利亚?王亚旗吴伟锁定首发!小何破门大连人1-4乌法
推荐 国产av在在免费线观看 2020-02-24 09:48 378 4771
10 球 5 助攻!卢卡斯
推荐 国产av在在免费线观看 2020-02-24 09:48 263 7656
不要托延要积极,不要心动要行动
推荐 国产av在在免费线观看 2020-02-24 09:48 114 3805
人只要能掌握自己,就是人生强者
推荐 国产av在在免费线观看 2020-02-24 09:48 881 9915
基层战“疫”日志:回访排查、代买代送、进出管控……24小时未曾歇
推荐 国产av在在免费线观看 2020-02-24 09:48 950 9478
Q4表现向好后,英伟达或仍面临来自自身与英特尔的双重危机
推荐 国产av在在免费线观看 2020-02-24 09:48 359 1119
一河如山海 警医父女间
推荐 国产av在在免费线观看 2020-02-24 09:48 120 7194
没有委屈就没有成长,没有挫折就没有成功,句句经典
推荐 国产av在在免费线观看 2020-02-24 09:48 102 8229
里昂主帅:阻止C罗有妙招 从未感觉到尤文受到裁判优待
推荐 国产av在在免费线观看 2020-02-24 09:48 762 8357
德云社曾收到的奇葩礼物,想搞笑但请别太过分
推荐 国产av在在免费线观看 2020-02-24 09:48 826 2794
港股异动︱工信部指加快5G特别是独立组网建设步伐 中兴通讯(00763)AH股均涨超6%
推荐 国产av在在免费线观看 2020-02-24 09:47 816 7044
喝粥养胃,吃饭伤胃?主食究竟应该喝粥还是吃饭?营养师告诉你
推荐 国产av在在免费线观看 2020-02-24 09:47 988 9045
吞云吐雾!小学生抽烟熟练,原因出在家长身上……
推荐 国产av在在免费线观看 2020-02-24 09:47 451 2402
听说最近大家厨艺大涨,能永久修复的锅也大受欢迎
推荐 国产av在在免费线观看 2020-02-24 09:47 344 3935
上班路上
推荐 国产av在在免费线观看 2020-02-24 09:47 717 8367
稳定输出!戴维斯全场砍下32分13篮板3助攻
推荐 国产av在在免费线观看 2020-02-24 09:47 572 6537
歌手第三期排名公布 华晨宇跌落至第二名怎么回事
推荐 国产av在在免费线观看 2020-02-24 09:47 948 7908
1碗面粉,2个鸡蛋,在家做鸡蛋糕,美味营养,一看就能会
推荐 国产av在在免费线观看 2020-02-24 09:47 853 4619
非洲多国遭受沙漠蝗虫灾害
推荐 国产av在在免费线观看 2020-02-24 09:47 458 4215
她是韩国版“若曦”,穿牛仔裤大秀“漫画腿”,怀抱鲜花娇俏可爱
推荐 国产av在在免费线观看 2020-02-24 09:47 97 4309
总冠军稳了?404球迷:威少是加强版詹姆斯,不夺冠绝不正常
推荐 国产av在在免费线观看 2020-02-24 09:47 237 6784
预防春困喝什么茶好
推荐 国产av在在免费线观看 2020-02-24 09:47 571 2780
炸萝卜丸子,加淀粉还是面粉?很多人搞错,难怪丸子不香,很油腻
推荐 国产av在在免费线观看 2020-02-24 09:47 358 764
浦东新区人社局启动“百人攻坚”行动
推荐 国产av在在免费线观看 2020-02-24 09:46 656 6540
金山心理医疗队驰援武汉
推荐 国产av在在免费线观看 2020-02-24 09:46 398 7281
「重磅」国家发改委:阶段性降低企业用电用气费用
推荐 国产av在在免费线观看 2020-02-24 09:46 383 9460
浦东外高桥发出租金减免倡议
推荐 国产av在在免费线观看 2020-02-24 09:46 377 1618
家门口就业 威海南海新区提供170多个就业岗位
推荐 国产av在在免费线观看 2020-02-24 09:46 738 4357
浦东国企助中小企业“战疫” 合计减租将超10亿元
推荐 国产av在在免费线观看 2020-02-24 09:46 187 4733
疫情期间“老有所依” 杨浦切实做好为老服务
推荐 国产av在在免费线观看 2020-02-24 09:46 127 4402
金山一男子未戴口罩进超市 抗拒执法被拘留
推荐 国产av在在免费线观看 2020-02-24 09:46 687 7899
今年市重大建设项目确定 浦东地区占比达三分之一
推荐 国产av在在免费线观看 2020-02-24 09:46 124 2068
租金减免 浦东张江保证双创企业健康发展
推荐 国产av在在免费线观看 2020-02-24 09:46 904 6059
疫情使漕泾助残扶贫基地鲜花滞销 爱心接力除却金山花农满面愁
推荐 国产av在在免费线观看 2020-02-24 09:46 806 2905
浦东陆家嘴金融城楼宇积极响应减租倡议
推荐 国产av在在免费线观看 2020-02-24 09:46 173 5538
韩国新增161例新冠肺炎确诊病例 死亡人数升至7人
推荐 国产av在在免费线观看 2020-02-24 09:46 836 3138
金山召开第79次区政府常务会议 确保防控和发展两手抓两不误两促进
推荐 国产av在在免费线观看 2020-02-24 09:46 491 9657
46分惨案,猛龙18战17胜疯狂!豪强掉队苦曼巴扎心吗?比欧文还毒
推荐 国产av在在免费线观看 2020-02-24 09:46 323 3784
晋中公积金精细精准服务 助力企业复工复产
推荐 国产av在在免费线观看 2020-02-24 09:46 779 5540
济南主要种植区早春瓜菜春播定植3月初将完成
推荐 国产av在在免费线观看 2020-02-24 09:46 953 9475
石油大王——洛克菲勒的经营之术
推荐 国产av在在免费线观看 2020-02-24 09:46 319 2088
滨州19家金融机构助力企业复工 实行差异化政策
推荐 国产av在在免费线观看 2020-02-24 09:46 127 6938
广西融安农民互助摘果战疫情
推荐 国产av在在免费线观看 2020-02-24 09:46 346 4603
山东省援助湖北医疗队员感谢家乡父老的支持,“活动很暖心”
推荐 国产av在在免费线观看 2020-02-24 09:46 602 9639
大众日报评论员观察|始终保持“战时”状态“冲锋”姿态,锻造牢不可破的责任链条
推荐 国产av在在免费线观看 2020-02-24 09:46 875 4183
重庆开州至云阳高速黄岭隧道入口至云阳南互通段启动勘察设计
推荐 国产av在在免费线观看 2020-02-24 09:46 517 2890
济南市上万名环卫工坚守一线—— 用脚步为城市“划出”疫情防线
推荐 国产av在在免费线观看 2020-02-24 09:46 569 5112
济南61个高速路及国省道疫情检测点今起全撤销
推荐 国产av在在免费线观看 2020-02-24 09:46 220 8983
我们都在,武汉就不会孤独
推荐 国产av在在免费线观看 2020-02-24 09:46 633 1099
青岛线上线下联动 加大国际市场开拓力度
推荐 国产av在在免费线观看 2020-02-24 09:46 737 6102
苏有朋30年后为陈志朋发声:他是被低估的表演者,他是我的英雄
推荐 国产av在在免费线观看 2020-02-24 09:46 231 3793
滦州返乡大学生:“青”力出击,志在抗“疫”
推荐 国产av在在免费线观看 2020-02-24 09:46 322 670
故乡的野菜(泥土芬芳)
推荐 国产av在在免费线观看 2020-02-24 09:46 320 7034
2.9T V6引擎,ABT套件加身,这台“A4”谁惹得起
推荐 国产av在在免费线观看 2020-02-24 09:46 809 3264
在校大学生就能落户!“人才争夺战”硝烟再起,青岛求贤若渴真诚“有请”!
推荐 国产av在在免费线观看 2020-02-24 09:46 871 5917
青岛国际经济合作区打出战疫“组合拳”,激流勇进求发展
推荐 国产av在在免费线观看 2020-02-24 09:46 894 1082
山东多措并举“菜篮子” 量足价稳
推荐 国产av在在免费线观看 2020-02-24 09:46 896 872
贵州下好“先手棋” 打好“两场战”
推荐 国产av在在免费线观看 2020-02-24 09:46 283 8076
全力詹末节9+5+3暴打绿军三巨头!塔图姆在全力詹面前41分也空砍
推荐 国产av在在免费线观看 2020-02-24 09:46 332 8506
能让女人“上瘾”的男人,通常都会做三件事情,单身狗们要懂
推荐 国产av在在免费线观看 2020-02-24 09:45 313 7878
浦东金桥减免租金 缓解企业现金流压力
推荐 国产av在在免费线观看 2020-02-24 09:45 466 5561
中国石油长庆油田全面动员部署,油气勘探生产有序启动
推荐 国产av在在免费线观看 2020-02-24 09:45 914 1923
仁寿:第一书记变“微商” 日销鸡蛋上万枚
推荐 国产av在在免费线观看 2020-02-24 09:45 160 5817
战疫情,党员在行动 临沂市渔业发展保护中心积极开展水生野生动物防疫指导工作
推荐 国产av在在免费线观看 2020-02-24 09:45 450 1647
浦东外高桥边检站助推东海平湖油气田复工复产
推荐 国产av在在免费线观看 2020-02-24 09:45 840 7495
海南省领导看望琼中阳江农场医院医生杜显圣家属
推荐 国产av在在免费线观看 2020-02-24 09:45 791 5107
庄木弟赴海湾镇检查调研疫情防控工作落实情况
推荐 国产av在在免费线观看 2020-02-24 09:45 228 5109
万宁扎实消杀遏止病毒传播
推荐 国产av在在免费线观看 2020-02-24 09:45 879 9053
定安多举措保市场安全稳定
推荐 国产av在在免费线观看 2020-02-24 09:45 137 9488
仁寿:防疫生产两不误 抢抓农时保春耕
推荐 国产av在在免费线观看 2020-02-24 09:45 662 1858
郑秀妍也太美了,穿淡蓝色开叉礼服坐沙发上,秀长腿优雅迷人
推荐 国产av在在免费线观看 2020-02-24 09:45 576 1775
英超:阿森纳逆转埃弗顿接近欧联区 曼联3:0获胜
推荐 国产av在在免费线观看 2020-02-24 09:45 578 2827
内马尔染红强强对话变进球大战 大巴黎4:3胜波尔多
推荐 国产av在在免费线观看 2020-02-24 09:45 178 7629
二战时,宣传部长戈培尔是如何洗脑,把德国人变成一部杀人机器的
推荐 国产av在在免费线观看 2020-02-24 09:45 956 3810
火箭敢提前亮剑:嘲笑我们没有中锋的,关键时刻你们也得撤下中锋
推荐 国产av在在免费线观看 2020-02-24 09:45 276 6558
霍尔特泪洒冠军时刻,5万磅奖金搭上球员赛末班车,妻子哭红眼
推荐 国产av在在免费线观看 2020-02-24 09:45 593 662
郭芳走访企业 检查防控情况并解决企业复工复产实际困难
推荐 国产av在在免费线观看 2020-02-24 09:45 573 3712
球衣退役 | 勒布朗·詹姆斯祝贺德怀恩·韦德
推荐 国产av在在免费线观看 2020-02-24 09:45 573 765
意媒丨裁判卡尔瓦雷斯的黑哨
推荐 国产av在在免费线观看 2020-02-24 09:45 836 2696
A 股低开沪指跌 0.39%,黄金概念逆市高开
推荐 国产av在在免费线观看 2020-02-24 09:45 426 1585
晋中市各开发区防疫复工两不误 招引上项齐推进
推荐 国产av在在免费线观看 2020-02-24 09:45 164 728