标签归档:达坎莫莫

刘嘉玲与关之琳的关系怎么样 刘嘉玲关之琳恩怨是什么

  据香港媒体报道,8日,刘嘉玲出席某活动。早前她被关之琳指责与前夫陈泰铭爬山是不顾及别人感受的行为,问到她是否仍介意?她表示:我理解她的心情,不会介意。被问到可不可以做回朋友,她回答:“这要看她,但我相信时间可以解决一切。”

刘嘉玲与关之琳的关系怎么样 刘嘉玲关之琳恩怨是什么 刘嘉玲关之琳近况

关之琳与陈泰铭离婚

  11月16日,关之琳的女朋友开腔说,关之琳与陈泰铭结婚一年,男方不肯公开两人关系,理由是担心前妻承受不了,加上陈泰铭两个女儿不想爸爸再婚,一直低调隐婚,即使在朋友面前,也未公开已婚喜讯。为此频起争执,加上生活细节不和辙,人品质疑,最后决定分手。据说是关之琳提出来的,她没要赡养费或者财产分配。在富商堆中打转的半生,关之琳自己手里的钱这辈子应该也使不完,到现在这个年龄,钱不是她的猎物了。2009年,关之琳在45岁盛年宣布息影,鲜少露面,好好经营这一段感情,把婚恋进行到底不再恋慕外面浮华,拳拳之心可见,可惜人生剧本叵测,人生舞台上每个演员各有自己的命运和节奏,我们看到的是平地起惊雷,尘土飞扬急刹车,那是当事人省略了忍无可忍如坐针毡的万字生活箴言。

刘嘉玲与关之琳的关系怎么样 刘嘉玲关之琳恩怨是什么 刘嘉玲关之琳近况

陈泰铭跟刘嘉玲爬山

  关之琳和富商陈泰铭这一段七年的关系终结,当然不是因为陈泰铭跟刘嘉玲爬山,吃醋升级这么简单,就像关之琳说的,大家都是成年人,风雨兼程见多识广,深谙游戏人生真谛,哪有那么不堪一击的。而刘嘉玲面对是否是关之琳闺蜜的问题,是这样回答的:“我都不知道她结婚离婚,不是best friend咯!”

  虽然刘嘉玲没必要为这段关系承担全责,但是俩人命中的确有很多互相针对的天象。

如何做好运营不踩坑?套路之后仍需纵观全局

  互联网热点来得快去得快,所以有人更看重“唯快不破”的营销力量,但这种随时可以出现、又或者很久不会出现的营销方案,我们最好把它们放在“爆款”的位置上,偶尔有一次就好,不要只盼着它的出现。

  事实上,在套路颇深的现在,我们必须做好应对每个环节的准备,除了“爆款”式热点营销,还有很多稳定时期的营销“套路”等着你去掌握。

  想凭套路得人心,你需要熟练掌握规则。

  什么是套路?就是大家努力在寻找的一种“成功的公式”,三分钟教你写出好文案、五个要素告诉你内容运营怎么做、八个案例为你讲解推广陷阱……诸如此类,我们很清楚互联网时代,你想得到的想不到的都能成功,模式太多,竞争又大,每天恨不得为你造出八个小热点来,但无论互联网将这个世界变成一种如何内容多样化的存在,我们仍然能找出一种“通用”的规则。

  在熟练掌握这些规则之日,自是你离成功更近一步之时。

  规则一:用情感把信息包裹

  纯粹地阐述有价值的内容,你可能只会获得“夏洛克博客”的冷清(因为全是枯燥的理论分析所以无人问津),但如果把这些有价值的信息,用情感加以装饰,你就能像“华生笔下的夏洛克”一样受到满世界的关注(记录破案故事+讲述案例中引用的理论分析)。

  信息是你带给用户的主体内容,你要告诉用户这产品是什么有什么用、或是活动是什么该怎么做,总之就是品牌、折扣等一系列最纯粹的信息而已。

  情感则是在这些信息的基础上,加之以视觉冲击、互动或是故事等让用户更乐意接受的方式。

  比如:

  “品牌宝七月活动:套餐可享立减500-1000元现金”

  很理性的信息,却让受众面变得狭窄,如果把这个“理性信息”包装成情感化的表达,让信息充当骨架,情感充当血肉,整个内容才算有血有肉。

  比如:

  “TOP5互联网、IT资讯平台的网页快速收录、每日百万流量的运营者教你做推广”

 

  规则二:内容也要动静结合

  也就是流量内容与存量内容直接的结合,存量内容是主体沉淀下来的根基,流量内容则是为了让整个运营流动起来、时刻保持活跃度。

  比如优质的内容、不具有时效性的干货可以存下来做存量内容,而蹭热点、偶尔搞个活动等方式则可以用来做流量内容。

 

  规则三:要充分发挥各种“套路” 你需要掌控全局

  每个企业都有它存在的价值,为了哪些用户、给出哪些服务、起到什么作用……当你学会各种套路之后,你必须要注意统筹全局,因为你在零散地对待各种营销策略时,可能收效甚微,而当你把它们当成一个整体来看待,并能让这一系列的套路、营销方式出现在你的整个内容体系中,你才能将所有的套路织成一张大网,然后获得最完整、也最有效的运营效果来。

  如果你很难将这些散落的套路与技能织成一张大网,你也可以选择可以为你提供整合营销与专属方案、掌控全局营销服务的A5品牌宝。

品牌营销怎么做,A5好推宝给你支招

  在这个竞争激烈的时代,国内大多数商品市场已经处于”供过于求”的局面,一夜之间会诞生许多企业,但同时也会消亡许多企业。只有不断培育和塑造自身品牌,才能在激烈的竞争中立于不败之地。

  让品牌本身就成为一个广告位,让别人看到你的标志就想起来你的品牌,看到你的品牌就想到你的产品。对于初创企业来说,如何做好品牌营销,让自己的品牌被人所知呢?A5好推宝与你一起分析:

  一.自身个性

  可以品牌命名、包装设计、产品价格、品牌概念、品牌代言人、形象风格等出发,做到独树一帜,有鲜明特色。尤其是LOGO的设计、产品主体颜色等,如蓝色的百事可乐、红色的可口可乐、绿色的雪碧、黄色的芬达;天猫的黑猫、京东的狗、旺旺的小娃娃等一见到就会引人想到品牌的LOGO。

  国际流行色协会调查数据显示,在成本不变的情况下,合适的、受欢迎的色彩设计,可给产品带来10%-25%的附加值,初创者可不要小看了色彩的设计。

  二.品牌树立

  品牌暗示了一定水平的质量,良好的客户体验和与身份、品味相关的心理感受,可以大大提高了回头客和口口相传的比率。品牌的树立最为关键,可以分为:

  1.质量

  无论是任何行业任何产品,质量永远是第一位,质量的好坏对于品牌的忠诚度、遗弃率的影响是非常高的。如果想要树立起品牌,维护良好的口碑,质量永远是重中之重。

  2.定位

  你的消费者是男是女,年龄层次,消费水平等等,都可以根据这一系列的定位找到最精准的消费群体。而且一旦确认之后就不要轻易改变,否则就像高档西装店突然卖起童装;西餐店里突然有了蛋炒饭一样,让老顾客感到不适,新顾客犹豫不决。

  3.维护

  对产品、顾客的维护至关重要,一次性生意不是长久的,维护好与顾客之间的联系才最为重要。

  三.品牌营销

  1.广告

  利用不同平台资源的整合来达到口碑传播的效果,如一般的硬式广告,如报刊、广播、电视、户外广告等传统媒体,还可以撰写软文,在各大媒体平台、论坛、贴吧发布。

  2.搜索引擎优化

  调查显示,有87%的网民会利用搜索引擎服务查找需要的信息,而这之中有近70%的搜索者会直接在搜索结果的自然排名的第一页查找自己所需要的信息。所以,搜索引擎优化必不可少,尤其是对于互联网创业者来说,至关重要。每当这种时候,你都少不了得力的助手,找一个得力的助手,如A5好推宝。

  品牌营销不只是一时,而是需要长久的维护与巩固,从品牌的长远发展作为出发点,通过A5好推宝(http://www.admin5.cn/pinpai/haotuibao/)的传播,让你的品牌在百科、新闻、问答、论坛等各种渠道都能找到信息,提升品牌形象,形成二次转播和转化,助您抢占流量、打响品牌、赢得先机!

知识营销的3个关键点,就在乐高的这个知乎问题上!

  品牌提问并不是问了就走,而是最大化让用户的内容价值转化和让渡给品牌。

  

 

  知乎的品牌提问功能上线后,乐高在知乎上提了一个问题:你遇到过宝宝的哪些谜之行为令人费解?

  本文作者通过乐高的这一案例带领我们探索做知识营销的关键所在。

  问题炸出了不少宝爸宝妈,大概「谜之行为」实在是一个颇有「吐槽欲」,又颇有吸引力的话题,特别是不少父母用图文并茂的方式讲述了自家宝宝各种有趣的行为,吸引了不少知友点赞。

  

 

  从乐高的这一案例中,我们能获得哪些启示?

  这还要从目前品牌对在知乎上传递品牌信息,与消费者沟通的一个困惑说起。

  关于在知乎上的营销玩法,相信大部分品牌主仍停留在品牌答主的印象中,找寻备受用户关注而又与话题或行业相关的问题,由品牌从自身专业或经验进行回答,给予用户别样的视角和内容。最常被提到的经典案例莫过于奥迪「刨」出几年前的骨灰级话题「为什么说奥迪是灯厂」,旧题装新酒,让奥迪作为品牌在知乎上迅速抢位。

  但「灯厂」这样的天时地利人和并不常有,更多时候品牌还是在日常中面临如何向知友输出以及输出什么样内容的困惑,因此,下图中类似的问题在知乎上并不鲜见。

  

 

  从品牌回答者向提问人的转变

  从去年底开始朝着广告规模化发展的知乎,在今年频频提到一个概念「知识营销」

  SocialBeta 想再补充的一点是:知识营销,既指营销被拔高至品牌与消费者之间围绕知识、经验、情感等泛知识类信息进行沟通,同时也暗含了另一层意思,知乎的知识营销,跟传统商业模式不太一样,不是一次性的,不会随着信息流下沉而结束,品牌内容在知乎上具有内容下沉、沉淀和多次传播的潜在价值。

  这层意思倒是与知乎多次强调的「知识营销是品牌的一项长期的内容投资」意味相符。但这似乎让品牌在长尾效应与短期目标之间举棋不定。因为,品牌可能更关注的还是效果,即:在知乎做知识营销,效果能立竿见影吗?

  知乎目前已形成了较为丰富的广告产品体系。从基础回答到原生文章、品牌 Live,还有《知乎日报》中的信息流广告,不可谓不立体。但这些广告产品大多有一个共性,那就是品牌是传播知识性内容的主体,较高的内容生产门槛让品牌难以持续产出内容,更难与具体目标或 KPI 达成平衡,因此,才会出现上述关于机构号运营的迷思。

  破解的方法有哪些?SocialBeta 在本来开头提到的乐高的品牌提问案例,就是一种思路上的转变。从回答者的身份试着转变为提问人,解放品牌生产力,调动用户积极性。我们来分析下这一案例。

  从乐高的机构号主页不难看出,乐高是刚来到知乎的新人。它目前在知乎上仅通过品牌提问提了一个问题。

  

 

  但截止本文发稿前,这一问题在知乎吸引了 146 个回答,并获得了2005 个关注,从传播力和互动量来看,这个效果绝不亚于一篇 10 W+。通过知乎指数可以看出,乐高的话题热度有显著提高。

  

 

  SocialBeta 之前曾报道过,虽然早期出现的品牌机构号本身也有提问功能,但作为商业广告产品的「品牌提问」不仅有着明确的广告标示和品牌露出,与社区提问相比也享有更多的功能权限和流通机制,能够让品牌在把握话题和引导传播方面更有主动性。

  从问题设置角度看,这是一个有着明确回答对象的问题,谁来回答,喜欢晒娃的年轻父母,伴随互联网发展成长起来的 85 后,90 后,有着天然的 Social 基因,乐高的问题就是成功吸引了这样一群「晒娃狂魔」。

  都说乐高是成年人的玩具,但说到这次提问的目的,却是乐高推广旗下专为幼童和学前儿童打造的学前玩具系列——乐高得宝。不少知友在分享孩子的趣事时都提到了玩具,这也与乐高得宝有着直接的品牌关联。

  在问题介绍下,乐高附上了一个 H5 跳转链接,这是一个数字小课堂,通过这支 H5,乐高向父母输出了孩子在运动能力、语言能力、认知能力和情感社交能力上的成长知识。在知友分享孩子的谜之行为后,也能进一步了解这些行为背后的原因,达到教育用户的目的。

  

 

  关于知识营销的 3 点建议

  从乐高在知乎的品牌提问实践,我们也不难总结出在知乎上进行知识营销有哪些不可或缺的元素。

  1 一个有回答欲的问题:有话题性的问题不一定是有回答欲的问题,前者用户愿意关注、分享转发,但「回答欲」才能激发用户去自我贡献和分享内容。知乎上有一个问题:你为什么在知乎上回答问题?其中一位知友的回答是:问答社区奖励、乐于助人和知识自我效能是用户愿意贡献知识的最主要因素。其中,知识自我效能和乐于助人是最重要的内在动机。

  不止是乐高,QQ 音乐的问题「『喜欢你』用一句歌词怎么翻译?」,天猫的问题「你有哪些兴趣爱好让你的钱包被掏空?」都让人有这样的回答欲。

  2 明确的品牌目的:和普通用户抱着好奇心或求知欲提出问题的目的不同,品牌提问带着明显的商业诉求,在与消费者进行沟通的前提下,有着更具体的传播诉求,比如天猫是为了品牌升级而传播,乐高为了推广旗下品牌乐高得宝,除此之外,还有直接让提问成为Campaign 中一环的。

  比如,宝洁旗下的剃须刀品牌博朗在 10 月连问了三个问题:要成为游戏党有哪些「神设备」、如何成为一个「offer 收割机」、为了追女生,你试过怎样折腾自己。博朗自己介绍,这是它的「最燃挑战」系列提问,三个问题分别对应游戏篇、求职篇和撩妹篇。系列篇的思路,品牌肯定不陌生,在一个 Campaign 主题下,拍摄多支多视角的视频已经成为标准创意动作,围绕一个话题的多个提问相比单个提问,或许更能起到 1+1>2 的效应。

  3 品牌落地及反馈:品牌提问并不是问了就走,而是最大化让用户的内容价值转化和让渡给品牌。一个问题,品牌也得当作一个 Campaign 或项目对待。乐高在提问下附上了一支 H5,为宝爸宝妈打造了一个更深入了解孩子的数字小课堂。

  同样把话题聚焦在亲子关系,同样想要吸引年轻父母消费群的皇家美素佳儿,则在知乎的基础上搭建了一个知乎北鼻版,上面的问题大多来自孩子的天真发问,通过知乎衍生内容页面进行承载,有了更集中的展现,同时不会随时间而下沉,真正成了品牌的内容资产。皇家美素佳儿还加上了天猫的购买链接,让销售转化也能一步到位。

  

 

  关于话题的产出,知乎商业副总裁高强曾告诉 SocialBeta,首先品牌要明确他的传播诉求,想要进行沟通的用户人群,另一方面,知乎团队也会基于对社区内容、话题的运营经验提供专业建议。「这个过程需要经历一些磨合阶段,它的核心挑战则在于品牌内容,是否合乎知乎整个调性,或者用户需求是不是完全符合,或者说我们所采取这个风格是不是完全符合,这个是我们要商量的。」

  最开始,品牌将知乎作为一块试验田,尝试新鲜的营销玩法,讲一个新的品牌故事。但随着「知识营销」的价值被逐渐放大,品牌在知乎上与知友沟通变得日常化、常态化,将知乎当做长期内容投资平台的品牌主在尝鲜之后,也需要不断思考:如何持续不断地讲出好故事,提出好问题。

基础知识!聊聊交互设计三要素之细节设计

  @黄红艺Designer :交互设计三部曲终于写到最后了,今天聊聊交互设计的最后一个要素 —— 交互细节设计。本要素是在前两个要素指导下的设计实践,也是交互设计可视化与形象化的关键。

  往期回顾:《基础知识!聊聊交互设计三要素之信息架构和流程设计》

  相对于前两个要素的完整性和系统性,第三个要素-交互细节设计,就显得琐碎和零散。根据交互设计由浅入深的渐进,交互细节可以分为布局、控件、适配、音效与动效、流(目光与手指的循迹)等等。接下来,我们就从布局开始聊一聊交互细节设计。

  首先是布局。页面布局的首要目的就是为了页面功能的秩序感,使其在页面功能的分类以及轻重缓急的表现上更加合理,符合用户的心智模型,在用户使用的过程中,做到Don’t make me think !在交互细节设计中,页面布局与前两个要素之间的联系最为紧密。布局的依据就是通过卡片分类法获取的并通过流程设计优化过的交互设计信息架构。根据得到的信息架构,我们就可以知道页面导航应该采用什么样的导航方式,抽屉式导航还是标签式导航,以及每个页面应该有哪些相关元素需要体现和体现的程度。笔者在页面布局中主要坚持格式塔心理学的设计原则。

  格式塔心理学派断言:人们在观看时眼脑共同作用,并不是在一开始就区分一个形象的各个单一的组成部分,而是将各个部分组合起来,使之成为一个更易于理解的统一体。当一个格式塔单元中包含了太多互不相关的单位,眼脑就会试图将其简化,把各个单位加以组合,使之成为知觉上易于理解的整体。格式塔理论明确地提出:眼脑作用是一个不断组织、简化、统一的过程,正是通过这一过程,才产生出易于理解、协调的整体。由此产生出了格式塔的一些基本原则(适用于布局和界面设计):主要包括接近原则、连续原则、相似原则和闭合原则。

  

 

  有兴趣的读者可以了解相关的知识。

  在交互设计的页面布局中,要对不同的功能进行分类,并将其在视觉体验上分开,这就会用到格式塔心理学中的接近原则。同理,页面布局中,主要功能的凸显、次要功能的弱化。总的要求就是重点突出,详略得当。

  其次就是控件。说到控件,更多的是指移动端应用,Android和ios应用。控件的作用有两个:一、采用同一类型的控件可以使得应用的风格鲜明、有个性,赋予应用一种独特的气质;二、以不同平台为基础的控件,在开发的时候减少工作量,做到拿来就用。控件包括按钮、开关、输入框和进度指示器。控件还可以根据自己的需要来自己定义。有些应用在开发的过程中,制作设计规范的同时,会制作相应的控件,便于在后期的开发过程中减少工作量。

  

 

  △ 界面控件距离(来源网络)

  其次,是不同终端之间的界面适配。包括不同分辨率手机之间的适配、移动端和PC端的适配。适配有一个更专业的名称叫响应式设计(Responsive Design)。响应式的设计分为三个等级,第一等级是最弱的适配,就是没有适配,手机端会等比例缩小,需要放大才能查看,但是,不会出现图片破损的状况。第二个等级是轻度适配,可以实现移动端的正常预览,文字大小不变,图片等比例缩小。第三等级是图片、文字、元素位置以及显示方式等等,都会随着显示屏幕的大小而适应屏幕显示,达到显示效果的最优化,提高用户体验。

  

 

  △ 响应式设计(来源网络)

  响应式设计,第一要考虑兼容设备的范围以及相应的分辨率。这样就可以确定出几套交互稿和效果图。第二,根据不同的尺寸以及设计规范来设计交互原型。第三,对相应的元素和模块进行调整。在响应式设计中,有两点需要特别注意:1)菜单,PC端的页面足够大,能够将菜单全部展开来显示,但是移动端就要把菜单收起来或者以抽屉的形式放在左侧;2)图表,图表是做所有的页面中最难处理的。目前笔者还没有找到通用的有效方法,多采用PC与移动端不同的设计,PC上采用列表,移动端采用内容单元的形式,即将列表中的一个项目单独成为一个内容单元,以瀑布流的形式向下滚动。但是这种方法就丧失了列表的一项重要功能,就是项目之间的对比。

  再次,就是音效和动效。智能手机满足了人们视觉和触觉,音效则实现了听觉的交互。目前,音效设计的主要作用还是现在动效设计师已经单独的独立出来作为产品开发中的一环。在扁平化风行天下的情况下,优雅的动效设计是更多应用的追求。

  目前,有很多动效制作软件各有优劣点,笔者比较倾向于AE,因为AE设计出来的效果细腻,细节丰富,你想要什么效果 AE都能实现,但是程序上能不能实现就难说啦。AE缺点就是不可交互+精准度很难控制。正式因为效果细腻丰富,精准度的控制才是考验动效设计师水平的试金石。

 

  另外,网上关于动效的设计案例很多,多看、多练才能提高。在《移动设计》作者总结了动效设计的相关原则:

  运动形变,万变不离其宗(运动和形变之间的结合衍生)

  节奏速度,掌控曲线时长

  情感故事,拟物、隐喻、品牌

  结合操作,关联轻量自然

  点到即止,切记过犹不及

  尊重习惯,谨慎进行创新

  快速原型,多方沟通权衡

  最后,就是流。流,即目光和手指的循迹,是信息在设备与人之间的流转,实现人与设备之间的触发、影响和反馈交互。整个信息与反馈之间的流转包括视线流和操作流。视线流的的形成是根据页面布局以及页面中的元素特点来流动的,对比越强烈越容易引起人的注意。

  

 

  △ 页面布局视觉热力图(来源网络)

  说到这里我们不得不把百度和Google拉出来说一说。通过研究发现,用户对于搜索的结果查看集中在前几条,从上到下进行阅读。Goolge的搜索结果就是这样布局的符合用户的视觉流,当用户从上到下浏览完成以后自然而然就要翻页到下一页,所以底部是翻页操作。百度的设计也符合这一规律,但是百度将用户的视觉热力图的重点以竞价方式做了广告,这也是百度竞价排名遭人诟病的原因。所以,大家用百度搜索都形成了习惯,直接跳过前几条,从后面开始。

  

 

  △ 搜索结果视觉热力图(来源网络)

  从操作焦点到视觉焦点的引导更多的是通过动效设计来实现。在搜索的过程中,从搜索结果到翻页就形成了视觉的引导流,当点击翻页以后,页面会显示在顶部,引导用户从头开始阅读,这就是从操作焦点到视觉焦点的反馈流。在界面设计过程中,要充分考虑视觉焦点到操作触点的引导流,从操作触点到视觉焦点的反馈流。

  视觉流要符合用户的视觉习惯,或者引导用户去浏览产品想让用户浏览的内容。操作流需要考虑在任务的背景下,系列操作的连贯与自然可以引导的手指毫不费力地进行点击。另一方面要顺应用户的手指点击习惯,保证足够的容错性,不要让用户用自然的操作却达到了非预期的目标。在我们操作一款应用的时候,会因为网络、内存等原因,造成反应不及时,用户会产生多次点击的情况,如果多次点击的位置出现其他功能操作的button,就会出现误操作,严重降低用户体验。流又提供了从另一个角度来审视页面布局的新视野、新方法。在以用户体验为中心的设计风潮中,这种方法会越来越受到重视。

  另外,交互设计的细节还包括手势设计等等。交互细节的设计很多、很繁琐,无论你做的多细致都不为过。这都需要用时间、以及用心去积累。

  

 

  △ 移动端手势举例(来源网络)

  最后推荐大家看一下,傅小贞、胡甲超与郑元拢编写的《移动设计》,里面有很多设计细节的阐述,很值得一读。笔者从中获得很大的收获。

  交互设计三要素终于写完了,文章更多的是从宏观的角度,来阐述交互设计的三要素。文章概述了笔者在设计过程中的一些设计方法与设计要点,并没有对三要素给出具体的实施方法。后期,分要素单独介绍笔者掌握的设计方法与技巧。希望和大家一起进步!

未来可能都在这!13个关于2017年的设计预言

  你首先得关注并参与设计当下, 才能构建未来的体验。 但是仅仅关注眼前是不够的,得将眼光投向即将到来的2017年,等待你的会是真正具有影响力的趋势与范式。

  关于设计预言,这儿有一篇关于设计师的:《FACEBOOK设计总监:我对未来10年设计领域的预测》

  作者 | Chase Buckley

  在2016这一年,全世界笃信并热爱用户体验的的设计师与爱好者们证明了用户体验设计在设计思维中独树一帜的地位。我可以毫不惭愧地说,用户体验已经迎来了它的“黄金时代”。在过去很长的一段时间里,用户体验设计的传道者,数字大神,以及交互设计师们在创意层面上都已经达到了最高水准,并力求在科技、设计以及用户愉悦体验中有所突破。

  在Tobias van Schneider, Jennifer Aldrich以及Chase Buckley这些先驱者的探索与引领下,UX用户体验设计的前景正愈加明朗。在未来,当对微小细节的关注渗入用户体验设计的每一寸土壤;当对像素级完美的追求成为设计的基本要求;当将简单便捷的设计理念融入用户的日常生活,那么我们就能够帮助用户体验全新的生活。

  1. 故障图

  “庆祝成功自然无可厚非,但学习并反思失败更加重要。” ——比尔·盖茨

  在用户体验设计中,流程图(设计框架)之于用户使用流程就如同面包之于黄油,它在产品或服务的整个交互流程中,为理解用户触点提供基本的设计框架与结构。但问题出现了:这些框架与流程的设计都基于理想中的用户模型,可是如果遇上一个不理想的用户呢?

  

 

  (大量产品与服务的使用方式将会随着新用户的到来而受到冲击)

  直到2017年,超过半数的世界人口将会上网,而大量新用户的涌入将带来无数如老年人或是第三世界国家的人们那样的数码新手,我们有责任专门为他们进行设计。如同使用流程图(设计框架),使用故障图将帮助用户体验设计师更好的理解、参与、并模拟非理想使用场景,使产品或服务的错误使用变得更加可控。

  2. 微-微交互

  2016年,人们在互联网上疯狂的讨论微交互——适用于基于单任务目的的交互设计,如设定闹铃、按赞某评论、点击登录按钮等。每当打开Facebook或是登录领英,我们其实都已经有意无意地参与了数十个潜藏的难以察觉的微交互。

  交互应用与服务的内容正日益细分与具体——我们使用YO来打招呼,使用Vine来分享6秒的视频,使用Knock Knock来结识新朋友,在微交互的路上我们正越来越原子化,一些单独的交互行为被进一步分解成为拥有更强交互性的微小碎片。我将这些多样的、细小的、根植于微交互的交互称作微-微交互。2017年,每当我们拿出手机时,我们将会被动地使用数以千计的微-微交互。

  微交互:使用蓝牙配对两个设备。

  微-微交互:开启蓝牙模式。

  微交互:控制一个正在进行中的动作,比如调整音量大小。

  微-微交互:向右渐进滑动以增大音量。

  微交互:在领英上与某人建立联系。

  微-微交互:在某个用户资料页点按“Connect”按钮。

  

 

  在Knock Knock上敲击两下的微交互可以得知周围有谁在你附近——但如果只敲击一次呢(会有什么结果)?一个微交互基础上的更小的交互。

  3. 天气应用的井喷

  不论怎样,天气应用对我们而言都已是不可或缺的一部分。不论雨天或是晴天,我们遵循其提供的天气信息,计划一整天的行程并享受其中的乐趣。过去,天气预报为了实现对气候信息变化的同步更新,它的模式基本是一成不变的,但在不久的将来,极端天气变化将会带来极端的环境,导致我们需要更具警醒功能的天气追踪应用——这一应用开发者刚刚开始注重的趋势。各类反常的天气事件——从十二级的飓风到极度的潮湿,会让用户更频繁地使用他们的智能设备以便获取最新的天气信息。

  2016年是属于天气应用的一年,但对此类应用的需求只会持续飞速上涨。如同这个冬天横扫硅谷的厄尔尼诺一样,越来越多的的用户体验设计师会将他们的目光投向“气候变化”这个迫在眉睫的问题上,并借助美观的手机应用将其过程可视化。

  

 

  (从摩纳哥到开罗,美观的天气应用将会为用户提供第二天恶劣天气情况的可视化信息。)

  4. 电子宠物风潮

  赛博朋克之父(赛博朋克是科幻小说的一个分支,以计算机或信息技术为主题)威廉·吉普森在谈到娇贵的机械表时,借用了电子宠物魅力之处的描述:

  “他们是种异常必要的无谓存在,他们因为需要被呵护而带给人恰到好处的慰藉。”

  随着产品的产业化、自发化、自动化和同质化程度的加深,我们开始感觉到一些用户的抗拒。许多用户体验社区开始留意到大家对早期机械表时代的呼唤——一个即使牺牲一定的功能与精度也要让产品保有个性并百花齐放的时代。我们这些倡导用户至上的设计师们,有责任听取他们的意见。

  越来越多的产品设计师别出心裁地在自己的作品中借鉴了电子宠物哲学,通过赋予产品一种陈旧、残缺、脆弱的特质来雕琢他们的个性与魅力。推特和亚马逊就是这种实践的成功案例。他们各自的服务都回溯到一种更简约的时代,他们的产品不见得完美,却为用户提供舒适与愉悦的的体验,事实证明用户确实受用。到2017年或者更早,用户体验设计师们会将电子宠物哲学应用到他们作品的方方面面,给未来的产品带来更多人性化体验。

  5. 触感催眠

  触觉反馈是指触摸技术在用户界面中的使用,比如每个按键都能提供触觉反馈的虚拟键盘。随着高端移动设备的普及,触觉技术也发展得愈加成熟。得益于电活性聚合物致动器(EAPS)(一类能够在电场作用下,改变其形状或大小的聚合物材料。这类材料常见应用在执行器和传感器上。——编者注)成本的降低,触觉技术在未来两年有望变得更为先进。

  这些进步使交互技术人员得以通过开发细微的触觉提示来改变用户行为,这些方法非常新奇又令人激动。比如当用户在某个产品展示页面犹豫不决时,我们就可以利用微脉冲和振动的顺序给用户定向到一个“立即购买”按钮,或创造一种愉快感让用户不愿离开界面。

  交互设计师把修改用户行为的比作微催眠的一种形式,这个新的触觉界面元素被称为Hapnotic反馈(触觉+催眠= Hapnotic)形式。尽管Hapnotic反馈背后的的心理学研究还处仅处于设想阶段,但在接下来的几个月里,随着设计人员对其非凡的潜力的开发,这项技术一定会引起关注。

  

 

  (在迪斯尼,研究人员开发出了一种算法,它可以把虚拟界面上的信息转换成动态触感体验)

  6. 去线性

  用户体验设计师们每年都会推出新的可用性标准——2016年则恰巧是简约。但更简约并不能与更高的可用性划等号。不论怎样,2016年成为了应用程序和服务的简化年——导航菜单被收起,交互被划分成一步步的流程,用户被限制在固定的线性的交互轨迹上,依照固定顺序进行交互。

  尽管有着良好的执行性,Uber仍是制约用户的一个很好的例子:

  • 设置搭乘地点

  • 预计到达时间

  • 付费

  • 评分

  Instacart(一小时快速送货上门的杂货电商——编者注)则是另一个线性设计的例子:

  • 选择商店

  • 选择商品

  • 购买商品

  • 评价物流

  

 

  用户可能现在还享受这些被过分简化的系统,但借用Ian Fenn——UX传道者的话来说:

  “差劲的设计团队提供用户要求的UX。伟大的设计团队提供用户需要的UX。”

  我们已经看到了用户对这些线性体验的抗拒——用户不愿意像牛一样被从这个页面赶到下个页面。给予用户最大程度上的帮助,才是未来我们这些用户至上的倡导者必须做到的。到2017年,我们将通过去线性设计来体现和推崇用户的理解力;用户将被赋予更多的选择权,在整个过程中被赋予更多的决策权,拥有更多不同的方式来完成每一个交互体验。

  7. 间隙焦虑的优化

  间隙性焦虑是交互设计师之间的常用语,是指操作(单击一个按钮)和响应(移动到下页)之间一种瞬间性紧张的用户体验。行动与反应之间的高延迟和加载时间可以引发焦虑,在此瞬间,用户被滞留在黑暗的裂缝中,感到无力又困惑。

  这种焦虑如果不加以解决,很快会导致糟糕的用户体验,这无疑会将用户推离你的产品。

  但是聪明的设计师会转而学习往有利于他们的方向,引导这种焦虑或升华这种情绪状态。通过创建暗示序列中的下一个屏幕过渡元素,设计师使用户能够即时预览从而预测,而不是担心关于接下来会发生什么屏幕上。

  幻灯片之间的过渡动动画有助于提供行动与反应之间的无缝衔接:这种模式中的临时暂停和弹跳手势会帮助用户下意识地在页面转换时调整状态。

  8. 设计传播到影响的变迁

  设计传道者在理论上和实践中都提倡优秀设计的有用之处,最终目标是将非专业人士转变为设计思考者。他们都向非设计从业者颂扬设计思维的优点,使非设计从业者也有机会在他们的个人生活和职业生涯的去追求这样的最佳实践。

  虽然我全力支持设计传道者,认可他们为优秀的设计所付出的努力,但恐怕仅靠宣传是不足以使他人转化态度,真正实践设计思维的。从技术到营销、销售传道者等等,这之中夹杂着太多平行行业间相互矛盾的信息,使我们难以真正交流和传达信息,并在大众生活中实现。更糟糕的是,我们的信息变得抽象,被简化成了要点和幻灯片,我们的想法仅仅成为了度娘谷哥中的词条。

  幸运的是,如今的线上和线下越来越多设计师开始为自己和用心打磨产品站出来说话,形成了一种良好的趋势。这些设计师不只是倡导,还面向世界拥护与捍卫设计所拥有的力量与格调。这些设计师不再仅仅是向世界展示好的设计,他们还向世人强调自己的设计思维。直到2017,我相信这些声音会更响亮并更具说服力。

  

 

  9. “年龄响应式”设计

  响应式设计(通常指响应式网页设计)最重要的一点就是可变性——网页内容可以根据用户使用的设备不同而进行相应的重新排版。这其实只是第一步——要真正地匹配用户需求,我们还有很多地方可以提升。正如网站可以针对各式各样的设备随时调整格式,它们也将可以根据各式各样的年龄来调整内容与排版。

  根据不同消费者群体的兴趣差异来“定制”内容。网页广告已经在这方面试水了一段时间,是时候轮到网站内容本身了:一个8岁的孩子和一位80岁的老人显然不会对同一本书、同一块表感兴趣,也不太会看同一栏电视节目,那么为什么要让他们拥有完全一致的上网体验呢?网站应该告别一成不变的“成衣”,走向“私人订制”。

  到2017年,大量的元数据将成为“年龄响应式网站”的基本特征:

  ● 导航目录的长短可以根据用户的理解能力进行伸缩;那些接收大量信息相对困难的人将会看到简约的交互界面,从而更方便地从有限但更为熟悉的信息入手。

  ● 网站字体、字号与间距能够为了照顾老年人的视力而自然变大。

  ● 配色方案也会调整:年轻人会体验到饱和度更高的色彩;而老年人则会看到相对柔和的颜色。

  10. 塑造互联网产品的信任感

  “对于一个优秀的UX设计师来说,他/她最大的责任就是使用户在使用产品 的时候能产生信任感。”

  问任何一个CEO、经销商、销售员或设计师:一个成功的商业关系链中最重要的因素是什么?他/她都会给出相同的答案:信任。这放到用户与产品的关系中也是适用的。对于一个优秀的UX设计师来说,他/她最大的责任就是使用户在使用产品的时候能产生信任感——但数字化产品领域还没有充分认识到这种信赖的重要性。

  随着人们对数据隐私安全的担忧日盛,互联网世界里的信任变得越来越脆弱——大多数的美国人不信赖任何互联网产品,这让企业老板们进退维谷。

  随着信息泄露越来越严重地威胁到了用户与产品之间的关系,寻找新的建立信任的渠道对提升品牌辨识度与企业成功来说至关重要。到2017年,互联网产品的信任建设竞赛或将全面展开,而新一代的设计师们将挑起这一重任。

  

 

  11. 退出处理——后体验时代

  “一件好产品就如一部伟大的电影。”

  登陆处理, 是指通过给新用户提供必不可少的前期体验从而锁定用户,这在很长一段时间以来都是产品设计关注的焦点。然而,登录处理的反面,退出处理,一直都被很多设计师忽略——但这种情况很快会得到改善,因为一件好产品应该像一部伟大的电影:

  1. 首先,它要有一个漂亮的开场白(登陆处理)——一个噱头吸引用户。可以是一个互动的动画,或者一个简单到令人心情愉悦的界面,甚至是一小箱免费的宝石。

  2. 然后就是情节本身(产品用户体验),主角战胜一路上所有的曲折和挑战——用户找到了他们想要购买的产品——可能已经卖完了——也可能已经被加入了购物车,等待支付。

  3. 接下来是高潮部分(成果)——主人公反败为胜拯救了世界或者最终得到了他们想要的东西——用户最终购买了他/她车里的一双靴子。

  4. 最后,到了结局——主人公与心爱的人幸福快乐地生活在了一起,或者缓缓地朝着日落的方向走去——这就是最关键的退出处理时刻——这发生在购买行为已经完全结束以后——就像一条信息被发送并成功送达,一篇推送被赞并转发了以后。随着设计师们开始为创造更全面、更完整的看电影式的体验而努力,我们将花更多时间研究这些退出时刻,关注用户的后续体验。

  12. 组建人工智能大家庭

  完全意义上的人工智能(Artificial General Intelligence)暂时还是只存在于科幻片中的玩意儿——不过稍微简单一些、实用一些的人工智能技术、虚拟数字管理小助手都已近在咫尺——最有名的包括Siri(苹果),Alexa(亚马逊),Cortana(微软),GoogleNow(谷歌),Jibo,M(Facebook),Clara(ClaraLabs),Amy(X.ai)和SVoice(三星)。

  “我们逐渐发现这些智能小助手(AI)之间的合作能力可能并没有想象中那么强大。”

  这些数字智能小助理正在以惊人的速度占领我们的日常生活——所有有智能手机的人都可以享受至少一种人工智能服务(AI)。我们得承认,人工智能已经扎根在我们的世界里。苹果的Siri,亚马逊的Echo,X.ai的Amy……当我们接触到越来越多的人工智能产品时,我们逐渐发现这些小助手(AI)之间的合作能力可能并没有想象中那么强大。

  

 

  诸如设置闹铃、安排提醒、回答问题或遥控智能开关等简单、基础的功能已经泛滥了,各种智能助手都在这些相同的功能上互相竞争。它们(AI‘s)并没有被设计成能够互相协商、合理分工的样子。这就导致了智能机器人过剩、功能紊乱、相互抵牾的局面——而它们诞生的初衷却是简化人机交互。在这个竞争激烈的市场里,各家AI公司显然不太可能放弃自身利益而相互合作,全权让设计师来厘清这些人工智能产物之间的混乱关系。

  接下来的一年,设计师们将会开始致力于改变AI产品之间这种紧张的关系。用一个有着明确分工与合作规则的系统来终结各种“智能小助手”之间的恶性厮杀。

  13. “仿”纺织品设计

  “Material Design将会目睹它所倚仗的‘笔’与‘纸’之间的枪战——它会发现它的立身之本在面对未来强大多元的互联网时不堪一击。”——Chase Buckley(独立UX设计师)

  (Material Design是谷歌创造的全新设计语言,旨在为手机、平板电脑、台式机和其他平台提供更一致、更广泛的“外观和感觉”——译者注)

  

 

  谷歌推出的Material Design自2013年起就立志于成为引领全平台设计潮流的设计语言,但直到2015年,它才真正被世人所注意到,成为网页设计的标杆——而这一切又将很快被颠覆。

  谷歌的Material Design,又叫“量子纸”(quantumpaper),它从一张纸出发,吸收了纸所蕴含的许多视觉隐喻。主管设计的副总裁MatiasDuart这样解释道:

  “与真实的纸不同的是,我们的数字材料可以随意伸缩与变形。纸质材料有物理表面与边界。是那些缝隙与阴影告诉你这一切,赋予了你能触碰到的东西意义。”

  然而,尽管Material Design含有的视觉隐喻让一大批东欧设计师找到了自我,也是时候让它被时代淘汰了——因为无论在实际生活中还是在虚拟互联网里,纸并不是一种可以让人一劳永逸的媒介。到2016年末,我们会看到仿实物纹理界面设计元素(Skeuomorphism)的回归,随之而来的还有远高于单薄狭窄的纸片的视觉隐喻。随着增强现实(AR)与虚拟现实(VR)成为时代主流, MaterialDesign将会目睹它所倚仗的“笔”与“纸”之间的枪战——它会发现它的立身之本在面对未来强大多元的互联网时不堪一击。

  设计师开始将设计隐喻、美学、科技与不同维度交织于一体的多维设计理念称为Textile Design——互联网的“织物”将被重新编织、着色并重生。

  

 

  (侏罗纪公园的网站是Textile Design的一个典型案例)

做PPT 超过1000个小时后 总结的实用进阶指南

  编者按:看了那么多PPT 技巧教程,仍然做不出好的PPT?@魔力大熊 老师撰写的这篇进阶教程,不流于表面的奇巧淫技,注重实用,且以实例贯穿始终,是真正的干货。

  欢迎关注大熊老师(前今日头条资深交互设计师,现Haobtc 设计总监)的微信公众号「熊掌拨清波」

  适读人群:需要制作PPT 的人,特别是大学生

  阅读时长:约7分钟

  在过去的4年时间里,我做了超过百份PPT,其中有日常汇报,有年中总结,有给投资机构的BP,也有新品商业发布会(多为 Keynote )。服务过 Toyota,香港置地,大众,T.Y.Lin 等雇主,累计投入在PPT上的时间,远超过1000个小时。幻灯片只是一种工具、一个表达手段,融会贯通就好,还有这么多有趣的领域等待探索,不能止足不前。

  写文章前我把网上能找到的PPT文章教程都看了一遍,但恕我直言,质量良莠不齐。不少转发量夸张的文章,都冠上「不为人知的技巧」的标题,实际上都是拿一些老料回锅炒,不讲偏已经是读者的万幸,更别求能够从中系统整理。好比练武功,只讲套路不讲心法,真刀真枪上战场时立刻歇菜。

  懂几点 PPT 制作的「技巧」,的确可以拿来糊弄门外汉,但对于真正靠它吃饭的手艺人,某些文章里提及的「技巧」都太流于表面,看看打发时间可以,真要说干货,其实没多少。

  所以拿这篇文章开个头,将我制作 PPT 的经验落笔成字,分享给大伙儿。要说和网上其他讲 PPT 的教程有什么不同,大概就是我的更注重实用吧… 即学即用,不是要你成为 PPT 专家或者成为设计师,而是注重实际操作。在此基础上还可以通过练习,提升到新段位。

  同时,配合实例贯穿始终,我会反复提到,根据经验总结的三个核心原则:

  清晰(Clearity)| 一致 (Consistency) | 有序(Order)。

  准备好了吗?

  何为演示

  你首先要回答这个问题。能用一支笔,一张纸说明的事情,为什么要费这么大劲做成 PPT 展示?亚马逊内部奉行一页纸的产品会议,开会前集体默读会议的内容,然后再开会,因为高管们觉得 PPT 会让参会的人变得「被动」。

  那为什么要有 PPT ?因为场景不同。

  一页纸会议适合群体讨论,PPT 适合演示者单向表达。

  前者有多个信息传达者和接受者,后者往往只有一个传达者,其他的都是观众。

  演示的目的是什么,是让观看的人有节奏,有效率的了解你要传递的观点、数据和信息,其他都是次要。恰好,PPT 天生适合做这件事:

  1、只有 PPT 和电影能让一群人保持安静的待在一间屋子听人「布道」;

  2、演示者可以掌控时长、节奏、内容,PPT 的最终呈献效果没有上限和下限;

  3、合理的信息密度保证了传播效率,所有人都爱读图胜过读文字。

  狭义上,大家容易认为,Apple 每年新品发布时的幻灯片美到冒仙气,是顶级幻灯片水准的标杆。但是,这种新品发布会级别的 Live 幻灯片,只是一个细分类别,真正工作中常用的,要简单朴素的多。

  比如 KPCB 的设计合伙人,John Maeda 在 2016 年的 #DesignInTech Report 上做的幻灯片(下图),就是我心中务实设计的典范,「凡为论点,皆有支撑」。

  

 

  接下来,我会模仿《The Elements of Style》的风格,结合实例,每个例子给出一个最具实操性的建议,通常情况下,照做可以保证不出错。

  1、正确使用中英文标点,是一种美德;

  

 

  这是某高校老师的教学 PPT,在高校课件 PPT 中算是做的「能看」了,为了保护隐私,我隐去了老师的姓名。

  但即便如此,在中英文混输时,这位老师还是粗心的将右括号打成「中文全角」。与此类似的错误还有:

  中英混排时缺失空格间隙,可读性扣分。

  同一页幻灯片的段落,有的以句点结尾,有的没有任何符号。

  英文大小写混搭,忽略专业名词及缩写的书写方式。

  

 

  2、能用图说明的,就不要用文字;

  

 

  人类对图片有着天生的偏好,最早用来记录的象形文字,本身也是对实物的图形化处理。所谓「一图胜千言」,我们看图的效率要远高过文字,这就是为什么,我建议在可以使用图形化的表达方式时,而最好不要用文字。

  使用图形语言会让你的 PPT 有生命力,而不只是干瘪瘪的描述。

  

 

  3、清晰是首要因素,看不清楚内容的 PPT 不是好幻灯片;

  

 

  我们在做 PPT 时,最容易犯的初级错误是,想把所有内容都往上堆。这个重要,那个也不能少,恨不得把幻灯片塞得满满当当。这样做的结果,是直接造成幻灯片「没法儿看」。

  如果你确实要在幻灯片里放上所有内容(实际上内容都是可以一再精简的,通常来说,我在确定 PPT 最后的内容前,会再删减至少两遍),那么这里跟你分享常用的两个方法:

  要么把一页内容分成多页。

  要么通过排版的方式让内容清晰(如下)。

  通过适当给页面留出空间,根据内容将主次强化,我们可以轻松「拯救」下面这张幻灯片(它已经挤的我喘不过气来)。

  

 

  4、只要你把幻灯片的内容认真对齐,别的咱们都好说;

  

 

  如果在所有 PPT 实用技巧里选一条必备,毫无疑问是「对齐」。对齐也几乎是排版准则里最重要、最基础的,毫不夸张的说,只要你把内容好好对齐,PPT 就做好了一半,剩下的就是字体、构图和其他了。

  罗宾·威廉姆斯在她的书里用了整整1/4的篇幅讲了如何对齐,以我个人的实际经验,记住如下几条,对齐基本可以不出错:

  相近的内容靠近,不相关的内容靠远,尽可能使你的内容整体,处在页面的中间。

  左对齐、右对齐、居中,如果没有把握,一页 PPT 最好统一用一种对齐方式。

  善用列表和表格,它们是天然的对齐工具。

  

 

  5、有对比,才有将来;

  

 

  不是只有大红大绿才叫对比, PPT 内容的对比,更多体现在字体、字号、字(行)间距上。

  我们在长时间看类似的内容时,视觉会产生疲劳,也容易错过细节。这时,就有必要人为的将需要强调的内容「提」出来,让人一目扫过,能瞬间找到重点,这便是对比的本质。「让碰撞更强烈,让重点更突出」。

  那么,一般我们怎么做对比?首先是看内容,整页 PPT 中最核心的,最重要的内容,一定要留出足够的空间,这是保证清晰性;其次看关系的疏近,相关的内容靠的更近,体现出一致性;最后,再将内容有序的排列。

  

 

  上面5个小点,是将原本「没法儿看」的 PPT 做到「能看」,每一点都做到,相信你的 PPT 一定会有改观。

  下期我们讲 PPT(Keynote) 动画的高级特性

  再会~

用两个实战案例 帮你掌握专业设计师才会的设计思维方法

  什么是设计思维呢?顾名思义,设计思维就是设计师用来思考问题和解决问题的方法。如何培养设计思维?今天这篇用两个实战案例帮你一窥设计思维的奥妙。

  我们先来看一个小测试:以下的方案中,哪一个是好设计?

  

 

  我们平时评判一个设计的好与坏,很多时候都是从色彩好不好看、使用时有没有可用性的问题等等角度来做出判断。

  那么请大家来看一下,这里的两个方案。先来简单介绍一下背景,这是百度金融产品线面向教育贷款的一个产品,用户可以通过这个网站找到想要学习的课程,并进行在线贷款申请。我们可以看到,这两个方案的头部是完全一样的,区别在于下方的课程内容区,一个是左右两部分,左边是几大类课程的入口,右边是广告位。另一个方案是通栏,上面是热门课程推荐、下面是展示具体类目下的热门课程。 有的同学会说了,这也没有太大区别嘛!没错!这时,我们再用以往的经验来评判方案的好坏,就会发现很难做出判断。

  设计师日常工作中经常会碰到这样的一些问题,今天我要分享的设计思维就是用来解决这些问题的方法。

  设计思维常用的工作方法

  首先来看,设计思维指导下的工作方法主要分为这四个步骤:洞察用户,然后进行科学合理的设计思考与转化,再下来是把想法制作成原型,最后进行效果的评估。

  今天我主要讲的是前面两点的具体执行方法。

  

 

  2.1. 洞察用户的重要方法 —— 移情

  何谓移情呢?就是说在进行用户调研的时候,把用户的行为作为他生活的一部分进行观察,除了要知道用户都做得了什么,怎么去做的,还要知道为什么,他的目的是什么,以及要知道他这个行为所产生的连带效应。一般来说,分为三步:观察、接触和沉浸。

  接下来我们通过一个案例来讲解具体怎样做到移情。

  

 

  大家来看这三个界面,从左往右依次是——我们要进行优化的现有产品的联系人详情页、iOS系统的联系人详情页、魅族手机联系人详情页。需求是,对第一个页面进行优化设计。仔细看看这三个界面,大家会不会觉得都是大同小异啊,都是这里有个头像,魅族这里稍微不太一样,是橙色的这一大块,不过感觉也很一般啊。下面的内容基本都是一行一行的电话号码,后面带着短信或是其他图标。那么,怎么去做优化呢?

  设计师做了一件什么事呢?他们没有急于去画图讨论,而是去做用户调研。去了哪里做调研呢?他们挑了一个形形色色人特别多的地方——北京南站。怎么做的呢?首先当然是观察、但仅仅是观察还是不够的,他们设计了一套任务,让用户在最自然真实的场景中去使用现有版本的联系人详情页。比如说打电话给一个最近没有联系也记不住他电话号码的朋友,添加设计师到他的通讯录中等等。最后的发现很有意思:

  大部分用户的大部分联系人只有一个电话号码

  大部分用户的大部分联系人是没有头像的

  打电话给联系人是第一诉求

  只有很少的用户会给小部分联系人设置备注等其他联系方式

  操作环境往往是在行进中,单手操作

  

 

  整理成图表,大家可以看一下,给联系人打电话是所有任务中失败率最高的,而我们前面的结论中第3条就提到:给联系人打电话是在这个页面的第一诉求。

  于是,通过这些调研,设计师做出了看似大胆实则非常合理的设计方案:

  

 

  弱化头像区域,采用模糊过的一张好看的图片作为没有设置头像时的默认背景。既然打电话是第一诉求,就用极致的方式,把打电话按钮放大,并且放置在单手最好点击的位置区域。而当用户设置头像后,不再需要裁切成大头照,直接以底图的方式全屏显示。当然,设计总是要考虑边界情况,当用户想设置更多信息时,页面也是可以承载的,内容向上顶,直到高度撑满全屏,底部打电话按钮会悬停在页面最下方。

  总结一下,要做到移情,首先要深入用户,然后变成真实的用户,最后,作为设计师,一定要跳出用户,把设计方案做到超越用户直白的需求,也就是我们常说的超预期。做到这些,创新设计,也就水到渠成了

  2.2 设计思考方法 —— 回归本源

  讲完了移情,我们再来聊聊设计思考的方法。主要分为以下三点:回归本源、目标导向、视觉化思考。

  首先我们来看一下回归本源。回归本源的意思就是分析问题的切入点,一定是背后的本质,千万不要纠缠表象

  还是来看一个例子。

  

 

  这是我们产品中经常能够见到的卡片设计。现在给大家看到这个卡片是一个课程卡片,它主要分为:封面、标题……。鼠标移上去时,会有一个红框。设计师在设计时设定的点击区域为:点击封面或者是标题,就可以跳转到课程的介绍页。但是,在产品即将上线时,这个项目的经理提出了一个质疑:可点击区域为什么不是整张卡片?

  当我们遇到这样的质疑时,首先不要慌张,不要因为他是经理是高层就盲目妥协,这样的后果往往可能是一个糟糕设计的诞生。而是要拨开一层层的迷雾,去分析问题的本质,从而寻找到真正解决问题的办法。

  

 

  好,我们来试着一步步分析经理提出这个问题背后的实质——整张卡片可点,这是他提出的问题,也是表象。那么问自己,整张可点的目的是什么?经过分析和进一步沟通,发现他是觉得目前的点击区域不够大(只有标题和封面),并且他认为整个外框是红色的,那意味着里面就都可以点,而标题和封面却并没有这样明确的点击指示,换句话说他觉得可点击区域的感知不明显。好了,我们把他的建设性质疑转化成了更具体细化的分支问题。然后,再提一个假设性的反问,也就是倒推——整张卡片可点有什么问题呢?为了回答这个问题,设计师还查看了很多竞品的卡片设计,发现确实很少有整张可点的设计,这是为什么呢?其实我们发现,这么大一张卡片,即使设计成整张可点,用户也不会去点击那些空白的区域的,根据以往热力图的经验,用户只会去点击他预期可以点击的部分。那合理的有预期的可点击区域是哪些呢?答案非常明确——就是标题、封面、以及描述和它周边少量的空白区域。最后的设计结果就是图上红色遮盖的部分为可点击区域。

  通过这个案例,我们得出了一套卡片设计的准则:

  卡片的焦点态作用和意义:

  明确当前焦点的位置

  展示更多隐藏的信息

  更鲜明的指引用户点击

  卡片点击触发区的设计规则:

  卡片上若有其他链接,触发区要区分明确,整张可点会造成误点

  卡片上可点的部分要有明确的hover反馈

  卡片可点区域并不是越大越好,而是要符合用户点击行为的预期

  这样如果以后我们再进行卡片设计,这一套准则就可以直接套用了。

  总结一下,好的思考着一定是善于从原点开始思考。

  而回归本源的思考方法就是:

  首先拆解问题,这个问题是它和其它问题的关联是什么?

  为什么它是一个重要的问题?

  然后重构问题,就像刚才我们分析完经理的真实意图后,将问题重构成两个我们确定的点——区域不够大和感知不明显。然后去解决这两个问题就OK了。

  2.3 设计思考方法 —— 目标导向

  接下来我们讲一下目标导向的设计思维方法。所谓目标导向,就是做任何事之前,首先要明确目标。然后拆解成可具体执行的子目标,再把子目标转化为设计中的要点。

  还是来看实例解析。

  

 

  这是百度图片手机WAP站的分类浏览页,现在产品经理提出要进行优化改版。同样的道理,不要急于上手去画图,首先要通过调研分析确定改版目标。

  

 

  我们通过组织用户访谈,得出了一个用户行为模型。用户在使用分类浏览页面时,主要分为两类行为——一种是有明确目的的,比如就想来看明星李易峰的图片,就想来找找手机桌面壁纸。还有一种是没有明确目的的,我只是随便看看,都有哪些类别,有喜欢的感兴趣的,就点进去看看。

  这两类用户虽然行为目的不同,但是对于我们来说,设计目标是一致的,就是都需要一目了然的分类,并且可以快速的切换和到达,也就是高效性的设计。

  针对这样的设计目标,我们再来看看旧版的问题。用户需要不断的向上拉动页面才能看到下面的分类,这样的流失是非常高的,用户很容易失去耐心。超过两屏后的信息点击明星下降。而且,对于目的明确的用户来说,也不容易快速定位到想要的类目上。于是,我们摒弃了这种低效浏览型的楼层设计,优化成左侧导航的形式,从而达到快速提升效率的目标。这一改动,带来了16%的PV上涨。PV就是指页面的浏览量,是我们考察网站体验设计好坏的一个重要数据指标。

  总结一下,以目标为导向的思考方法分为三步:首先确定产品或者用户目标、然后拆解为可具体执行的touchpoint,再把这些点转化为设计的目标。

  2.4 视觉化思考的小技巧

  最后,再跟大家聊聊视觉化思考的小技巧吧。视觉化思考就是指化无形为有形,俗话说的一图胜千言。

  视觉化思考首先要做到的就是,在思考时一定要敢于用笔去画图,不关注到底画成什么样,但是首要得画图,给大家看一个我自己工作中的例子:

  

 

  这张图是我在产品概念的初期和产品经理进行沟通时画的,当概念想法都只是在彼此思想中,而没有落到纸面上时,沟通并确保达成共识是非常困难的。所以在这个时候,用视觉化的方式,把想到的都画下来是最好的办法。

  

 

  2.5 高保真交互原型图

  说到视觉化思考,除了手绘草图这样快速有效的方式,还有一点要提的就是高保真交互稿。

  高保真交互稿的优势有哪些呢?

  

 

  当然,高保真交互稿的设计成本确实会比黑白线框图高一些,那我就给大家讲讲如何快速的去绘制这样的高保真交互稿。

  

 

  现在,给大家揭晓一下开头小测试的答案——哪一个是好设计呢?

  

 

  产品在不同阶段对设计的要求也是不一样的,比如这个教育金融贷款的产品在上线初,目的就是要让用户能够快速找到感兴趣的课程,然后进行贷款。方案一较深的入口以及右侧的广告是无法达到这个目标的。所以,右边的方案二是更好的选择。

  以上就是今天课程的全部内容,非常感谢大家的学习。

干货贴:Web后台设计易被忽视的组件技巧

  尽管现在各家都将产品设计的重头放在移动端,但对于运营后台管理系统,仍然会将 Web 端作为自己的兵家必正之地。对于有着精细化管理,最小颗粒的维护自己平台商品、服务、企业信息的互联网产品来说。Web 端的大屏、易于录入读取数据等优势仍然是移动端不可取代的。那么在 Web 端产品设计中,是不是存在一些容易被我们忽视的技巧呢?

  后台系统的设计原则和前台系统的设计原则几乎一致,虽然页面的动效、配色方面可能不必像前台那般精益求精。

  产品的前端由于直接展示给用户,因此往往对于图片质量、页面配色等都经过 UI 的仔细打磨,后台产品则由于图片少、文字多;内容展示少、表格多而在界面上惨不忍睹。作为后台产品经理,虽说我们不用对每一处细节的仔细雕琢,但至少要审美在线。

  关于后台系统应该遵循的设计规范,如果各位有兴趣,我们下一篇我们再讲,本篇主要介绍在设计后台系统时诸位肯定会用到的组件及其使用技巧。

  一、基础部分

  基础组件包含:页面布局、颜色字体、图标按钮

  布局

  布局是前端工程师的分内职责,产品经理不必太多插手,但是对于布局有 2 个基本概念我觉得大家有必要了解。

  栅格式布局:通俗来讲就是在一个页面上用横向(水平线)、纵线(垂直线/参考线)将整个页面划分成有规律的格子。前端工程师以这些格子或它的边线作为基准线有规律的布局。

  响应式布局:就是指一个网站能够兼容多个终端。通俗来讲就是 Web 的内容根据预设响应式尺寸不同,可以在 IPad、手机等不同尺寸的设备上几乎不影响体验的看。一套优秀的响应式布局前端框架可以减少不少其他终端的代码,还可以为不同终端的用户提供更好更舒适的界面和用户体验。

  颜色字体

  为了给用户一个前后一致的产品使用体验,Web 后台的颜色字体设计和前台产品最好保持一致,也都需要 UI 确定颜色、字体相关的标准。

  颜色的使用技巧 :要定确定产品的主色、辅助色、中性色。

  字体的使用技巧:需要确定产品的中文字体、英文/数字字体的样式。有追求的产品经理在前端框架已定的情况下甚至还可以和 UI 一起商议字体的使用规范。主标题字体样式大小、标题字体样式大小 、正文字体样式大小等。

  图标按钮

  图标、按钮的使用技巧:和颜色字体一样,也需要事先确定好各个状态下的按钮状态、颜色、尺寸

  在同个页面中,其默认按钮、主要按钮甚至包括文字按钮的不同展现方式

  当一个按钮处于禁用状态以及可用状态下的样式

  页面有:「发送成功」、「发送失败」等不同反馈信息时其对应按钮也需要在颜色、文案、样式、尺寸上有所不同。

  二表单填写部分

  表单控件主要包含:单选多选、输入框、选择器、开关、日期控件、表单校验

  表单填写可以算是整个后台系统重中之重,后台管理系统本来就是对前台信息的管理、展示。说白了就是四个字:增、删、改、查,如何更加优雅的录入信息,让整个表单填写过程流畅、可控的进行是一个优秀的后台产品经理必须掌握的技能。

  单选多选

  单选/多选按钮的使用技巧:均不宜选项过多

  当一个问题的选项超过 5 个时,最好的选择是使用选择器

  另外单选/复选按钮还需要考虑其禁用、可用状态下不同的按钮展现样式

  输入框

  输入框的使用技巧:当用户输入内容过多时,最好让研发使用可自适应高度的文本域,这样的使用体验简直嗖嗖嗖的提升。

  针对一些有固定前置、后置内容的选项:可以采用复合型文本框,一方面可以减少用户输入,提升用户体验;另一方面哪些具有固定前置、后置内容的选项(比如网址)往往容易输错,可以一定程度上降低用户的误操作的概率。

  选择器

  选择器的使用技巧:当选项过多时,相比于复选框,选择器也是个好选择。

  另外使用选择器的时候还有个不能忽视的好处就是级联选择。即选择第一项时级联触发第二项。让用户看到自己的选择即改变,非常的简洁容易上手操作。

  表单校验

  表单校验的技巧:对表单内核心内容进行校验是表格信息录入一个重要一环。一般用的比较多的是行内校验,即填写完一行转入下一行时即对上一行内容进行校验。

  三、表格数据展示部分

  当表格数据内容过多时,就会变得非常难看,如何让信息展示的又全又好看,可以参考以下技巧:

  表格数据展示技巧:其实大部分的数据展示都可以像管理 Excel 表格一样管理起来,但需要一定的开发工作量,这里可能需要产品经理平衡一下。毕竟鱼与熊掌……。另外除了固定表头外,排序:利用一定的排序规律让数据变得有章可循,就不会显得非常的凌乱;隐藏:将不必要的信息收起来也是不错的选择。

  四、消息提示部分

  页面信息成功提交后,需要返回相关内容给用户,否则会让用户一头雾水不知道自己是否提交成功。

  页面消息提示:

  消息提示技巧:根据提醒类型不同,设计不同颜色的反馈提示,让用户一目了然。 另外为了减少用户操作,可以设置消息提示的反馈内容在几秒后自动消失。

  进度条:

  进度条使用技巧:进度条可以带状态,也可以带有描述性文字帮助用户理解目前自己处于完成表单的第几步。

  Web 后台设计中常用的控件还有许多比如标签模块、各种各样的消息弹窗模块、导航栏模块等因为篇幅有限这次就不展开介绍。

  一个优秀的后台产品经理虽然我们比不上前台产品经理对于每一个细节精益求精的打磨,但是还是应该在严于律己、优化每一处我们力所能及的细节上付出努力。这样在回首自己设计出的产品才会有种天生骄傲的成就感吧。

  本文作者:晞仔(lolitaxi61)微信公众号:晞仔的生活实验室

  欢迎关注我,一个热爱摇滚的猫奴,每周跟您分享我对产品的一点微不足道的见解

  本文链接: http://www.yixieshi.com/76325.html (转载请保留)

两步搞定 App断网提醒设计

  断网是一种影响用户使用的不良状态,Harris Interactive为Tealeaf做的一份调查显示,23%的用户承认咒骂过自己的手机,11%冲自己手机大喊过,而且4%的用户在网络出问题时扔过手机。断网就属于这类问题之一。

  断网的情况下,我们应该尽量采用合理的提醒方式,降低用户焦虑。

  举一个反面例子:

  

 

  断网后下拉刷新,清空了缓存内容

  测试时用的iOS系统,版本为1.5.6。我是先打开了app,浏览了一会首页然后开启飞行模式,下拉刷新,结果连本来加载好的信息都没有了,而且没有明确告诉用户该怎么刷新。最怪异的是,我以为断网后也是下拉刷新,结果这一页居然是点击刷新。。。一个页面居然在不同情况下用了两种刷新方式。

  ps:这里无意黑,pmcaff的核心业务不在app,并且网络超时设计属于优先级比较低的需求。

  正面例子很多,可以参考上千万用户量的app。可问题在于断网的提醒样式有很多种,适用于不同的场景。经验丰富的用户体验产品经理或者交互设计师,了解各种各样的提示样式,可以凭借自己的经验选择最适合的提示样式。但如果经验不够丰富,可能会费时费力。所以,本篇的目的是帮助产品新人用最短的时间完成断网设计。附上本文思维导图:

  

 

  断网提醒设计

  第一步:明确前提

  前提是做网络超时设计之前,要明确下面这两个问题。

  1.用户需不需要查看缓存内容?缓存内容还可以降低用户的断网时焦虑,有些内容对用户有价值的,比如微信聊天记录。

  2.什么时候检查网络状态?有的时候需要实时检查网络状态,比如微信的消息列表、还有一些手游等等,大多数APP其实不需要实时检查。断网设计更多是在优化现有产品的用户体验,这时需要和技术多沟通,搞清楚你的产品在什么时候检查网络状态。

  第二步:根据场景选择样式

  断网的提醒样式有很多种,适用于不同的场景。这里我把场景分为了四大类,可以先选择对应的一类场景,再选择该场景下常见的提醒样式。

  1.有必要立即并打断用户提醒

  

 

  这一类场景页面(区域)功能全部无法使用,且没有本地缓存可查看时。不联网啥也不能用啥也看不了,要把用户的关注焦点在网络问题上,所以采用整页提示或内容区按钮,明确告诉用户现在的网络状况,让用户获得掌控感,引导用户解决网络问题,帮助用户恢复到网络正常状态。最好说明下一步用户该做什么,而不是冷冰冰的只告知用户“加载失败”。除此以上两种,弹窗也可以打断用户操作,以提醒用户。

  总结:这类场景下,可用的提醒样式有整页提示、内容区按钮、弹窗。

  2.有必要提醒,但不要打断用户

  

 

  这一类场景页面部分本地功能可用,或有本地缓存可查看。这时候app又不是不能用了,所以不应该打断用户思绪,要轻提醒,达到让用户“了解、知道”的目的即可。常见的提醒样式有以下几种。

  Notice bar:见微信消息列表截图,较常见,持续性的提醒,一般出现在标题栏下方或列表顶端,点击可以获取解决网络问题的帮助;

  toast:见支付宝截图、一般显示少量文字,几秒内消失,容易被忽略,提醒但不打断的;

  页面内提示:见墨迹天气,不打断用户,起到了让用户知道的目的。

  总结:这类场景下,常见的提示样式有Notice bar、toast、页面内提示。

  3.需要提醒用户,但不是立即

  

 

  这一类场景,我把它总结为用户会持续操作的场景,可能不太贴切,举例子说明吧。比如新浪发送微博,假设用户在编辑内容时,字还没打完呢,就提示用户网络超时,这是想不想让用户打字了?这时常见的提醒样式有以下几种。

  重试按钮:见微信聊天,发送失败会提醒用户,点击即可重新发送。

  弹窗:见淘宝截图,在用户操作时不打断,完成后会弹窗提示失败,并保存操作,弹窗里的内容一般比较重要,有时内容较长也会用弹窗。

  toast:见知乎,断网时打开首页,已经有缓存好的内容(没有缓存内容时需立即提醒),没有立即提醒,随便点击一篇内容时会提醒。

  

 

  多种提示样式一起用

  结合使用也很常见:如微博,用了重试按钮,方便恢复网络时重新发送、Notice bar点击可进入草稿箱、同时还用了toast提醒。

  总结:这类场景下,常见的提示样式有重试按钮、弹窗、toast。

  4.不需要提醒

  这一类场景,断网了也没什么影响。比如微信阅读,读一本本地书籍,内容都缓存好了,不需要提醒用户。

  总结

  一般的app会根据需求和场景使用多种断网提示方式,而不是单纯的一种。比如微信,断网下消息列表用Notice bar、设置页面用弹窗、聊天框用重试按钮、朋友圈断网时不提醒。

  现在试着用这样的方法来优化pmcaff的断网提醒。

  第一步,用户需不需要看缓存内容?个人觉得,截图的那页的核心就是展示内容,所以没有理由在断网后清空页面缓存。什么时候检查网络状况?这个比较明显,下拉刷新时检查网络状态。那么结论是,用户需要看缓存内容,下拉刷新时检查网络状态。

  第二步,根据场景选样式。这一块需要立即打断用户并提示吗?如果没有缓存内容时,啥也看不了,需要,用整页提示。但如果有缓存内容时就不需要了,在点击开一篇文章时再提醒就好,可以参考知乎,用toast。

  总结改动为:断网情况下,有缓存内容时下拉刷新不清空缓存内容,用toast提示。(PS:pmcaff整页提示的文案也可以改一下,改为“加载失败 请点击重试”)

  最后感谢看到这里的朋友,之前自己在梳理自己产品的断网规则,想看看网上相关的文章,但是没有找到。所以把自己的思路整理了一下发出来,不一定靠谱。希望可以抛砖引玉,欢迎批评,欢迎交流。