《UI设计》课件-4.UI什么是APP设计改版

`INTERFACE

DESIGN`UI设计基础课程案例X光片＋内衣氧气APP创始人徐黛妮01氧气最大亮点是场景化描述商品:文字+图片用到具有故事性的组图表达形式，将产品放在读者生活或向往的场景中拍摄。图片营造的生活方式刺激读者的购买欲，而不是产品本身。内衣导购+内衣文化分享→内衣电商+小额库存→UGC2014年6月，氧气正式上线。通过场景化描述内衣的方式，推荐和售卖内衣。（UserGeneratedContent，用户生成内容的意思）消费者：女性（“正在从女孩到女人蜕变”的一群人）如何获取：免费赠予，邀请为平台内衣代言如何持续：内衣文化社区（PGC+UGC）引导用户产品是什么：内衣（有形），态度或价值观（无形），场景式贩卖体验怎么付费：免费（试穿+拍照上传到社区），购买（*场景式）产品如何到手中：邮寄，平台展示01需求——流量（消费者？如何获取？如何持续？）交易——物流/资金从《胤祯美人图》、《紫禁城祥瑞》，到献给小朋友的《皇帝的一天》再到《韩熙载夜宴图》，《每日故宫》已经是故宫博物院发布的第五个App类产品了02每日故宫藏品高清图＋笔记+日历特殊节庆的动画效果，跳转到当天即可查看消费者：专业人士、深度爱好、小众如何获取：故宫文创大IP的周边，兴趣导向如何持续：工具类，暂无02需求——流量03需求——流量（消费者？如何获取？如何持续？）除了最基础的记步功能，Walkr还添加了社交元素。添加好友后，可以共同打造星际舰队，还可以拜访好友的银河。/app/6860?utm_source=baidu&utm_medium=sem&utm_campaign=WalkrWalkr的规则是，把你的步数作为动力来驱动飞船，只需要多走走，你就可以驾驶飞船探索应用里的数百颗星球：能欣赏各种各样的星际美景，还能与各种奇怪的外星生物在星河里相遇。04AT是一款时间追踪工具，简单地说就是设立一个目标时间，纪录你离那个时间点还有多远。软件的操作非常简单，配色也很清新可爱，还有一些角色可以选择，启用桌面部件能让你更方便地查看时间。需求——流量（消费者？如何获取？如何持续？）AT实用起来非常简单，首先你可以用它来跟踪一个日期。写上项目名称，选好开始和结束日期，再选一个自己喜爱的角色，一个日期追踪就这么建立好了。消费者：在往常的工具类中玩出新意如何吸引：游戏化，有趣，视觉04需求——流量（消费者？如何获取？如何持续？）产品使用对象Productconsumers

主要使用对象与使用场景

须了解使用者与购买者(TA)是谁，在什么状况(Context)下使用，从中发展可提高黏度/非用不可的情境应用工具：自主使用工具，社区：单人、多人使用综合体：多种利益团体，或系统A为B(如老人、小孩、宠物等）或ABCD等就话题或兴趣聚在一起与日常生活相联系，自己查询数据平台如淘宝平台连接商家和买家如医院平台连接医生和病患如健身平台连接健身房或私教和需要运动的人综合体附录1：APP类型工具社区（社交属性/兴趣导向/交易）reflectlyapp2019年Google最美应用例子在week8素材UIUX案例研究：我的停车场UIUX案例研究概念APP：宠物饮食APP改版提案改版项目流程，提纲参考选择一款APP进行改版提案(userstory和功能需求；用户画像)(思维导图整理要改版的界面功能)【例1】/work/ZNDg3NzA3NTI=.html【例2】根据尼尔森的十大交互原则来检验现有APP存在的问题选择一款APP进行改版提案(userstory和功能需求；用户画像)(思维导图整理要改版的界面功能)6、尼尔森十大交互原则大作业

汇报内容：1、什么APP？什么用户?解决用户什么问题？2、该APP目前的竞品有谁？通过体验该产品及同类竞品，你发现了所选APP具备哪些问题？3、通过与用户了解、资料搜索整理、界面体验（尼尔森十大交互原则）等方式发现了哪些问题或哪些需求，需要进行改进?4、原APP的功能架构图如何？你们团队打算从哪几个方面入手进行改版？列出相应的时间、计划5、改版页面不少于12个本PPT观点来自黑马青年目录1、改版的目的，从不做无意义的事情；2、制定时间规划，是为了治疗懒病；3、如何挑选改版产品，再也不是选“美”了；4、体验，这是你的第一次深度探寻；5、功能梳理，理清流程好开工；6、竞品分析，做好知己知彼；7、素材采集，打开禁锢的思维；8、体验，走了一圈才发现你可以更好；9、交互设计，实现你心中的更好；10、设计风格推导，符合产品的设计趋势运用；11、界面设计，碎片化积累；12、审核，寻找导师；13、调整优化，不放过任何一个细节；14、包装，整理设计思路；15、分享，设计交流。1、改版的目的，从不做无意义的事情在真实的场景中，有一部分设计师也存在着以下情况：a.项目参与度低，没有更多的机会发挥自己的专业；b.公司产品迭代缓慢或者视觉支持较小，空余时间较多；c.没有机会在项目中尝试一些新的设计语言；d.自学UI中，没有真实项目能够发挥；e.增强设计效率和产品设计思维等能力。如果你拥有以上的情况之一，利用自己的业余时间进行APP设计改版将会给你带来更多的提升空间，不但可以通过练习增强自己的设计效率，也能体验更加丰富的产品设计。在改版中也能不断加强一些交互或者产品的思维，可以让你在以后的工作项目中不局限在视觉层面，具备更多的产品思考，做出更合理的设计。2、制定时间规划，是为了治疗懒病制定时间规划不仅可以合理的利用好自己的业余时间，也能更好的按照这个规划表去逐步的推进这次改版项目，把一个大的事项拆分为若干的小事项，每天推进一部分，一次改版设计很快就在不断的推进中被完成。APP改版时间规划表大家可根据自己的习惯设置，表格形式还是简单的文字记录都可以，进度把控需要结合自身情况而定，确保其有效性。3、如何挑选改版产品，再也不是选“美”了面对应用商城里面海量的APP产品，你是否有点不知所措，如果选择一个自己从来不玩的APP，改版的时候对产品的服务模式、功能架构、交互逻辑等都是比较陌生的，需要一定的时间进行学习。如果选择一些大型的产品，由于其自身的设计团队就是非常的专业，你很难从中发现可以优化的点，即使勉强进行改版，也会发现自己设计得不如原版的好，进而打击自己的自信心。通过上面的分析，我们在挑选改版产品的时候，需要结合自身的一些情况先做出一定的预判，然后再去挑选现阶段相对比较符合的产品进行改版练习。a.挑选自己接触过的直接产品或者间接产品；b.对APP里面所提供的产品或者服务比较认可或者没有一定的排斥感；c.挑选无论是视觉层面还是交互层面都有一定优化空间的产品，别轻易尝试精品；d.如果身边有朋友使用过的产品优先考虑，因为可以成为你调研数据的来源；e.选择阳光积极型的产品，不做传递负能量或者违反规定的产品；f.初次尝试APP改版设计，从轻量级的产品入手，可以控制练习时间和自己的驾驭度。*轻量级：即产品功能专注做一件事情，如工具类的备忘录、天气、记账等。4、体验，这是你的第一次深度探寻这个过程需要你对产品有一个很深入的了解，不只是熟悉主流程操作逻辑，对一些偏冷门的功能操作也要非常的熟悉，如果是需要注册使用的产品，一定不要忽略注册会员以后的体验。最终达到的级别是你可以向身边任何一位朋友轻松的进行推荐和演说，能够通过你的讲解让他轻松地学会使用该产品。5、功能梳理，理清流程好开工当你对改版APP进行第一次深度体验之后，利用思维导图软件绘制出整个产品的功能结构图，思维导图软件种类很多。第一次进行功能梳理无需进行增删处理，真实还原产品现有功能即可，其目的是整理自家“仓库”，做到心中有数。在进行功能梳理的时候，如果遇到操作复杂的功能需要备注信息，以便自己后期预览时能够快速理解其含义。如果是第一次做功能结构图越详细越好，这将有助于你充分理解每个功能传达的含义。6、竞品分析，做好知己知彼深度体验完改版APP之后，做了功能结构图，此时你对所需要改版的APP以及这个行业的产品都有一定的认知，此时你再去体验直接竞品和间接竞品必然是以一个专家级用户的水平去探寻。在体验过程中需要结合改版产品的功能进行对比，可能第一遍体验无法很好的进行对比，所以需要至少体验3次以上才能很好的得出对比的结论。体验产品时需要注意的几个维度：a.不要急于进行总结，先进行至少3次以上体验；b.先看整体布局再分析局部细节；c.重点功能交互形式需要提取出来进行对比；d.主界面的各版块布局设计需要进行对比；e.配色分析，作为改版时的配色优化指导；f.图标和组件库的分析，找出细节的优化方向。进行竞品体验时，尽可能多的找出差异化的设计形式，作为改版APP优化的指导方向。由于作为UI设计师进行APP改版练习更多是视觉优化为主，交互优化为辅，所以我们需要在相同模块上面找出更多不同的设计样式，作为视觉优化的方向。如果你自身交互能力较好，也可以以交互优化为主，视觉优化为辅，这个可以结合自身情况选择。在进行竞品体验的时候也要根据优化目的的不同，着重的转移体验的重心。7、素材采集，打开禁锢的思维通过竞品体验你会总结出改版APP各个模块的差异化，相同的功能模块各自产品的交互形式、布局样式、视觉风格都存在各自的差异。此时，你对改版APP中的很多设计都一个初步的优化清单，你需要再深入一步，因为竞品的设计样式不一定就是值得借鉴的，我们需要寻找更多的灵感，打开自己禁锢的思维。通过国内外的一些设计平台、素材网站等我们可以去采集更多的设计样式作为灵感借鉴，日常的一个采集收藏习惯也就变得尤为重要了，作为一个优秀的UI设计师，我们需要养成这样的习惯。个人平时经常访问的设计平台有站酷、UI中国、致设计、Dribbble、Behance等，采集收藏灵感会经常用Pinterest和花瓣，都是一些大家经常访问的平台，所以不是别人知道你所不知的优秀平台，而是你没有他的良好习惯。8、体验，走了一圈才发现你可以更好采集完一些灵感素材之后，我们又回到体验改版APP的起点，走了一圈之后你会发现改版APP中很多你可以入手优化的方向，比起第一次体验，你会更加有信心能够做出一个不一样的设计作品。再次进行产品体验的时候，你需要带着脑海中处理相同功能板块的不同设计表现形式进行思考，寻找出更好的设计表现形式来解决这个功能模块。在构思优化样式的时候，可以绘制一些简单的草图，以防后期进行交互输出的时候遗漏灵感细节。在进行设计优化的时候先从灵感库中寻找较为符合的样式进行思维嵌套，然后再发散思维，融入自己原创性的思维，形成自己的原创思路。9、交互设计，实现你心中的更好作为UI设计师最终输出的必然是高保真的视觉稿，那么交互原型设计是为了快速的把自己的思路展现出来，所以不局限于原型软件的绘制，哪怕是纸上的草图绘制也是可行的方案。最终的交互稿是给自己看的，所以能看懂就能达到最终的目的。10、设计风格推导，符合产品的设计趋势运用在开始进入界面视觉设计时，我们需要对整体APP设计做风格推导，这将直接关系着最终界面呈现的效果。如果你是一位对行业趋势关注的设计师，各种设计趋势呈现在你脑海中，你需要进行筛选，结合改版产品的属性选择合适的设计语言去表达，切不可为了趋势而牺牲产品定位。在进行风格确定的时候，颜色的选择也占据一定的因素，我们可以选择改版APP现有的主色进行优化，也可以进行推翻重选。如果是重新选择配色方案，我们可以通过情绪版的方式在身边朋友或者各种群里进行。也可以与竞品形成视觉差异化，选择一些形成对比的配色方案确定好配色方案之后，我们需要考虑设计的表现形式，无论是何种设计形式都需要符合产品的属性。比如大标题、大圆角卡片、大投影等设计表现形式会在视觉层面带来不错的效果，却需要考虑信息量的因素，如果本身改版APP就属于信息量很大的产品，在选择时就要综合考虑。根据APP的风格定位，比如文艺类、娱乐类、儿童类等，那么设计的风格也会对产品风格定位起到一定的影响。11、界面设计，碎片化积累为了能够充分利用好业余时间，我们需要把数十个界面分配到具体的日程中，最大程度的利用碎片化的时间进行积累。规定自己一天完成两个界面，就要严格执行，只有这样你才能具备超强的战斗力。12、审核，寻找导师历尽艰辛你收获了希望，一套APP改版设计作品初步完成，接下来你需要寻找到一位导师，俗话说当局者迷，你自己构思出来的东西需要得到验证导师在哪里？a.可以是身边的同事/同学/老师/目标用户，导师不一定是大神，旁观者的意见都是具有一定的思考价值；b.通过一些设计交流群寻求意见c.通过设计平台寻找那些活跃的老司机；d.机缘巧合下加上的大神微信或者QQ；13、调整优化，不放过任何一个细节通过不同形式的意见反馈，我们即将面临一次调整优化，在众多的反馈意见中，我们也不能盲目的进行修改。14、包装，整理设计思路在进行作品包装的时候，可以加入自己的设计思路辅助传