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协议


查看更多
松下纱荣子视频|猫咪maomi官网线路一线路二|美国人疯狂做人爱视频|欧美色在线播放+APP下载|九色久色|正在播放厕所偷拍视频|么公的粗大征服了我 小说|aⅴ精品导航|aⅴ在线视频蝌蚪|成人版抖阴App|色噜噜2018在线视频|欧美av大香蕉|免费体验120秒的视频动态图|草莓视频在线下下载免费安装|日本一级做人爱c视频正版免一费|少妇沉沦和老头|东方伊甸园pp6scom|www93ccc|先锋fx资源搜索日韩AV|茄子直播污污|

实时推荐

金龙鱼:国内粮油巨头登陆创业板
推荐 2020-09-21 10:10 539 8926
“国际友人Qingdao”体验行 解锁青岛之美
推荐 2020-09-21 10:10 759 6089
醉酒后吃什么样的食物可以养胃呢?
推荐 2020-09-21 10:10 801 9213
每天玩个1—2小时,运气好了够一个月的零花钱了
推荐 2020-09-21 10:10 993 1229
压力传感器等几种常见传感器应用领域介绍
推荐 2020-09-21 10:10 534 551
热门校园风早秋穿搭,卫衣年轻又阳光,百搭牛仔裤谁穿谁好看
推荐 2020-09-21 10:10 665 9159
话剧《雷雨》《雷雨·后》展演季启动 影后吕星辰倾情诠释时代传承
推荐 2020-09-21 10:10 763 4219
联接 计算,打造新基建坚实底座——访华为云CTO张宇昕
推荐 2020-09-21 10:10 419 4570
这两名长宁人成为“上海青年社区达人”!
推荐 2020-09-21 10:10 443 560
上海市高级人民法院干部何斐明任前公示
推荐 2020-09-21 10:10 878 9086
上海市经济信息化委关于开展2020年中国优秀工业设计奖本市推荐工作的通知
推荐 2020-09-21 10:10 197 6423
长宁新建一个科普基地,近期向社会免费开放!
推荐 2020-09-21 10:10 896 4740
国产SUV组团出道,6款车型最低5万起,总有一款适合你!
推荐 2020-09-21 10:09 760 5816
汽车钥匙只能开门?你错了!还有这几大功能!
推荐 2020-09-21 10:09 944 9806
刘备肚子饿了,刘安知晓后马上把自己妻子捆了,给刘备做了碗肉汤
推荐 2020-09-21 10:09 934 2929
今日体育比赛直播预告:中超第12轮恒大、鲁能、申花和苏宁
推荐 2020-09-21 10:09 368 2645
利普卓将BRCA突变晚期卵巢癌患者的疾病无进展生存期由安慰剂组的一年多提升至四年半
推荐 2020-09-21 10:09 678 9756
贵州省投入逾2.4亿元应急救灾救助资金
推荐 2020-09-21 10:09 807 9964
2020“薪火传承·中国健康跑”宁夏盐池站激情开跑
推荐 2020-09-21 10:09 329 1953
eStar3比1击败TTG,纵情打野节奏起飞,新人梓墨获点赞
推荐 2020-09-21 10:09 410 9401
海外华文媒体走进四川南充 点赞西充产业高质量发展
推荐 2020-09-21 10:09 740 974
大理州多措并举促投资稳增长
推荐 2020-09-21 10:09 866 7869
中国专家学者朔州“论”瓷:陶瓷出口新兴市场成亮点
推荐 2020-09-21 10:09 218 3296
《长三角全域旅游绿色发展宣言》在浙江衢州发布
推荐 2020-09-21 10:09 574 906
本来长平一战,秦军已经消灭了赵军主力,为何40年后才灭赵国?
推荐 2020-09-21 10:09 841 1042
3.0T六缸+首款自研9AT变速器将上车!长城坦克300内饰曝光
推荐 2020-09-21 10:09 316 1990
【最新】湖北一地机场被列入国家战略!所在城市将迎来大发展
推荐 2020-09-21 10:09 120 8461
2020年9月20日湖北省新冠肺炎疫情情况
推荐 2020-09-21 10:09 443 9681
这就是鄂 | 100秒看湖北:全力以“复”正增长
推荐 2020-09-21 10:09 302 1014
太直白!杜兰特谈拒绝尼克斯因被烦1年,签纳什并不是他的意思
推荐 2020-09-21 10:09 255 1298
环球大口径机枪面面观
推荐 2020-09-21 10:09 688 1725
全面掌握内容 深刻领会精神
推荐 2020-09-21 10:09 502 4650
布朗:输球后无法入睡 前2场比赛不能说明我们实力
推荐 2020-09-21 10:09 421 8945
糖炒板栗不用买,一口平底锅就能做,个个香甜不用剥,做法超简单
推荐 2020-09-21 10:09 960 4911
秋天养生,多吃3种食物,补肝益肾,促进排毒,想生病都难!
推荐 2020-09-21 10:09 512 4800
秋天养生不妨多吃3物,排毒养颜,滋养肌肤,滋养子宫
推荐 2020-09-21 10:09 652 3844
巴蜀笑星跨界玩摇滚 “三娃子”激情嗨唱新歌曲
推荐 2020-09-21 10:09 131 579
幼儿园老师最讨厌的2类家长,为了孩子好,家长请对照自查下!
推荐 2020-09-21 10:08 369 2439
大腿变粗了?6式瑜伽重塑你的纤长美腿
推荐 2020-09-21 10:08 191 6234
肾友须知:学好这10条“金科玉律”,让您的透析更安全有效
推荐 2020-09-21 10:08 944 4804
注意:按摩不当易受伤
推荐 2020-09-21 10:08 658 4366
大脑从22岁就开始衰老了?预防大脑老化,可以试试这些办法吧
推荐 2020-09-21 10:08 120 2235
史上最短发布会?王俊凯5分钟讲完,Reno4 SE亮了
推荐 2020-09-21 10:08 744 2554
原创 回婆家,午餐婆婆和我一起准备,有菜有主食有汤,网友:太清淡!
推荐 2020-09-21 10:08 837 8036
国产已经能和合资正面对抗,比如这台GM8就比GL8的实力强
推荐 2020-09-21 10:08 220 6985
末节最后时刻掘金打出一波11-2的小高潮,目前反超比分
推荐 2020-09-21 10:08 317 1400
谢娜穿蓝色"人鱼裙"高调亮相, 却被嘲太土?
推荐 2020-09-21 10:08 836 5903
中冶天工中国医学科学院肿瘤医院分院(廊坊院区)项目开启“百日会战”
推荐 2020-09-21 10:08 959 5603
李宇春穿绿色的半拉链外套,搭配黑色短裤,身材蛮好的
推荐 2020-09-21 10:08 230 2016
好喜欢秦海璐的性格,分享化妆品不废话、没广告,好用就完事了
推荐 2020-09-21 10:08 96 8289
十五的月亮十六圆,宝珀的月相五万元
推荐 2020-09-21 10:08 266 8918
早秋尽量不要乱穿衣!跟着刘雯来搭配,时髦显瘦还很高级
推荐 2020-09-21 10:08 888 2717
吃食唠唠——山药
推荐 2020-09-21 10:08 973 4330
韩国解说分析S10:第三赛区是最后的底线,绝对不能输给北美
推荐 2020-09-21 10:08 660 632
好水就是最好的“保健品”
推荐 2020-09-21 10:08 925 3202
UZI体会了RNG四保一的威力,Gala丝血不死,GNR惜败
推荐 2020-09-21 10:08 343 5707
入秋后,这些基础性疾病老年人尤其要当心
推荐 2020-09-21 10:08 543 1857
2020年菏泽市网络安全知识竞赛收官,市生态环境局代表队夺冠
推荐 2020-09-21 10:07 479 2570
拉玛西亚球员再被排挤,哈维第二千万不要离开,科曼不是救世主
推荐 2020-09-21 10:07 596 990
行道树倒塌 贵安公路局及时抢险
推荐 2020-09-21 10:07 783 1003
在国际象棋界打遍天下无敌手的他,玩足球游戏也是世界前十
推荐 2020-09-21 10:07 275 566
2020台风路径发布系统 12号台风白海豚生成最新消息!台风红霞停编11号红霞最新路径
推荐 2020-09-21 10:07 844 6089
爆笑段子:乡下有一大伯种了一片西瓜昨晚硬是把偷西瓜的整服了
推荐 2020-09-21 10:07 313 3904
学廉洁成语 讲传统故事 鹤湖新居廉洁主题图片系列展持续到11月15日
推荐 2020-09-21 10:07 797 2579
山东武城:生猪出栏量增加价格下滑 相关猪肉制品价格稳中有降
推荐 2020-09-21 10:07 761 6329
请定好您的闹钟,秋分时节即将到来
推荐 2020-09-21 10:07 819 7886
苦瓜怎么做,苦味小,颜色绿?大厨:教你4个技巧,轻松搞定
推荐 2020-09-21 10:07 217 4956
聊城:9月份第三周市场价格运行稳定 供应充足有序
推荐 2020-09-21 10:07 876 4249
淄博临淄:近期汽油价格小幅下跌
推荐 2020-09-21 10:07 541 5146
二美:愿你可以突破所有障碍,做最勇敢自信的自己
推荐 2020-09-21 10:07 264 5373
骑士又成笑柄?詹皇小弟带头,4将拒参加训练营!新任老大也想走
推荐 2020-09-21 10:07 897 8399
【走进未脱贫摘帽县】英吉沙:同样的土地 更高的收益
推荐 2020-09-21 10:07 525 3376
这是你一直珍藏的从警记忆,对吧?
推荐 2020-09-21 10:06 983 4867
颜值与实力的和谐搭配,日立R-X750GC冰箱测评
推荐 2020-09-21 10:06 771 9935
富平交警:突出重点,分类施治,下大力气加强重点路段交通治理
推荐 2020-09-21 10:06 980 9326
三优质项目落地助力武夷山茶旅产业高质量发展
推荐 2020-09-21 10:06 501 4375
长白山森工集团监事会主席姜银哲到汪林调研
推荐 2020-09-21 10:06 460 4361
戎阳深入市开发区调研经济发展和项目建设等工作
推荐 2020-09-21 10:06 988 6244
江西推介生态旅游
推荐 2020-09-21 10:06 456 845
南师大通报一学生在宿舍死亡情况 南师大20岁学生死亡真相
推荐 2020-09-21 10:06 439 8687
每日一画 |《东风绿高原时在》
推荐 2020-09-21 10:06 203 1721
Steam限时特惠!《哈迪斯》《生化危机3》《地铁离去》史低
推荐 2020-09-21 10:06 114 772
第二次到青岛海涵人家吃农家宴,满满一桌的菜量大实惠吃到撑!
推荐 2020-09-21 10:06 693 6592
嚯!恁大一个!索尼PS5真机曝光约2700元起11月发售
推荐 2020-09-21 10:06 507 6723
30岁女人的一周精致穿搭,兼顾舒适度和时尚感,每天穿衣不重样
推荐 2020-09-21 10:06 333 4236
奔驰发布超走心微电影 李宗盛不做"广告"讲人生
推荐 2020-09-21 10:06 990 4979
习水:坚决保障农产品质量安全
推荐 2020-09-21 10:06 967 2609
江西推出“友邻卡” 18个景区赠好礼
推荐 2020-09-21 10:06 882 6555
老两口每周去医院却不看病,背后故事很暖心
推荐 2020-09-21 10:06 691 2204
焦迈奇新歌《猫常常给我人类的感受》,关于纷繁世界里的小日常
推荐 2020-09-21 10:05 341 1529
孙兴慜再出“神作”,大圣归来热刺不可小觑(超级比赛周)
推荐 2020-09-21 10:05 792 6964
雪碧音乐人大赛圆满落幕!中粮可口可乐华中公司助力音乐梦想启航
推荐 2020-09-21 10:05 93 7992
“笑出内伤”的穿帮镜头,鹿晗我忍了,王一博衣服就过分了吧!
推荐 2020-09-21 10:05 158 3140
艺人赖冠霖中学照片被曝光 现在的他变得越发出色
推荐 2020-09-21 10:05 168 5197
细数影视剧里的毁容妆,张曼玉让人心疼,蛛儿最经典,唯独他搞笑
推荐 2020-09-21 10:05 668 9010
《偷心画师》首播却成网络小说集锦,假孕、契约婚书情节无处不在
推荐 2020-09-21 10:05 176 3226
电梯AI智能识别设备-楚纳电梯-智能系统
推荐 2020-09-21 10:05 917 9386
青岛农商行的上半年:公司贷款增量六成流向房地产 向“16次成为被执行人”企业授信超2亿
推荐 2020-09-21 10:05 145 4322
郭麒麟减肥前后照片对比 逆袭变男神成德云社颜值扛把子
推荐 2020-09-21 10:05 582 3919
温馨提示!“黄金周”消费高峰将至,理性消费放在首位
推荐 2020-09-21 10:05 561 1016