首页

页面中不能承受之——多重引导如何处理?

涛涛


如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

有时一个新功能的上线,新内容的更新,会导致在一个页面中出现层叠式的引导内容,页面上大部分引导的触发时机也比较接近。那么,对于这种多重引导,要如何处理呢?


交互设计流程中,每当有新功能上线或者新的内容优化更新时,对应版本中一定会出现新手引导或者相应形式的提示内容,这在业界似乎已经成为一个约定俗成的东西。

毕竟,酒香也怕巷子深,在这个用户注意力被极度分散的时代,任何一个应用都不敢说,自己可以占据用户每天绝对时长的时间,让用户来“充分”自己挖掘每个版本的更新内容。

所以,“自荐”似的引导出现在了每一次的应用安装或者更新中。

在一次版本验收中出现了这样一个问题:最初的设计过程中,由于功能模块都是单独提出需求的,所以交互设计文档给出的时候也是拆分成不同的模块提交,可是实际验收时,当所有的新功能都在一个页面中呈现的时候,问题就出现了。

由于页面功能改版较大,既有新功能的上线,又有新内容的更新,所以在一个页面中出现了层叠式的引导内容,页面上大部分引导的触发时机也比较接近,因此就会在某些页面出现气泡、蒙层引导堆叠显示效果,让人防不胜防。

在于产品和开发同学沟通后发现,除了需要合理统筹调整触发时机以外,需求提出时并未严格区分每个引导是根据用户ID来判断,还是依据设备ID来判断,实现过程中统一默认以用户ID作为了引导出现的标准。

结果导致页面中出现引导堆积的情况出现,将引导的触发条件增加一条设备ID和用户ID,本质目的是将引导出现的时机更加合理化,在不影响用户操作流程的情况下向用户传递信息,提升用户体验。

如何解决这个问题?

还是需要从本源找起:一是引导的目的,二是触发的判断依据。

一、引导的目的

(1)新用户操作引导

主要是指用户第一次安装应用后出现的引导,告知用户核心操作方法和流程。

(2)功能更新引导

主要针对产品功能升级后,用来告知用户新功能的入口、操作方式等内容。

(3)与用户权益相关更新或说明

当更新内容与用户权益、身份属性内容相关时,需要出现适当的引导或者气泡形式的提示来告知用户,这种引导与用户的激励体系、产品玩法高度相关。

(4)常规功能操作引导

这种操作引导较为常见,每次更新应用或者新安装时都会出现,几乎成为例行出现的“常识性”引导,例如:页面中的手势操作引导等。

以上4中引导类型,在具体展示形式上主要包括前置引导和过程中引导两类。

前置引导:类似于引导页,在用户开始使用应用前直接告知用户更新的功能、玩法等enrich,一般都是全端出现的。

过程中引导:是指用户在实际使用到,或者进入该功能入口所处界面时出现的引导,这种引导需要用户的触发时机。而且由于出现在操作过程中,对操作本身具有阻碍的副作用,所以也只会出现一次而已。

了解了使用引导的目的,再来看一下触发引导的判断依据——设备ID和用户ID。

二、触发的判断依据

(1)设备ID

是指Device ID,是一台设备的识别标识,正常情况下,一款移动设备上的应用,无论切换都少个登录账户,其设备ID是不变的(刷机除外)。

(2)用户ID

即User ID 或者UID,是用户在登录应用后的身份识别码。用户ID产生的条件是需要用户注册生成账户后登录App,这样用户就可以想服务器发送和接收消息,服务器也可以通过UID来进行准确的push消息推送,用户与服务器之间可以进行交互。

除去一些纯工具类型的产品,大部分应用都需要用户注册登录后使用,当然,在这里就不深究是否强制用户登录等逻辑。

三、解决方案

明确了以上两方面内容,同时考虑引导使用的形式,其实也就不难判断,应该如何处理页面中多层引导的问题了。

(1)新用户操作引导/功能更新引导

这类引导如果使用前置引导类型,则信息传递是面向全局的。

当功能引导与用户个人信息无关,只是功能操作或者内容更新时,往往可以以设备ID作为推送判断标准,即一个设备,在一次应用安装周期中,出现一次即可。若用户在引导出现后,切换了登录账户,再次打开该界面时,不在出现重复的新手引导。

简单来说,此类引导的出现不需要区分用户信息,甚至不需要用户登录即可使用,所以基本上此类引导均已设备ID为触发判断的基本条件。

若此类引导使用过程中引导,则需要在实际使用过程中抓取适当的触发时机,此时如果出现多重引导时,则需要适当区分使用用户ID或者设备ID作为触发条件,从而将引导出现的时机合理区分。

(2)与用户权益相关更新或说明

此类引导一般需要细分用户身份信息,准确推送用户所需的内容。例如:会员与非会员之前在某个功能上有权益的差别,引导或者提示的内容则需要按身份不同来推送。使用前置形式时,可以根据实际需求调整判断依据;使用过程中中引导,这时则基本上需要使用用户ID作为触发依据,其他引导可使用设备ID用以区分不同引导。

(3)常规功能操作引导

『例行』出现的引导,不受场景限制,与用户权益关联度较低,因此以设备ID作为触发的基本判断依据即可。

四、小结

当页面功能过多的时候,难免会遇到多重引导的问题出现,除了通过展示形式、页面内的触发时机来区分以外,还可以通过设备ID和用户ID的作为触发依据来细化和区分引导出现的时机和场景。

不过这种判断方式也并不是一成不变的,需要灵活处理,例如:当引导出现时,该场景下用户处于未登录状态,此时服务器根本无法获取用户ID,在此场景下讨论设备ID还是用户ID显然毫无意义,需要重新调整引导出现的时机或者展示形式。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务


云图项目设计思路分享

涛涛

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

主要是对云图项目进行一些回顾,起到一个巩固的作用,望能通过这个总结讲述出设计在项目中的价值体现。

Image title

Image title

Image title

Image title

Image title

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务

你为什么觉得交互设计难?

博博

你为什么觉得交互设计难?

原创 康石石 2018-07-30 10:14:24

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

交互设计作为国内当下艺术留学中的一个新兴专业,申请人数逐年增加,甚至已有赶超服装设计、建筑设计这些热门留学专业的趋势。但在专业认知上,申请交互设计的同学却不及其他两个专业。这也使得很多交互学生在专业学习上要比其他人耗费更多时间,很难快速上手进行交互项目的创作。

但这丝毫不能推责于各位同学身上,因为国内基本没有正儿八经的交互设计专业,即便是有,多数也在工业设计与多媒体设计之间存有剪不断理还乱的关系,这使得很多同学对交互设计的认知较为单一,项目创作除了APP设计就是APP设计。但其实交互设计“入门”这件事,找对了方向,往往事半功倍。

今天的文章,康石石将为处于交互“入门”阶段的同学详细梳理两个问题:

1. 交互设计是什么?

2. 入门交互作品集需要从哪些方向入手?

希望大家在通读文章之后,能够尽快跨过“入门”这道门槛,以更稳定专业的心态进入作品集创作。

一、交互设计是什么?


各个百科上对交互设计都有非常明确的定义,但对于没有专业基础的同学们来说,这些定义还是略显弯弯绕绕,康石石简单解释一下:交互设计,其实就像人与人之间的日常交流一样,人与系统之间也是“有问有答”,具有互动性的,而交互设计就是协调人与系统之间的“交流”方式。凡是可以通过五感来达成的信息传递、观念传递、情感传递的互动行为都在“交流”的范围之内。

从具体表现形式上来说,包括但不限于手机APP、传统网站、可穿戴设备以及新兴的VR,各种与非电子类产品的交互关系也属于交互设计的范围。

你为什么觉得交互设计难?

这样一讲,交互设计的范围似乎太过宽泛,但其实简单来说,交互设计大致可以分为三个基础模块:

1. 美学——用户界面设计(User Interface Design)

2. 心理学——用户体验设计(User Experience Design)

3. 计算机&工程学——人机交互设计(Human-Computer Interaction)

你为什么觉得交互设计难?

在这里我们先说UI设计(用户界面设计),大多人似乎都知道UI设计是什么。但其实,UI放在交互系统内,比如众所周知的app、网站,它可以成为交互设计展现的一种媒介,是交互设计中一个难以或缺的组成部分。严格来说,UI设计并不属于交互设计,它实则应该归类于Graphic Design--平面设计。

HCI(人机交互设计),与VR、AR,以及大数据等次时代的前沿科技相关,未来发展前景光明。但需要强调的是,HCI绝大部分学校是按理工科教授,因为它主要研究的是人机如何交互,而不是人机为什么交互,为谁交互,以及交互究竟有何意义。简言之,就是HCI研究人机交互的技术,更简言之,多数是在搞程序、编代码。

最后,重点说一下涉及到心理学的UX设计(用户体验设计)在交互作品集的创作中,UX是尤为关键和重要的,主要原因在于,相较国内对于学术研究和视觉审美的培养,国外院校更看重的是设计出来的物品是否真正解决了用户的需求。

这一点就要求了设计者必须换位思考,设身处地的站在用户的角度上去考虑设计的每一步。这也应证了交互设计的本质——交互设计师设计出来的是用户想要的东西,而不是设计师要做用户想要的东西。

你为什么觉得交互设计难?

二、入门交互作品集需要从哪些方向入手?


一般情况下,对于完全零基础的同学,康石石东家-汉艺国际在其进行作品集创作前通常会先安排2-3周的基础专项课,一系列课程下来,基本就能掌握作品集创作所需的所有知识及能力。这些课程康石石无法在这一篇文章中表述完全,仅为还处于入门阶段的同学就两方面内容作简要解析:

1. 交互项目

这一点是大多同学都非常关心的问题,以下康石石列举五种最常见的交互项目,若有些同学已经具备较为完善的交互专业知识与能力,可以尝试更为高阶的项目:

1)APP、网页

交互设计作品集中,最容易上手的就是单一化的APP或网页项目,几乎每一个同学都会涉及到。而且APP与网页项目的制作过程与方法相似程度高达90%,同学们在创作项目初期可以先尝试这类项目练手,尽快熟悉作品集的创作流程。

Y同学,17届学生,获卡内基梅隆offer

你为什么觉得交互设计难?
你为什么觉得交互设计难?

2)复合APP制作

比上述提到的APP和网页稍复杂的是复合APP,比如产品+APP、传感+APP、装置+APP、手表+APP 、网页+APP等等,简单说,不仅仅是以APP为载体类型的应用都可以称之为复合App。主要也是为了解决形式单一化,以及丰富项目内容创造更多设计点。如果思考维度多元化,专业领域深入探究,也可以发展为一个服务设计项目。

3)交互装置制作

交互装置在交互作品集中属于拔高项目,因为技术方面涉及到了电子化编程和电路板连接传感器等内容,呈现效果体现了交互意识、审美意识以及代码意识。内容方面,交互装置更多是从产品原型开发去研究。由于涉及到代码问题,在创作这类项目之前,专业技能及代码知识都需要系统的了解。

H同学,15届学员,获伦敦传媒学院、爱丁堡大学、拉夫堡大学offer

你为什么觉得交互设计难?

4)游戏制作(普通→AR→VR)

在交互游戏制作过程当中,很多同学会遇到不知道制作流程,不明晰VR和AR是什么概念,或许也会困惑为何我们把AR、VR列入游戏制作等种种问题。事实上,VR、AR也都需要通过游戏引擎搭建,所以从本质上来看,它们都是游戏。

L同学,17届学员,获伦传offer

你为什么觉得交互设计难?
你为什么觉得交互设计难?

2. 创作交互作品集需要具备的“基础能力”

对于申请名校而言,同学们在基础专业知识、作品集创作流程之外,还要具备四种基础能力:基本审美能力、思考和解决问题的能力、创意、以及个人风格。

1)基本审美能力

对于设计师而言,良好的审美能力是必备的创作基础。一般情况下,院校的考官大多会通过项目中各种低保真、高保真的UI原型设计,以及整体作品集的排版等视觉元素来判定,包括排版中每个图标的位置、统计字体大小的一致性、整个项目风格的统一性等等。

你为什么觉得交互设计难?

2)思考和解决问题的能力

设计过程中,设计者的思维方式、逻辑关系是否清晰、有条理,是否通过设计过程解决了前期提出的问题,这些才是海外艺术设计院校的老师们最关注的关键性问题。

需要和同学们强调的是,想要创作一本优秀的作品集,最基础的要求是熟知其创作流程,这是考官的考察点,但仅凭这些自然不够。

无论是前期调研还是后期做原型做测试,正规作品集的流程通常都是一样的。因此,考官在判定申请者个人思考和解决问题能力的高低时取决于不同人在思考过程中每一步的逻辑所在。根据什么现象发现什么问题,根据什么问题设计什么功能,如何通过思考一步步得到解决方案,这些都值得同学们在创作中进行多维度的思考与试验。

3)创意

不拘泥于APP类型的交互设计。一个交互作品集通常需要5个项目,同学们在APP设计之外,必然需要通过更多创新型项目,用以体现自己对专业能力的把控以及创意思维的体现。比如目前还属于创新型拔高项目的VR和AR,尤其是在如今众多艺术作品集表现形式都略显中规中矩的情况下,一个优秀的VR或AR项目会帮助作品集脱颖而出,为整个作品集增加亮点。

比如汉艺16届学员T同学的作品集项目中,将水下AR系统与导航系统相结合,让两种不同的交互题材领域相互融合,展现了自己多维度的创作能力。

T同学,汉艺16届学员,获金史密斯,威斯敏特大学offer

你为什么觉得交互设计难?
你为什么觉得交互设计难?

4)个人风格

在交互作品集中,个人风格的体现,几乎可以算得上能够最快让自己的作品集脱颖而出的有效方式之一。这里说的个人风格并不是指每个人所做的作品集项目的风格,而是你作为设计者,作品集中所包含的个人设计理念和思考风格。

以汉艺16届学员D同学的CUI项目DANA为例,项目主要为已刑满释放重获自由的前犯人们提供重返社会工作的各种服务。首先,可以看出项目题材切入点较为新颖,充分展现了D同学在生活中善于观察的独到之处,此外,D同学还细心的为DANA设计了虚拟形象,细节部分可见一斑,充分体现了设计者的与众不同和强烈的个人风格。

D同学,16届学员,获CCA、SVA、Parsons Offer

你为什么觉得交互设计难?
你为什么觉得交互设计难?

Final: 以上对交互作品集入门阶段的知识要点为同学们做了简要整理,大家需要明确的是,交互设计虽是一个新兴专业,很多人对其认知也确实不够全面,但从零基础到能够创作一个完整的交互项目之间并非难以跨越,甚至只要合理安排好时间,有明确的学习规划,便能很快进入创作期。

最后,上述只是入门交互设计的基础知识,若想要支撑自己创作出更具竞争力的交互作品集,必然需要同学们在交互设计领域中继续学习和探索。康石石与东家汉艺也在一直尝试通过各种课程帮助大家探索更多交互的可能性,这不仅是为了作品集创作,更多的是希望各位在专业能力以及创作思维上都能有更高质的提升。


艺术留学&艺术作品集咨询:

汉艺国际教育--康石石作品集指导团队

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



视觉设计师如何做竞品分析?来看这份超全面的指南!

涛涛

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

作为用户体验设计师,竞品分析也是必备技能之一,通过分析市场上的竞品,能够让设计师在短时间内快速了解自己所做产品在整个市场中的定位,对于视觉设计师来说,有一个系统的竞品分析方法,能够全面了解竞品的品牌、交互、视觉、市场等方面。同时竞品分析也为设计师提供一份可量化的评价标准,避免过于主观的看法,帮助设计师用专业水平说服团队伙伴,提升设计师的专业度,明确设计目标,优化设计产品。

那么今天我们就来聊聊从设计师角度如何来做竞品分析。

一、竞品分析的目的

1. 战略层

目标:了解市场情况和商业目标,分析产品的定位,明确自身的优势,以及与其他同类产品差异化的竞争点。

在这个层面上,身为视觉设计师,建议在做这部分的内容分析时,多和产品经理沟通,了解他们如何定位竞品。结合观察和平时的使用体验,来得出属于自己的结论。

2. 用户层

目标:了解用户是谁,为什么使用产品,使用的场景是什么,是否存在痛点,提供用户想要的产品,了解用户想要的产品。

当前语境下,可以通过如下途径,从用户的语言、行为去了解他们真实的需求:

  • 使用用研团队的调研产出
  • 网上搜索用户反馈(appstore评论/官网官微/论坛等)
  • 直接的用户研究(方法包括问卷调查、可用性测试、用户访谈、眼动测试、焦点小组、用户画像、数据分析等)

3. 实践层

目标:得到有效的验证、有用的总结,找到能够启发设计的亮点,促进团队达到一致的共识。

视觉设计大部分时候处于产品设计环节的中下游,更多的是在交互产出的基础上进行设计,具体方案也是尽量遵照现有产品规范进行产出。当缺少视觉设计思考和理论沉淀、不明确与其他竞争对手的差别时,很容易碰到能力瓶颈。通过竞品分析,可以以更加全局的视角审视竞品的方案和自己的产出间的差距,从而产出更的设计,提升设计思考力,提高产品核心竞争力。

二、竞品分析的原则

原则1:呈现方式

突出要分析的维度上,我们产品所处的位置——排行如何、是好是坏,化主观为客观。必要时可以通过象限图、表格排序、树状图等方式呈现,可以为我们的分析提升可信度和可阅读性。

原则2:呈现选择

数量上不需要大而全的覆盖所有竞品,重点选择市场上优秀的竞品进行分析,就可达到我们的设计分析目的。

原则3:呈现内容

做竞品分析时容易将产品和企业文化、产品商业战略等信息剥离开,这样就很容易忽视这其中的相关性,分析的时候,就有可能导致片面或者出现误差。

三、竞品的选择

1. 直接竞品

跟所做产品有直接竞争关系,使用场景和用户群体一致的产品。

2. 间接竞品

使用场景和用户群体可以不一致但比较接近的产品。

3. 相关竞品

定位和领域可以完全不同,可以是不构成竞争关系的产品。但是相关交互和流程有关联,可以从中得到启发,因此无需研究整个产品, 只研究与产品关联的部分。

注意

基于自己的目的选择竞品,同样的产品,但出于不同的目的,其所处的维度可能有所不同,同一个产品的不同模块也有可能处于不同的维度,在实际操作中注意甄别。

四、竞品分析的矩阵

1. 品牌传达

一个好的产品,会在产品的设计中融入品牌因子。让产品在传达内容的同时也在不断传达产品,让用户不断的接触产品。起到潜移默化的在用户心中塑造品牌形象的作用。做竞品分析之前先确立品牌的定位再去分析产品,会得到更真实合理的分析结论。

例如可以通过提炼出竞品的颜色、icon、配图等方式推导得出视觉性格。

2. 视觉风格

正确的定位视觉风格,可以让用户对产品更加有亲切感和融入感,从而增加用户满意度和用户粘性。 可以通过提炼竞品的关键页面、配图等方式,推导得出视觉风格和风格的优势。

3. 页面布局

分析竞品的布局方式,对具体页面信息和布局进行细致拆解;研究界面元素之间的亲疏关系,版块之间的划分方式,基本元素的重组规则,以及一些细节的处理手法等。

由于具体页面布局拆解工作量较大,所以可根据需求,拆解部分页面即可。可以用横向法和时间轴法进行拆解。

4. 动效

一个好的交互动效可以加深用户对产品的内心印象。动效的使用让页面跳转更加页畅,指引用户的体验更佳。是对产品进行高阶的进化。给用户体验带来的好处是跃进性的。可以在这个点上,分析产品具有差异化的设计。

注意,不要为了加动效而加,好的动效是无感知和恰到好处的。不然,有可能会起到减分的效果。

5. icon

图标是产品设计的灵魂之一,一个好的图标设计直接赋予产品灵气和辨识度。 分析竞品图标,从功能性、识别性、美观性不同的维度出发,逐一排列观察。

6. 字体

分析竞品字体样式的使用、字体数量的使用、字体层级的使用。

将文字的使用列成使用表之后,可以从字体的不同的使用方面分析出文字层级的设置方向,以便系统的管理字体在产品中的运用。 可以更好的规范我们即将要设计的产品,从开发的角度来讲还可以更好的协同工作。

7. 规范控件

对页面的元素和流程进行拆解,找出哪些是由控件组成,以及这些控件是如何在产品里变成规范。

规范控件的分析整理将对产品的设计起到非常大的帮助,可以帮助我们从微观跳出,在宏观层面把控设计。控件的规范可以让产品具有一致性,帮助团队协作完成统一风格的页面设计。

8. 竞品分析的输出

做完以上分析,最后得出自己的设计总结并输出,竞品分析总结根据不同目的从以下几个维度进行拓展,重点在于输出观点而非「介绍」。

总结的时候主要是突出说明竞品相较于自己所做产品有哪些优势,同时又有哪些不足,最好说明竞品是什么原因而产生了这些问题,从设计的角度详细说明我们准备如何突破。

产品品牌:品牌的定位与产品形态息息相关,总结竞品设计有多少为品牌化服务的,可以从中做哪些借鉴。

  • 设计风格:总结竞品的设计风格,取其精华去其糟粕,说明如何应用在自己的产品中。
  • 设计亮点:设计中差异化的东西是否是竞品脱颖而出的关键点,这些亮点在我们产品中使用的可能性。
  • 设计趋势:虽然所有内容都是基于现有产品产出的,但建议设计师更进一步,在现有竞品分析的基础上,结合行业动态,发掘行业整体设计趋势,反推运用到自己的产品设计中。

五、验证环节

竞品分析报告明确目的是第一位的,针对自己所做报告想要达到的目的,在项目结束之后,拿出支撑性内容查看自己的竞品分析, 复盘看哪些分析是正确的,哪些分析和最终产出不相等,不相符的原因是什么。

具体可以通过数据(例如转化率、UV、活跃度、营收等)、用户反馈来验证,具体形式根据报告目的来定。这样做能不断地改进我们的竞品分析,将竞品分析的价值最大化。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务


17个 UI 设计指南

蓝蓝设计的小编

设计没有捷径,但是能骑上自行车肯定会快很多。文章中用17个简单案例进行透彻的分析。

设计没有捷径,但是骑上自行车肯定会快很多。

一个懂市场的设计师有多可怕?

博博

一个懂市场的设计师有多可怕?

118天前发布

集创堂原创文章 / UI / 观点 

设计师不是孤立的,我们的一切设计都是多种条件共同作用的结果,考量产品处于什么样的市场,是做好设计的基石。

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

为什么要跟设计师聊市场?因为设计师不是孤立的,我们的一切设计都是多种条件共同作用的结果,考量产品处于什么样的市场,是做好设计的基石。今天要跟大家谈的就是处于现有市场、全新市场、垂直市场的产品所对应的设计策略。


现有市场的设计策略


现有市场是社会价值和用户需求已经被论证的市场,比如淘宝、京东、天猫、58同城、美团、手机类等都是现有市场。这些产品的用户量很大,新的产品加入很难发掘新的竞争机会。


就拿手机来说,经过几十年的开发后,各种产品的设计非常的雷同。所以在这个市场里,从产品的宏观角度来说,设计往往起不到太大的作用了。假如我们采用差别化战略,那么往往拼的是性价比。小米就是这样做的,小米通过优化利益链条,它可以将一个价值3000元的手机卖到1900元。


那么这里我们提一个问题,你觉得小米手机到底属于是设备还是互联网产品?


小米为什么说自己是互联网公司?一部分原因是小米是完全的借助互联网发售,这样就省去了中介环节,手机直接发给用户也确实省去了渠道成本,所以这样它才有能力把价格卖到这么低。但是这又涉及到另外一个问题,这种有形产品需要经过了解、信任、价值和转化这套流程,小米没有渠道和中介环节,那么最开始它是如何让用户产生了解和信任的呢?


为了做到这一点,小米造出了一个词:“粉丝文化”。它让用户通过在论坛不停地地提建议和互动,通过交流让用户自己完成了对小米手机的了解和信任,完成了销售的第一步。但是这还不足说明它是互联网产品,还有另外的原因。那么第二步呢?


设备类产品通常软件和硬件是融合到一起的。比方说,联想手机,它被生产出来后,它的系统不会再频繁的升级,因为联想手机的产品线过于庞大,因此也无法保证能常常升级的频率,而小米却带来了不一样的变化。


首先小米只有一款手机,这样它维护起来更加方便,其次,小米分离了软件和硬件,使自己变成了独立的操作系统,然后像app一样借助自己的平台即时收集用户的反馈和意见,定期更新和优化自己的系统。这就是互联网思维的特性二:专注、反馈、快速、频繁迭代,它在小米身上得到了充分的体现。


小米的这种研发模式,结合了手机的特点和互联网的更新特点,确实能时刻抓住刺激粉丝的兴奋点。这种模式前期确实起到了不错的效果,但是同时也埋了地雷。在产品开发的世界里,很多的难题都出现在大家都看不到的区域。比如如三星的s3、 s4 引入了大量的创新功能,加了很多的传感器,但是这些东西加入后,谁也不知道会不会对手机的基础功能出现影响,毕竟大家都不能未卜先知。到了一年后最后大家才发现三星的旗舰机,用了一年后系统会瘫痪,这是因为大量新技术的加入,带来了很多未知的问题。


小米也是,小米的软硬分离让带来了软件可以快速升级,从而可以迅速迎合用户的优势。但是同时也带来了问题,小米手机如果使用了一段时间,硬件的触摸上就会出现一些出现错误。


小米的商业策略成功后,一大批企业,华为、联想、中兴把它们的手机都变为了千元机系列。当然这些公司也只是盲目的打价格战而已,小米的千元精髓,并未被根本复制出来。


上面谈的这些,都是在讲我们从传统的设计逻辑中摆脱出来,可以尝试看到更多的商业逻辑。集创堂反对的是孤岛型设计师,我们主张设计师更多的从市场、产品、自身形态多个角度去看待问题,这样才能让自己的设计价值最大化。我们再来谈第二个例子,这个和设计有关。

翼支付要从支付宝中抢夺份额


还有一个类似的故事是天翼支付如何抢夺支付宝市场份额的故事,这种形态的产品,设计是无法起到决定性的作用的。道理很简单:在现有市场里,你的产品功能和支付宝一模一样,并且支付宝占据了市场,那么你的设计就很难找到什么突破点去打破这种统治,唯一的办法——咱们说的直白点——就是用钱砸,支付宝年收益率是4%,你是8%,这样才有机会从市场中拿到一点点份额。因为在现有市场中这种前提下,产品拼的就是钱,就是销售成本。


兰切斯特战略里曾经提到:“在现有市场中,对于那些已经形成市场统治力的产品,要想和它斗争的话,你的销售和投入必须是它的三倍才有机会获胜”。看来从这点来说我刚说的8%已经少了,应该是12%。


讲这个些例子是想告诉设计师,很多时候如果你努力的方向对,你的努力其实都是无用功,不是什么事拼命去做都就一定会带来价值的,这也是我一直在讨论集创思维的重要原因。作为一个设计者,前期一定要了解自己的目标人群、市场以及产品所处的市场。


全新市场的设计策略


全新市场是未被验证社会价值的市场,在这个市场里根本找不到竞品的,他完全是新的产品,例如Google Glass。中国的企业甚至整个亚洲的企业都很少会去挑战全新市场,这种市场的风险极高,往往推出做一款产品设计之前要用1年甚至更长的时间做用户研究,而且失败的风险率极高。当然也可能带来很多专利方面的贡献,一旦成功,利益也是可观的。


全新市场的产品做用户调研的失误率也非常之高,因为用户从来没见过设计师描述的产品,他们给出的反馈结果也未必能反应他们的真实诉求。这个时候“专家用户”的观点就变得极为重要,因为专家用户长期处在相应的这种环境中,他们对于市场的感应更加敏锐,所以他们给出的结果就更可能找到创新产品的生存本质。之前讲到到Google Glass就是全新市场的案例。


做全新市场的产品要严格思考自己是否能解答用户的刚需,这个可以参考马斯洛原型中的图解,除此之外还要考虑这个产品的使用是否会成为一个高频率事件,这样才有足够的商业空间。我们可以通过“创新三要素”来判定这个创新是否是一个合理的创新。


亨利福特说过一句话:假如当初我问客户他们,需要什么,那么他们会告诉我他们要一匹批更快的马。那么用户所要的这匹“更快的马”的本质上是什么呢?


他们本质上要的是更快的速度、更快的效率,所以创新三要素的第一个就是:


A.是否提升了人们的使用效率


例如火车取代马车,机器取代手工都是因为它们提升了人们的工作效率,这是时代发展决定的。所以提升效率是创新能否被广大用户接受的第一要素。


B.是否让人们获取更多、更准确的信息


互联网的出现取代了着书籍;电商平台酒仙网的出现让更多的人愿意通过它来购买酒水,这是因为它们可以提供给用户更多的信息(可以对比酒水的价格)。人们对于信息的获取也是一个很原始的需求,好比一位小贩做生意,在东村进货需要4元,在西村进货只就需要2元,如果他事先不知晓这些信息就有可能亏本。所以人们对信息是充满渴望的。


当前很多的社交产品都会遇到同样的问题。微信对它们的冲击力太大,特别在信息的通讯效率这方面,没有产品对手能拼得过微信。那么拼效率我们走不通,我们却可以拼在当前的场景下如何更好的提升信息。比如陌陌拼掉微信“附近的人”,就是在陌生人社交领域用更多的信息战胜了更高快的效率。再比如,同性恋社交产品在同性恋领域拼掉微信,也是因为更多、更准确的信息战胜了效率。


C.是否满足人群在特殊情况、特别资源下的需求


这个点是指一些创新有独特的商业壁垒、独特的资源优势、独特的需求的,例如12306这种产品,或者人工智能等技术领域就属于此类。


垂直市场的设计策略


垂直市场,也称为细分市场。在这个市场里我们的产品策略通常是细分一个规模很大的现有市场,例如细分淘宝、细分社交都能带来更多的创业机会。这个也是目前创业机会出现最多的市场。

比如在手机市场的红海里,假如我们生产一款老人手机或儿童手机,那么这个就是属于垂直市场。当无数老人手机涌现出来的时候,手机市场需要细分去满足老年群体的需求,因为现有市场的产品无法满足这类群体的需求,所以市场需要细分去满足特殊群体的需求。


细分这个市场需要更好地的调研出市场目标人群的需求,然后根据目标人群的特点来开发产品,设计师应该用更多的时间去调研目标人群的需求,只有更好的找准人群,才能很好的设计出被他们喜爱的功能


比方说我们要生产老人手机,那么大家可以看看上图中的界面,看出有什么问题了吗?通常我们会对于老人机的理解是认为觉得老人眼花,那么大号字体、大型图标肯定是符合老人非常关注的一个特点的设计,所以我们在这张界面中增大了字号和点击模块。但是经过调查研究发现,其实这张界面的设计里面的文字和空间摆放也是充满了问题。


首先很多老人都不明白“聊天室”这个功能的含义,它居然还放在了顶部这么显著的位置。另外像“图库”这种平时我们觉得很容易理解的文案,可能很多老人们都觉得理解起来也很困难。


另外还有一个细节特点是非常不容易发现的,你死盯着界面考虑很难会注意这一点,那就是老人点击手机的时间比预想的要长,换句话说就是老人无法区分的“点击”会和“长按”功能发生冲突。所以,我们在做老人机的设计时、就应该该取消“长按”的功能,只要老人触摸到图标就应该给予一样的反馈效果。界面的长按、双击和单击,我们都默认是一个操作。


因为在实际设计过程中,设计师还应该考虑到系统运行速度慢的问题。如果是一个缓慢的手机系统,会带来造成老人的多次点击,他们会怀疑是不是自己没有点中。所以从上述的观察,我们可以想象到联想到苹果手机的 3D Touch,这个技术对于老人们来说是多么大的认知负荷。


另外关于垂直市场,我们再谈一款深受95后喜欢的社交软件——JUJU。


微信这个产品当初在95后的人群里并不是十分被买账,记得张小龙曾经调研过几位95后的女孩,向他们推荐微信的功能。例如,微信可以免费的发消息,这可是非常吸引70后和80后的功能,就是一个很酷的功能。但95后的女孩表示毫无感觉。张小龙和她们聊了很多,最后聊起微信“附近的人”这个功能,可以查看附近的帅哥美女,两位95后的女孩才感觉这个功能很酷。


张小龙顿时感慨,深受电子产品影响的95后人群崛起后,可能会对腾讯的业务造成很大的冲击。时代的差异会带来更多细分市场的商机。那么我们可以来品评下部分95后喜欢的社交软件JUJU——这是一款二次元社交产品,很多80后甚至90后可能根本没听说过。


所谓的“二次元社交”就是用漫画或动漫番剧里的世界观来进行社交,这对很多不了解二次元世界的人来说是非常艰难的认知壁垒,笔者为了解这款软件,曾经潜心在里面陪着各路用户聊天聊了整整三天,还虚心地拜了位“师傅”,向他们请教各种自己听看不懂的名词问题。后来一问自己的“师傅”原来是个初中生,还没参加中考。

在JUJU里学习的过程中,笔者围绕了Cosplay、二次元交友积累了大量的文案和谈话内容,如果你没看过 live 现行的等几部知名漫画或者动漫的话会是非常难以理解JUJU里呈现的内容的,但是这些我们看来难以理解的词句却词让这个特殊的群体找到了属于自己的文化认知——JUJU二次元中独有的文化认知。


例如,“六娃的隐身模式”这种在JUJU在设置里是直接引用的词,其实就是app里对用户常规的隐身模式里很火的词串。大家知道为什么这里会出现六娃吗?我相信很多上年纪的人都不懂,在国产动漫界有个一个知名的漫画网站叫“有妖气”,“有妖气”上有个非常出名的漫画叫《十万个冷笑话》,剧情里七个葫芦娃里的六娃是隐身娃,它的漫画设定是从出生开始就是被动隐身的,也就是从来没有人看到过他的脸,我估计连他自己都不知道自己长什么样,这个梗不知怎么在二次元里就火了,很多二次元的95后只要看到隐身就会联系到六娃。


诸如此类的“暗语”在JUJU中是非常多的,形成了自己独有的社交文化,也让这类用户找到了归属感。


最后还是那句话——不要做孤岛型设计师,多抬头看看天,从多维度考量产品的设计到底应该如何做。


关注公众号“集创堂”,查看更多原创设计类文章。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


连BAT设计师都在用的视觉动线技巧

涛涛

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

作为设计师,我们需要很好的控制用户在使用产品过程中,他们浏览的路径,需要了解我们的眼睛是如何处理信息,本周我会结合我之前学习的一些知识和大家分享下视觉动线这个概念,以及如何在设计中进行运用!学习过程红大家任何不明白地方,欢迎加我微信交流:uiskyss

请登录并验证邮箱后查看原图请登录并验证邮箱后查看原图请登录并验证邮箱后查看原图

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务

这10个不好用的微信设计,有哪些深层次的产品逻辑?

涛涛



如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

作为在即时通讯领域超越昔日霸主 qq,并成为第一大全民 app。微信在产品设计领域一直被奉为经典享受着无数赞美和模仿追逐。


但是我们用户在使用产品过程中,难免对微信的某些设计产生疑问,有的设计可以说脱离了我们对用户体验的认知。

为什么会这样呢?是否在微信这些「不友好」的设计存在其背后的深层次的逻辑呢?

以下我举例10个点来分析这些「不友好」设计以及它背后的设计产品逻辑(个人思考猜想)。

1. 点赞评论为何要聚合,增加一个操作层级

朋友圈点击操作 icon,出现评论和点赞两个操作按钮。如果要点赞评论还要点击对应的点赞评论按钮,为何不直接将点赞和评论按钮放出来呢?

从用户操作的性来看,现在的朋友圈这种设计方式不够,多增加了一个操作路径。微信这样设计是有什么背后的深意和思考呢?

朋友圈的定位是分享生活,重点是分享而不是互动,如果将点赞和评论的入口直接放出来的话,用户互动频率变高,导致点赞者和评论者的特意的意图性和含金量远远不如将两个操作收起来的高。收起来的点赞评论所收到的赞美和互动会让分享者更真心实意,同时也减少了消息通知的无效打扰。这样整个朋友圈互动分享生态会变得更好。

2. 朋友圈为何不单独为一个tab,而只是tab里面的一个模块

在大众用户使用最多的两个功能,一个就是对话,一个就是朋友圈了。但是朋友圈却作为 tab3 中一个模块,按照用户高低频操作来说,朋友圈完全可以另成为一个单独 tab 了。

微信为什么这么做呢?我觉得如果微信朋友圈作为一个 tab 的话,那么微信真的变为了一个社交工具,而不是一种生活方式了。从格局纬度上说,生活方式的格局定义远高于社交工具。同时朋友圈作为一个模块,可以很好的将一部分流量分发到购物、游戏、扫一扫及小程序等模块中。

3. 购物、钱包、游戏商业盈利强的产品为何都只是tab的一个小模块

在互联网产品中,几乎所有产品的思路都是如何将产品做大,然后实现变现盈利。在中国用户流量最大的 app 上可以有无限的变现玩法,向游戏、购物、支付这些都是强盈利的产品,而微信却只以 tab 中的列表展示给用户,这似乎不符合商业逻辑。

如果将购物、游戏、支付再升一级进行强化,那么微信给用户的标签和定位不再是生活方式,而变成了一个单纯的卖货、游戏、支付平台,这样的话可能会影响微信牢不可破的用户认知和产品地位。

4. 朋友圈为何不支持gif

gif 图通常是好玩有意思的图,里面可以充满各种梗,各种笑点。对于发朋友圈的人来说,发 gif 图是用户一个较大的需求。

在考虑用户分享者的需求时,也同时要考虑朋友圈浏览者的用户,如果做了 gif 图,那么用户在浏览朋友圈的过程中,很容易被 gif 动态所吸引干扰,影响浏览者浏览整个朋友圈的视觉焦点。有的用户为了吸引用户注意会故意发一些哗众取众动态图,吸引微信好友重点关注,这样会导致浏览者体验很差。

所以说用户需求并不是都要做的,需要综合考虑产品所有角色的所有需求和体验。

5. 通讯录作为一个超低频的需求,为何作为第二个tab

在微信寸土寸金的页面上,作为第二个 tab,无疑是代表着特别重要的地位,但是呢?这个 tab 内容都是和联系人相关的。用户进入这个页面操作的频率很小,为什么要将这么重要的位置给予通讯录联系人呢?

历史原因,早期的微信版本就是一个即时通讯的 app,所以联系人显得比较重要,作为 tab2 是很正确的,这样更有即时聊天软件的认知。

随着微信成熟之后,其他各个业务的进入,导致微信平台的臃肿,为了避免微信产品的认知和意识形态的改变,毕竟微信认知还是要保留即时工具这个属性,所以这个 tab2 一直保留。

6. 微信号为什么不能修改

很多用户第一次设置微信号时,随意取了,例如前任的拼音、以前手机号、很长随意的字母等等,现在都有想改的需求。但是微信号只能设置一次,不允许修改。

  • 微信号如果可以随意修改,那么和 qq 昵称一样了,不具有唯一性和识别性,整个后端数据存储会变得特别混乱。
  • 很多用户会在好多地方留下微信号(二维码)以此联系,如果可以修改的话,那么留下的微信号(二维码)可能会作废,这样很影响添加微信的成功率和体验,导致以后双方添加为了保险都不敢用微信添加好友而转用 qq 添加好友了。

7. 我的-相册为何不叫我的朋友圈

朋友圈鼓励发相片,发相片比单纯的发文字的动态质量更高,所以呢,我的-相册为何不叫我的朋友圈,如果改为了我的朋友圈,则更偏向动态发布。

8. 朋友圈为什么不支持分组查看

  • 实现朋友圈分组,首先需要对所有微信好友分组,这就需要改变微信添加好友操作逻辑,而且维护分组成本特别高,使用起来是灾难。
  • 大部分用户查看朋友圈是打发时间的需求。所以朋友发的内容对于他们来说,越多越好。增加分组功能,反而会降低内容的数量,让用户需要很多操作才能看完所有内容。
  • 对于内容过滤的需求,已经提供屏蔽某人功能。
  • 从内容分发上来说,增加按组来查看内容,很容易忽略掉其他分组的朋友产生的高质量内容。
  • 朋友圈分组,会导致很多的好友动态无法被浏览到,影响朋友圈的数据,也影响朋友圈的互动性。

9. 为什么群发仅限200人

很多人有群发需求,希望可以将所有的好友群发消息,但是微信只支持200人群发。

这里也涉及到两种角色:群发者和接收者。

现在群发的使用场景:二维码宣传、点赞请求、过年群发,微商定目标人群发广告消息等等,这些对于接收者而言都是骚扰信息。

如果支持不限量群发,那么接收者的垃圾信息会变多,会被过度干扰。

10. 对话列表为何不能批量删除

  • 如果可以批量删除,则微信对话的整体活跃会降低,批量的话聊天列表都删了,后续和被删者主动对话概率下降。
  • 删除为谨慎操作,删除后聊天记录不在。

总结

微信的设计逻辑大体上都分为两个方面:

列表的时间排序,应该正序还是倒序?

涛涛

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

列表时间排序到底应该正序还是倒序?哪种体验会更好?各大知名产品都是如何做的?

背景

前阵子正好做到了一个类似“申请通知“的功能,因为涉及到列表,所以要考虑列表的排序规则,那么问题来了,要用哪种排序规则(拼音、时间…)?

当然,这里肯定会用时间排序,那么按照时间的正序(新的通知在下面)还是倒序(新的通知在上面)?以下将进行一个系统的分析,列表时间排序到底要正序还是倒序?

产品分析

我们可以先看下市场上的产品都是怎么做的,在这里我将这些产品分成了两类(可能不全,这里不谈评论页面哈):

1. 消息通知页面

一般由产品推给用户,可能是产品运营通知,也可能是其他用户发生了一些操作等。

看了很多产品的例子,这里就不全部列出了,几乎大部分的通知列表都是按照时间倒序,只有网易马上办和拼多多是正序。

2.内容信息流页面

内容更新相对比较频繁:

几乎所有新闻资讯类都是这种类型的列表,采用的都是时间倒序。

微信和钉钉逻辑分析

1.微信

提及微信大家对微信新版本的一大改动肯定非常熟悉了,那就是订阅号的变化,微信把用户关注的所有订阅号的新消息拿出来放到一个页面——订阅号消息,它的排序是倒序,而其他具体的订阅号内部历史消息是正序,另外新的好友申请消息页面是倒序。

那么微信的这些模块为什么排序规则不一样呢?背后的原因是什么呢?我个人认为有几点原因:

  1. 首先新的订阅号类似新闻资讯一样(可能微信就是想把它打造成这样,这点我们不展开),所以按照倒序排列也讲得通;
  2. 具体订阅号中按照正序排列是因为页面下面有操作,可以进行文字的输入,所以这个页面很像聊天页面,按照正序也有道理;
  3. 腾讯新闻这个功能模块的排序有点不太理解,明明是新闻类,排序是按照正序,和订阅号很像,这里我也分析了两点原因:

1)毕竟微信主体功能是IM,那么其他的模块都是附属,不是主要功能,可能腾讯新闻的根本目的就是为了给腾讯新闻APP导流。

2)将其他的模块做成订阅号模式在产品层面一致性和复用性很高,既保证了体验一致性,又减少了开发成本。

综上所述,微信内部列表排序规则是根据具体场景和功能决定的,其实都可以讲得通,不过单纯就某些模块的体验来讲却是有些勉强。感兴趣的话,大家可以看看支付宝,它的内部所有的列表高度一致,都是按照倒序,包括它的生活号(和微信的订阅号很像),这里就不讲了。

2.钉钉

钉钉作为一款企业级IM产品,大家也许并不陌生,它的功能可谓相当复杂,涵盖了很多模块,已然做成了一个大的平台生态系统,那么是不是因为功能的复杂导致了内部一些列表的排序规则各不相同呢?

说实话我是有些懵的,比如其他大部分产品的通知都是倒序排列,而钉钉就是正序,那如果说钉钉有自己的产品规则和逻辑的话,为啥有些类似通知的页面排序又是倒序?

这个实在讲不通,而且场景和功能层面这些列表其实还是比较相近的,那唯一能解释的可能就是互联网界经常说的——“这些模块不是一个团队做的”。

思考

综上,大家可以看到,基本大部分产品都是采用时间倒序,也就是的内容在上面,也有小部分采用正序,那么为什么会按照这样的逻辑呢?我进行了几点分析猜测:

  1. 用户视觉流习惯从上到下,产品希望用户能及时关注新的内容,所以按照正序
  2. 列表可能有一些操作,如下拉刷新、筛选,的内容靠近操作会更自然
  3. 列表中若有回复的功能(微信公众号),更类似IM聊天页面,所以正序新的内容在下,比较合理
  4. 产品内部体验一致性,大部分产品内部只采用了一种排序规则(除钉钉和微信新公众号),这让用户在使用同一款产品时,体验是一致的,有预期的。
  5. 技术实现,技术实现的框架可能产品内部采用了同一套方案,所以如果是正序都是正序,是倒序都是倒序。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务

 

一名优秀的UI设计师应该具备哪些条件?

蓝蓝设计的小编

想做好一个好的UI设计师除了应该具有一定的审美能力,还要了解整个产品的开发过程,因为目前国内的软件行业还不能对UI设计形成应有的重视度,所以对我们的要求就更高了,你要能作出夺人眼球的东西,还要站在用户的角度充分了解他们的需求和使用习惯,因为一般的软件公司的UI设计师只有一个或者几个也都是孤军奋战,而且经常会碰见没有经验的TEAM LEADER,不懂得协调你和其他团队成员的工作,所以你还要与团队成员充分沟通,来获得设计中所需要的基本信息,要有耐心有好脾气,做界面设计的工具一般有PS、AI、FH、CD、c4d、(至少一个),Dearweaver、FLASH HEML;编程方面最好能跟程序员同步,懂一点ASP JSP等软件开发语言、还有开发坏境、服务器种类;还要耐得住寂寞,在漫长的项目开发过程中,你的工作可能只是前期,到了后面可能会有很多的空间时间,用来学习充电是不错的选择。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档