APP产品设计大揭秘

主题:APP产品设计大揭秘

时间:2019年6月13日


前言:app名字和icon的来源

主讲人:杨萌(网易传媒内容运营中心运营经理)

1.名字来源

Step1:了解市面上产品名称,总结好名字的规律

a.有辨识度、区分度

b.传播成本低(1.便于打字,说起,好记;2避免英文,3.元音结尾,朗朗上口,易于传播)

c.具有对目标用户使用产品唤起的能力

Step2:结合产品定位,脑暴产品拟定名

1.列出产品定位关键词(生活日常,温暖、治愈、真实、年轻、平凡等)

2.根据关键词发散出60多个产品名

Step3:300名目标用户投票选出产品名“咕噜

2.Icon来源

Step1:确定设计方向

a.结合名称,内容风格及产品定位

b.与现有app有区分度

c.色调保持一致

Step2:50个种子用户投票选出


App产品交互设计

主讲人:徐琳琳(网易高级交互设计主管)

1.什么是交互设计(人-机-环境)

a.交互设计处理的就是这些关键节点的“对话”

b.如何让双方(人,机)明白对方的意思,知道对方的进度,知道对方的困难,并且解决。。。

c.交互设计的是用户在使用一个系统/产品时所经过的“路径”,以及与系统/产品发生的“对话”。

2.交互设计在工作中的位置及作用

(交互设计同样需要贯穿整个产品流程,区别于产品经理,不同在于侧重点上的。个人认为产品经理做的是框架和策略,交互设计做的是体验,两者有交融,但由于个人技能背景不同,做了细的划分,本质上都是为了满足用户需求)

工作内容:

a.了解用户特点、需求、目标;

b.梳理用户任务和流程;

c.整理信息/页面结构;

d.提出设计方案草稿,制作原型;

e.跟进设计和开发;

f.跟进上线和迭代优化

3.咕噜的交互设计

3.1产品结构

与其他产品不同在于,页面的转换方式。传统通过点击,进入某种类频道,咕噜选用左右滑动,切换该主题其他视频内容。

弹幕热力图

弹幕互动


App产品视觉设计

主讲人:张伟(产品组设计主管)

1.UI设计师的几把刷子

“T”型能力:

设计交互能力——运营能力——市场研究能力——数据分析能力

                                       ↓↓ ↓ ↓ ↓ ↓ ↓

                                      行业积累能力

2.咕噜设计风格探索——APP设计思路

1.通过几个问题确定方向:

产品目标是什么?

面对的用户是什么人群?

他们的特征是什么?

我们希望用户在用我们产品时有什么用户体验?

2.情绪板的设计推导

Step1:原生关键词的诞生

Step2:发散思维,头脑风暴,确定最终的衍生关键词

Step3:图片查找,拼贴,搜集元素

Step4:关键词映射(视觉,心情,物化)

Step5:情绪版建立-色彩提取(高斯模糊或马赛克处理)

Step6:最终配色方案

3.Icon设计演变

a.icon种类:线性(粗,细),面性(扁平,写实)和线面结合

b.Icon元素比重

c.Icon变化

4.排版布局-首页

绿色:单手轻松可点击区域、             橙色:单手勉强可点击区域                红色:单手无法点击区域

5.排版布局-其他页面

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容