首页

还在用 iPad 看剧吗?苹果全新发布的 iPadOS 不止能让你做图了!

涛涛

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

WWDC19 可能是最近几年最令人激动的苹果开发者大会了。

重回高端专业领域的 Mac Pro 不仅仅是性能怪兽,在专业度、设计感甚至细节的模块化的设计上,体现出了苹果这一顶尖大厂应有的底蕴,说实话,考验民间硬件评测玩家们的资金实力和评测能力的时候到了。在发布Mac Pro 这一系列产品的环节,空耳几乎完全听不懂说的是啥,不过可以全程感知到每一个单词都是牛X的,苹果官方页面的介绍现在肯定是最有说服力的,因为最近的评测起码是要等到今年年底。

属于 iOS 13 的 Dark Mode 正正好好满足了所有人的想象,但是和简单直接的 Android Dark Mode 相比,又多出一丝优雅,非常苹果。拥有 App Store 和一连串新功能的 watchOS 终于成为了一个更加独立、功能强大的硬件设备了,而 tvOS …… 不是重点。

重点是,在 iOS 和 macOS 之间,硬生生多出了一个 iPadOS,这才是整个发布会上,最亮眼的星。

1、下沉:为更细分应用场景所设计的 iPadOS

屏幕尺寸介于 iPhone 和 Mac 之间的 iPad ,一直沿用着交互机制相对比较简约的 iOS 。也正是因此,绝大多数的用户的重度需求,被电脑尤其是Mac 所分走了,而高频轻量的需求则被 iPhone 给分走了,iPad 系列产品在很多时候都是作为家庭娱乐设备而存在,你听到更多关于它的功能应用场景,是看视频追剧。

Apple Pencil 是这个系列的转折点。书写,创作,搭配键盘输入,屏幕尺寸从9.7 一路上探到 12.9,iPad 开始在触摸为王的时代,开始切入更多的使用场景。在学校里面越来越多的学生开始使用一台iPad 来作为 All in one 学习/娱乐设备,艺术家和音乐者开始使用 iPad 替代手绘板和合成器,AR和娱乐的结合也越来越紧密,从创作到专业领域,iPad 成为了越来越多轻应用场景的核心。

吃灰的 iPad 拥有了更多的可能性,而 iOS 的功能限制反倒成为了 iPad 短板,这大概也是 iPadOS 在整个生态中独立出来的最重要原因之一吧。

使用单一屏幕作为输入核心,围绕触摸来交互,以原有 iOS 作为开发核心,深入到更多的细分应用场景,连通 macOS 和 iOS ,iPadOS 的定位看似暧昧,实则在这个多元和高度垂直的时代,帮苹果趟出了第三条路。

2、分屏:向着桌面端进发的多任务交互

iPadOS 的新布局看起来终于不那么 iPhone了,原有最左一屏的小组件汇集到主屏幕之后,看起来越来越有桌面的意思的。

……专为多点触摸的显示屏而设计,通过直观的手势实现多任务……它现在被称为iPadOS。

这是苹果给 iPadOS 所写的出道宣言。

比起 iOS 12 时代更强的分屏模式,发布会现场演示的时候,展示了使用托拽在多个应用之间快托拽内容和元素的操作,多屏互通效率极高。

而多任务不仅仅体现在多个应用之间的互动,同一个应用同样可以多屏存在——也就是我们常说的多任务。比如打开两个「提醒事项」应用,在两个笔记之间,来回编辑内容。点击Dock 中的特定应用图标,你就能看到它到底开了多少个页面。

仔细想想,这是不是和桌面端的系统的逻辑越来越接近了?

3、编辑:无需键鼠一样精细化处理内容

想成为了一个独立的设备,iPad 在用户输入端的短板需要补足,而为了解决这一问题,苹果为 iPadOS 精心定制化了一套组合拳:编辑手势,输入提速,外设支持。

快速输入是 iPad 的短板之一。不借助键盘而能快速输入的方法之一,就是单手快速输入。苹果在iPadOS 上使用了一个全局的小键盘,使用双指捏合快速呼出,全局浮动,使用QuichPath 滑动手势输入法,减少输入的难度。这就是使用输入法和键盘输入提速的方法之一。

长段落或者是其他内容,又要怎么编辑呢?苹果巧妙地将 Macbook 系列触控板的三指手势微调了一下,给迁移过来了:三指捏合是复制,三指散开是粘贴,而三指滑动是撤销。

而辅助快速编辑手势的, 是智能选取功能,光标定位比以往更加智能和精准,把编辑输入的最后一个短板也给补上了。

iPad 的多点触摸屏幕本就支持大量不同的手势,功能支持不是难点,难点在于用尽可能少、且认知度足够高的常见手势,以的认知负荷,让用户更快上手,更舒适地做到各种各样的事情。

以触摸为核心的交互,以及的指针的交互,在iPadOS 上交汇了。这种交互模式无疑是实验性的,但是这也是未来所有的移动端和数字产品的设计者都要考虑的问题,而iPadOS 就是最重要的试验田。

当然,外置键盘输入也并不是难事。iPad 本身的配套键盘套和第三方蓝牙键盘,多数有输入需求的用户都已经购置了,为此,苹果给iPadOS 搭配了丰富的快捷键,来辅助输入:

当然,输入这件事情上,Apple Pencil 也是非常重要的组成部分。苹果将系统自带的备忘录应用进行了重设计,其中很大一部分原因,就是为 Apple Pencil 提供更为强大的绘图功能:

这样一来,即使你没有购买第三方的绘图工具,同样可以用它画出足够漂亮的插画作品。除了特定APP中的手写输入和绘图这样的使用场景之外,Apple Pencil 还作为日常截图批注的主力,方便日常作笔记:

更好的输入,最终的目的,始终是为了更好地输出内容。

4、输出:屏幕输出,手绘板,还有应用

iPadOS 的野心很大。作为一块10英寸上下的屏幕之内的操作系统,它作为内容承载的硬件,是一个很合理的想象,不然也不会有那么多开发者一直在开发将iPad 作为外接屏幕的应用,而现在,用户只需要连上Wifi ,它就能作为 Mac的外接屏幕。

打通了这一个环节之后,后面的事情就自然而然了:Apple Pencil 可以在屏幕上画画,这样一来,它很自然而然就成了手绘板。发布会上,苹果官方所放出的图片当中,涵盖了多数设计师都在使用的设计软件,其中不乏 AI、AE、Pr、Sketch、C4D、Zbrush 这些大热设计工具。

更重要的一点在于,Apple Pencil 原本 20ms 的反应延迟,在这次的更新之后,将会达到9ms,反应速度提升了一倍以上!它已经是一个称职的手绘板了。

有意思的地方在于,并没有 PS。为什么?答案很简单啊,iPadOS平台上的原生 PS 马上就要来了啊!连上Adobe 的创意云,两个平台又呼应上了……

毕竟,想要打通细分的应用场景,iPadOS 是需要自身具备强大生产力的,这意味着大量的独立功能、服务和应用支撑。

5、独立:一切都是为了让 iPad 独立生存

想要 iPadOS 能够独立完成视觉创造的工作,对于多种字体的支持是肯定需要的。在iPad 上独立运行 Photoshop 也同样是需要这样的功能支撑的,所以,干脆官方提供支持了:

而值得注意的是,作为一个设计公司,苹果的想象力并不止于此。这次更新的功能当中,有一个非常引人瞩目的功能是 SF Symbols。

苹果将1000多个常见的 iOS 和 macOS 的图标和苹果官方的旧金山字体融为一体,这些图标和符号支持 iOS 13、iPadOS以及的 watchOS 6 和 tvOS 13,而且你还可以在官方的文档支持之下,自己创造!

具体可以戳这里了解:SF-symbols 使用文档

完全独立的 iPadOS 将会需要好好管理本地和云端的文件系统,官方将文件管理器进行了升级,确保它无需借助另外一台电脑来完成操作。

核心应用没有问题,和外接内容进入口也要一并升级。功能强大的 TypeC接口能够直接读取U盘和存储卡:

而作为主要的浏览器,Safari 浏览器也向着桌面端浏览器的方向进了优化和调整,比如支持下载:

此外,图片、照片和视频的本地管理和剪辑功能,也一并进行了升级,这也是为了让iPad 能够成为一个更加独立的产品而存在。

而真正改变游戏玩法的东西,在开发和设计上。

6、融合:彻底打通平台的应用开发模式

多年以前,苹果为了统一全平台的应用开发,开发语言从原本的 Obj-C 迁移到自家的 Swift 语言。随着移动端应用量的快速增长,移动端的应用数量其实早已超过 macOS 平台的开发数量和频度,这种变化也催生了 Project Catalyst。

图片来自 engatget

这个名为「催化剂」的项目的目标是希望开发者可以更加便捷地将 iOS 应用迁移到 macOS 上,比如说 Twitter 的开发者只花了几天时间,就将现有的 iOS APP 迁移到 macOS 上。紧随其后,成千上万的移动端应用将都可以逐步地反哺到 macOS 上。

但是 Project Catalyst 只是权宜之计,真正治根又治本的东西,则是这次的新的UI框架,SwiftUI。SwiftUI 是一个典型的原生应用框架,是苹果在磨合了上十年的经验之后,所创造出一个的UI开发框架,开发者仅仅只需要极少量的代码和交互式的设计,就能够调用这一框架。这一改变对于 iOS 平台的设计和开发都会有直接的影响。

在现场演示的时候,原本复杂无比的开发代码,在换用 SwiftUI 之后仅需几行代码声明就可以搞定:

新的 Xcode 11 当中,开发者可以使用托拽的方式来增删组件,而右侧的实时预览则能够呈现每一点改变。而基于 SwiftUI 的代码开发模式,可以快速复用迁移到整个苹果的产品平台上,比以往任何时候都要快:

关于SwiftUI 的相关文档:https://developer.apple.com/documentation/swiftui/

官方教程:https://developer.apple.com/tutorials/swiftui/

在新的 iPadOS 和 iOS13 中,系统的整体速度和性能得到了进一步的提升,解锁速度提升了30%,启动速度是以往的2倍,而应用的容量也比以往要小。

7、沉浸:深色模式无处不在

对,深色模式也是苹果这次 iOS 产品更新的最核心特点,甚至整个WWDC19 主题演讲环节的整体视觉设计也是完全沿用这种沉浸感极强的深色模式视觉来进行构建的。目前苹果的 HIG 当中 iOS 的章节中新增了 Dark mode 的章节,而 iPadOS 相关的系统的设计设计指南还未更新。

「在 iOS 13 及以上的版本当中,用户可以选择深色模式为默认的外观风格。在深色模式下,系统界面、视图、菜单和控件都会使用较暗的配色方案,并且让前景元素更加鲜艳,确保突出。用户可以选择选择深色模式作为默认的视觉风格,也可以通过设置,让它在光线较暗的时候,自动切换过去。需要注意的是,深色模式可以让人更加专注。在设计的时候,需要在浅色模式和深色模式中都进行测试,因为有些元素和配色在一种模式下可用,在另一种模式下并不一定适用。」

苹果目前在设计规范中所提供的设计要求相对比较简略,感兴趣的同学可以借助翻译工具看一下:Dark Mode

如果你对于深色模式感兴趣,我们还有文章提供给你:

由于目前苹果官方暂时没有更多的内容,我们可以把深色模式更多的内容留到今后来聊。

8、安全:更私密的网络,更安全的生活

觉得社交网络帐号登录不够安全?Google 和 Facebook 两大巨头在发布会上成了反面案例,苹果适时地推出了自家的帐号登录服务。

苹果将产品和用户之间的边界划分得非常清晰,包括借助 Homekit 为用户提供基于本地存储的安全服务,在网上登录的时候使用经过加密的邮箱帐号,等等。

而被苹果点名的两家著名科技企业,Google 和 Facebook 也是在之前的 Google I/O 大会以及F8 大会上,相继针对隐私策略、安全服务进行了提升。

如果你对于这些大会感兴趣可以看看之前的文章:

结语

和每年9月的新品发布相比,WWDC 的信息量一点都不小。尤其今年还有超赞的 Mac Pro,单开2篇文章都不一定聊得完。但是在我看来,和设计关系最紧密的产品,应该就是 iPadOS了。这个独特操作系统,巧妙地卡在一个独特的需求点上,它本身的设计和定位、用户体验的考量、服务用户的思路、牵涉到的功能和服务乃至于它对于设计的影响,都是巨大的。

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

Echarts数据化可视图表

seo达人

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

Echarts数据化可视图表

开发工具与关键技术:Visual Studio 2015  使用Echarts图表
作者:郭海明
撰写时间:2019年 6月 4日
1
2
3
在创建一个网页的时候,有一些页面会有许多数据,浏览起来枯燥而乏味,而且数据之间的对比也不够明显。那么有什么方法可以让这些数据的对比明显起来,使数据看起来也没有那么枯燥呢!答案当然是有的,我们只需要引用Echarts数据可视化图表就可以了。使用Echarts数据化图表不仅可以让数据之间对比明显,还可以使数据更加生动起来,增强用户浏览页面数据的体验感。
Echarts提供了常规的折线图,柱状图,饼状图,散点图。还有用于统计的盒型图,用于地理数据可视化的地图,热力图,线图,用于关系数据可视化的关系图,多维数据可视化的平行坐标。还有用户BI的漏斗图,仪表盘,并且支持图与图之间的混搭。
Echarts图表使用起来的方法页很简单,首先将Echarts插件引用到视图里面,视图里面添加显示Echarts图表的类。给这个类显示图表的空间,并给类ID,用于后面写好图表之后将图表放到这个类里面。

然后在

将学生信息数据表格需要用到的数据表,进行多表的连接查询,连接完成之后,

获取到需要用到的数据,封装到自定义的AchievementInfor的实体类里面。

写出接收不同阶段成绩的方法。用于接收每个不同阶段的成绩.
写完之后,返回到视图里面去写调用Echarts的图表,这里我们显示的是折线图,所以首先在
蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

什么场景思维?顾客体验地图给你答案

蓝蓝设计的小编

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

今天我们就来讨论一下什么是顾客体验地图。

一、什么是顾客体验地图?

顾客体验地图( Customer Journey Map) 是一张超越时间和空间,从个体的视角得到用户与企业、服务、产品之间的关系地图。它能够视觉化地描绘用户在使用服务的整个过程中的流程、需求、痛点。它可以很好地帮助我们梳理和分析常见的场景可能存在的问题。在营销、服务、产品的场景分析中CJM都能发挥很大作用。

我们来欣赏一些著名公司做的顾客体验地图:

1. 星巴克:用户到星巴克喝完咖啡的整个体验过程

  • 图中央的横轴是用户在体验过程中步骤:准备(Anticipate)、进入(Enter)、参与(Engage)、退出(Exit)、反馈(Reflect),每一个步骤下还对用户行为做了进行一步细分,例如,“参与”步骤中包含了:排队、点单、支付、坐下、喝、工作;
  • 在图上方,标识出了用户在体验过程中心情变化,以积极和消极的进行划分,对每个触点(圆点)标记了相应的说明,例如:在工作阶段,免费的wifi就是一个积极的触点;
  • 下半部分是从用户视角描述了他在该动作下的不同用户故事,例如:8.f 我享用着免费Wi-Fi,而且信号也够用。

2. 乐高:“用户体验环(Customer Experience Wheel)”

在整个体验中找到乐高没?

  • 虽然比画成圆形,但是它本质上也是顾客体验地图;
  • 在图的中心是这个用户角色的说明;
  • 圆周是用户体验的整个旅程,体验的好坏用表情来表示体验的好坏;
  • i 标记出我们需要更多信息来帮助我们提升体验;

3. 英国政府:使用CJM解决公共服务问题

受害人报案到打官司的体验流程

  • 站在用户的视角,评估用户的满意度;
  • 寻找不同政府部门的服务边界;

4. Desonance 绘制的CJM也很有特色

这张图包含了很多便于浏览的视觉化信息:

  • 用户类型 (Customer Type):“用户类型”可以用“用户角色分析法(Persona)”或者移情图进一步细化。
  • 体验阶段及旅程 (Experience Phases & The Journey): 在不同的体验阶段以图文结合的故事化的方式来描述不同的行为活动,图中包含了痛点、触点、机会点……
  • 触点详情与交互动作 (Specific touchpoint and interactions):触点的解释说明;
  • 情绪变化 (What the service is like — nights and lows ):通过高低来视觉化用户情绪变化过程,从而体现服务效果;
  • 痛点和机会点 (Point of delight/opportunities & Point of pain/service barriers ): 通过使用图标的方式标记在旅程图中 ;
  • 要点说明( Key to explain the map);

二、如何绘制?

了解完什么是顾客体验地图后,我们开始学习如何创建它。顾客体验地图的创建需要五步:明确目标、探究、头脑风暴、绘制地图、优化迭代:

1. 确定目标

考虑好产品或服务的整体目标,以及期望顾客旅程图反应出具体目标。在做之前,最好把原有的体验流程感受一遍。并且与利益相关者沟通,探寻背后真正的动因。可以使用5W1H:

  • what:我们希望通过顾客体验地图解决什么问题?
  • why:为什么要解决这个问题?
  • where:这些问题在哪些场合发生?
  • when:时间截止期限是什么?
  • who:涉及到哪些利益相关者?
  • how:期望达到的愿景是怎么样的?

2. 探究

(1)检视所有相关的用户研究资料,其中包括定性和定量的调查结果,以便于提供洞察客户体验。也可以通过书籍资料做更多的研究。常用的研究方法包括客户访谈、人种学和情境调查、客户调查、客户支持/投诉日志、网络分析、社交媒体收听和竞争情报。

(2)移情映射,从各个方面描述一个角色在特定场景中的经历。这个练习帮助我们的团队加深对顾客体验的理解,并对顾客所需要的东西做出惊人的洞察力。移情图也为顾客体验地图的绘制提供了物质基础。我们的目标是获得一个全面的感觉,在这段经历中扮演那个角色的感觉,特别是关注他们的想法、感觉、视觉、听觉、说话和行动。

(3)先生成一个客户触点清单以及这些触点出现的场景。然后通过头脑风暴寻找被遗漏的接触点或场景。例如,触点可以是“付账单”,与触点相关的场景可以是“在线付费”、“通过邮件付费”或“亲自付费”。

3. 头脑风暴

为了收集更多的Idea,我们需要组建一个团队进行头脑风暴。头脑风暴的目的是在短时间内产生尽可能多的想法。我们可以选择品牌属性或心态的词汇。头脑风暴的时候,围绕这些词进行。我建议团队选择3-5个词(例如:可访问的,社交的,安慰的),然后每个单词使用2分钟的时间。每个人都会写下他们当时所能想到的许多想法。2分钟后切换到下一个词,直到所有的词被用作灵感。

使用亲和图进行整理。亲和图是通过视觉方式组织团队的思想,凝聚和发现概念中的的方法。亲和图解有助于我们从一个广泛的网络转移到探索许多可能性,以获得对这个观众的正确解决方案的重点。所有的团队成员都应该把他们的想法放在墙上的头脑风暴活动中。有人把这些想法分类并贴上标签。作为一个群体,开始考虑你可以在哪里组合,提炼,并删除想法,形成一个凝聚力的未来客户体验的愿景。

4. 描绘顾客的体验旅程

把所有的东西放在一起:时间线、触点、频道、情绪波动,以及为如何改进未来客户旅程所产生的所有美妙的新想法。顾客体验地图有5个关键要素:

  • 角色:这张图的主角用户是谁;
  • 触点:场景中服务与用户接触的关键点;
  • 渠道:交互行为发生的地方是网页端、App、电话、还是在线下某一个地方?
  • 时间线:从服务的前、中、后的不同阶段,可以进行细分;
  • 情绪:在体验过程中的情绪变化;

购买场景下的顾客体验地图

另外,这张图还可以提供一些额外信息:

  • 真实的瞬间: 通过照片拍摄一些能让人留下足够印象的积极的交互画面。
  • 服务提供者:对体验有影响的相关人员,如服务员、朋友、同事等;

#专栏作家#

PM熊叔,微信公众号:PM熊叔,人人都是产品经理专栏作家。教育类产品产品经理出身,学过设计,做过开发,做过运营的产品经理。

设计思维是一种解决问题的方法,运用同理心,横向思考,做原型,讲故事,

蓝蓝设计的小编

编辑:蓝蓝


设计思维是一种解决问题的方法,运用同理心,横向思考,做原型,讲故事,令人信服地澄清洞见。


2004年,斯坦福大学机械工程系的教授戴维·凯利(DavidKelley)创办了D.School(斯坦福大学哈索普莱特纳设计学院),并在D.School教授关于设计方法论的课程,他也是世界最著名的创业设计与咨询公司IDEO的创始人。

什么是设计思维?

设计思维需要将人放回故事的中心。要学会将人放在首位,这就是设计思维的核心精神:以人为本的设计,也叫做以用户为中心的设计(User-Centered Design)。设计思维,就是一套以人为本的解决问题的方法论。解决问题,要从人的需求出发,多角度地寻求创新解决方案,并创造更多的可能性。

在“设计思维”在被不同的学者提出之后,IDEO是第一家将设计思维应用于商业问题的解决之中。

D.School将设计思维分成五大步骤:“Empathy同理心思考”、“Define需求定义”、“Ideate创意构思”、“Prototype原型实现”、“Test实际测试”,

接下来,就让我们了解一下如何实施设计思维的五步骤!

1同理心思考(Empathy)

同理心思考,就是要获得对你试图解决的问题的共鸣。简单来说,就是换位思考。比如你希望改善学校的教室环境,那么,你就可以像学生一样,坐在课桌后面上一整天的课。或者,你希望学生们来解决班级纪律的问题,你可以让一位学生来做一天的老师。这个步骤的目标是深入解读用户,收集大量信息。

2需求定义 (Define)

在收集到的调查信息基础上,我们需要更的定义需求。像“让学生的成绩更好”,这就不是一个的需求定义。而“提升学生在自习时间的专注力”,则是更精准的,入手点明确的需求定义。只有精准定义需求,我们才能开始入手解决问题!

3创意构思(Ideate)

这个步骤可以看做是头脑风暴的阶段。围绕上一步定义的需求,我们可以跳出局限,打破惯性思维,天马行空的提出各种各样的点子。不要一定要想到好点子,而是要在一百个点子里选出最好的。

4原型实现(Prototype)

这个步骤是要做出可以是粗糙、简单的产品或产品中的特定功能的原始模型,用于测试上一阶段提出的解决方案。原型可以是一个具体的产品的模型,也可以是一个小规模的环境或过程的简单模拟。

5实际测试 (Test)

这个阶段,我们会使用实现的产品原型,或模拟环境来严格测试问题是否得到解决,需求是否得到满足。这个阶段非常重要,一些想法可能会在这个过程中被重新定义,甚至,发现新的问题。

以上,就是实施设计思维的五大步骤。

第6步:重复以上步骤进行迭代 

反馈——原型——测试——反馈——原型.......


很多时候团队都是在缺乏对于真实目的和需求认识清楚的基础上被迫做一些彻底改造,怎么做?

蓝蓝设计的小编

编辑:蓝蓝

战略设计中的一部分,是需要对自己和他人开诚布公,让大家清楚你真正想要从一项创新活动中寻求什么。很多时候,团队都是在缺乏对于真实的目的和需求认知清楚的基础上被迫使做一些彻底改造或是重新想象的事情。


需要探素的问题可能包括:


我们想要的解决方案的本质是什么?

破坏性创新还是渐进式创新?我需要很明确这点吗?

我们是昨天需要还是明天需要?

我是否为我正投入做的挑战耗费了合适的资源?


破坏性创新是一些新的、之前没有过的体验,而渐进式创新是在现有的给人们来的利益点的基础上做的一些新的、改进式创新。当然,我们每大都在连续不断地努力、改善我们提供的产品和服务。无论是哪一种创新変革,在不同的时间范時都有对它的需求。你希望哪种创新变革,以及你能花在上面的时间,都会影响到你如何实现创新。


变化的类型 :短期、中期、长期

破坏性创新、渐进式创新、持续改进



举个例子,假设一个领导者确实想要“尽快”做出破坏性创新,那么关键是就把它尽快培育起来并推向市场,与所需要的资源、人力和资金的需求展开一番对话。这个简单的对话对于构建你的战略边界是很重要的。没有它,你可能会在一些不必要的努力上浪费时间。时机很重要,不要等到太完美。

或许它不是人们想要放在首位的对话,但是从领导力的角度,确实最为重要的,也是会赢得参与挑战的团队成员的高度赞赏的。



探索需要被定义和解決的问题的本质的方法--圏问题

蓝蓝设计的小编

编辑:蓝蓝


另外一种探索需要被定义和解決的问题的本质的方法是圏问题。

简单地说,我们向于用常具体的表达方式来定义问题,这会严重限探索解决方案的机会空间。

你同样可以运用可视化的方法去“圈问题”来跳出这个预设。


在运用这个工具的时候,比起在不同利益相关方的视角之间切换,更多的是要变换看待挑战的有利视角,例如从零距离、较远处、10000英尺去看,都会产生对问题的不同看法,以及新的解决问题的空间。



屏幕快照 2019-06-04 下午3.53.16.png


圈问题的定义


首先,在一页纸的中间,写下你对问题的定义,把它圈起来。现在考虑一个更广泛的、更考虑问题所处环境的定义,写在第一层定义旁,然后把它圈起来。

这样做一到两次,每次都让问题的定义变得更像是放在环境中考虑的,当然,要和原始的问题定义相关。

例如,或许你的团队正在开发一种液体洗涤剂,瓶盖有间题,液体很容易流出,搞得一片狼藉。

你可能把问题定义成“瓶盖封闭的问题”。把它写在中心,圈起来,这是一个非常具体的问题的定义,也很容易解决。

但就这样的定义方式,该问题解决起来可能是渐进的、很枯燥的。现在写一个更放在环境中考虑的问题定义,也许这是一个“倒液体的便捷性问题”,把它圈起来。

第三层再用更抽象的语言去定义:挑战是“使用无忧,有乐趣”。毎个定义不同,指向的解决方案就不同,最后一个或许是给了足够的开放的空间,以产生出创造性解决方案的,例如可分离式容器。



极端用户:一个能够带来启发的设计目标

蓝蓝设计的小编

蓝蓝编辑


你可能会认为,要建立同理心,最可靠的办法就是选一些人,看看谁是属于“常态”用户,或典型用户,

这在做战略设计时其实是会带来麻烦的,因为典型用户很少能让我们了解到我们不知道的东西,我们需要的是异常值,极端的使用者和非使用者,从这两类人身上是可以获得的,我在把极端用户作为我们的灵感设计目标,在创新工作中,对极端问题做同理心是比对处于舒适地带的典型用户做同理心更富有成效的。

当你同理心的时候,如果可以走出你的舒适区,你会学到更多。


一且你投入做极端用户,并从他人的视角去思考这个世界,很重要的一点是要深入去做,而不仅仅是
在表面上听他们说什么和看他们做什么。

全身心投入进去,捕捉到一些微妙的信号,都可以帮助我们解读他们的肢体语言和情绪,真正理解到他们的想法和感受。我们是天然能够做到这一点的,因为神经学的研究发现,我们大脑里有“镜像神经元”,能够赋子我们同理心的能力。


我们专注于某个人的时候,我们能够确确实实地在大脑中感觉到他们的受。通过专注的观察,我们可以知道他们在做什么以及他们的感受是怎样的。然后,我们就可以超越事实和数据,清晰地将他们的想法和感受描述出来,用草图的方式可以有效地把它们可视化呈现出来。


很重要的一点是,在早期的探索阶段,你是专注在清晰地定义一个极端用户个体,而不是一个用户角色的总结。你希望他们独特和的地方能够被挖掘出来,帮助你看到机会。他们不是具有典型代表性的,但是却非常能给人以启发。


陌生人的眼睛---- 从陌生人的视角来考虑问题的方法

蓝蓝设计的小编

编辑:蓝蓝


陌生人的眼睛

它是指试从陌生人的视角来考虑问题的方法这样你就能看到一些可能的事实。

与此相似,我认为请一些系统之外的人也是有帮助的,他们对干我们在做的排战是陌生的,可以提供一些他们看待此事

的想法。

去找一些与商业结果不相关或对这个商业不熟悉的人,可能会很受启发。这些人拥有新鲜的,天真的视角,看问题的角度会跟你不同,他们或许会提出一些很好的问题。

和系统之外的人喝杯咖啡或聊天,或许可以打开你的思维,看到机会在哪里。有时候,去找一些平时经常反驳你观点的人,听听他们如何评估这个局势,也是很有帮助的。

我知道你能够贡献很有价值的东西,但同样重要的是你要认识到你可能还需要学习一些有价值的东西。开放心态,听取一些和你的视鱼不同的观点,会帮助你找到事情的核心。

包容性的利益相关方管理工具,解决大量用户体验问题的服务设计中如何被使用

蓝蓝设计的小编

编辑:蓝蓝   这篇文章挺好的。


利益相关方管理的流程是:

识别出内部和外部的利益相关方,以界定清楚项目的需求,

以及所有涉及团体的期望”,


与此同时,“管理不同利益相关方对于项目需求上的影响,以保证成功的产出,这一流程具体包括:


  1. 分析一识别出利益相关方并做出一个名册。
  2. 可视化用利益相关方地图(也可以是矩阵图或方格图)对相关利益方进行分组
  3. 战略为每一个利益相关方制定相应的管理战略。
  4. 计划——确保沟通和参与与初始的计划是协调一致的。


利益相关方的管理很关键,因为:


  • 不满意的利益相关方对待方案会很草率
  • 为了影响变革,利益相关方需要参与到整个流程中来
  • 对于政府来说,不考虑利益相关方的行为是不被接受的
  • 员工、客户、公民等表达意见的愿望日益增强。
  • 为了得到创新的产出,你需要来自多方面不同的意见、专业知识和经验


每个利益相关方清晰界定一个角色:

(1)整个系统用传统的圆形符号,意喻着系统(可渗透)的边界。

(2)系统里的利益相关方是指能回答以下问题的人

为什么我们要做这个?

我们在做着什么?

我们要怎样做?

·什么是可能的?

在现实中发生了什么?

 (3)这些问题产生了一系列声音”,在项目中扮演着不一样的角色。

 

意向的声音限定了对于这个方案来说哪些方面是可能的”?以及总体日标是什么?

消费者/用户(或者公民、客户等)的声音告知我们

具体的目标是什么?以及在现在经验的声音——展露出在现实中,我们所看到的正在发生的事情呈现着怎样的模式?

现实中存在什么问题?

我们如何可以让事情在这个系统中发生?

设计的声音想象可能的解决方法有哪些?”

我们如何让这些解决方案发挥作用利益相关方对于项目长远的成功都很重要。


意向的声音

首席执行官首席执行官负责标识已知事项,申请这个项目和设定整体的目标。


发起人发起人直接向首席执行官汇报,他是确保项目资金和资源顺畅的主要倡导者,需要排障和确保项目进度。


指导委员会组织一系列直接向首席执行官汇报的执行人员,设定整体的项目方向和做出高层决策,在重要会议之前,我们会和每个人过一遍流程,这样他们可以进行提问,有备而来。


经验的声音

顾问团——由于我们在使用的基于设计的方法对于组织来说是创新的,我们会组成小型的、非正式的咨询团队,对于如何建立项目以及有效地和利益相关者合作的问题提供咨询服务。团队包括战略,执行者、战略经理和外部顾问。


反馈团我们经常向由服务领导者和客户关系代表组成的跨部门的团队传递项目信息和获取经验的声音听取反馈。他们曾被不好的服务表现所影响,我们就依靠这个团队去验证我们的结果,和代表客户的其他有关的人一些对于项目好奇,可能帮助识别风险的利益相关方,例如风险部、法务部、人事部和其他同事等,但在方案会议和非正式联系之外的更深层的投入,他们就很少有意愿介入了。


全体员工——我们与内部沟通团队合作,确保整个组织的所有人都能获得关于项目情况的基本信息,知道我们项目进行的阶段,还能引导他们在合适的时机表达反馈意见。


设计的声音

企业主——负责日常辅导,服务团队的中层主管大概为项目投入50%的时间。他们和我们一起讨论决定如何使利益相关者参与其中,如何展示调查结果及清晰地表达建议。


项目团队——项目团队的构成以及所需要资源的灵活配置。由于把项目团队视为利益相关方,我们采取的是沉浸式的导入流程,以及持续、透明、积极地参与、合作及沟通。


课题专家——我们时常听取多方专家的意见包括服务领袖、客户关系经理、保险商、分析专家、市场营销人员、顾客设计专家和科技领袖。


外部销售代理商提高外部销售和服务代理商的体验是我们首要的目标。相反,一个终端用户在几年的时间里可能只与业务产生一次单向的体验,销售和服务代理商却每天与服务团队共事,因而客户服务人员——我们的服务人员也处于这一挑战的核心。尽管非常努力地工作,我们的服务团队还未能成功。为了弄清楚出了什么问题,我们运用设计人类学的方式来聆听客户电话、观察员工的行为,并且记录我们所发现和学到的要点。重要的是他们并没有介意我的研究是针对他们的,因为他们知道我们不是在做绩效考核。如果能公平地体现他们的观点,也就意味着进步。


终端顾客——虽然我们的顾客没有受到和外部销售、服务代理商一样大的影响,但他们仍然是受到影响的,我们监测他们的反馈,确保所作出的对代理商有利的决策同样有益于顾客。


1.包容性过程的优势

多元的视角

多元化的想法以及信息的交叉传递可以让我们的头脑始终处于活跃的状态,不断激发创造力,当你把整个系统整合到一起,能够从每个不同的角度看待问题的时候,就等于赋予了团队一个机会去看到全貌,能够产生新的滑见,并考虑到所有需求,创造出确实有用、可用、也可取的解决方案。


创造性张力

包容性会产生创造性张力,而创造性张力本身又是创造力的重要构成因素。管理创造性张力(或任何类型的张力)是一种微妙的平衡艺术管得太多是不利的,但管得不够又不能充分发挥它真正的价值。

协同作用

当人们为某事感到兴奋的时候,产生的能量是惊人的。包容性利用这种能量,构建协同作用(

生于人际、信息和想法的网络之间的自然的存在和偶然的活动)。包容性是在为未来构建关系,这很重要,因为社会资产(比如信任)会随着时间的推移有机地形成。


协调一致

包容性可以建立接纳和认同感,协助改变进程和加速沟通。所有的这些都创造了协调一致性,它是率、提升效果的重要因素,也使得创新所需要的转变成为可能。


意义

当多个利益相关方因某个挑战聚集在一起的时候,他们会创造一个共享的目标、融入自己的激,并且寻找以前可能不存在的社群和连接。包容性的结果就是,人们对于意义的意识往往会得到提高。


2.运用包容性流程来思考

包容性、利益相关方的管理以及变革管理,能促进或破坏一个战略设计项目的成功,还会决定创新的限制因素在哪里。不能适应包容性和合作的组织、领导和个人会发现用这种方式工作会产生冲突,因为它改变了权力运用的方式。

领导者不再是被期望能给出正确答案的人,这点恰恰改变了领导力的模式。当然,使用包容性流程会扩大利益相关方管理的范畴和规模,给人一种流程被拉长的感觉。我们必须提醒自己,变革是不能用项目开始和结束的时间来衡量的。当项目早期让更多的人参与进来,实际上也是在推动变革的流程向前要给人一定的时间和空间,地完成变革。

25个专业设计师分析了8家汽车厂商,总结了 7 个 HUD 设计细节!

涛涛

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

我们已经生活在未来,那些曾经只出现在科幻剧太空飞船上的酷炫技术,如今正以不可思议的速度出现在汽车中。

近年,一个量产车中出现了最令人感兴趣的技术叫做抬头显示(Head-up Displays)。

虽然汽车 HUD 的出现让人无比着迷,但它的交互设计和视觉设计却与之相反。

为了解决这个问题,来自德国 Fachhochschule Potsdam 学院用户界面设计专业的 25 名学生和老师经过多轮讨论,最终总结出一系列新的观点和想法,并将它们制作成高保真原型。

在这次设计作业中,25 名学生分别为宝马、雪铁龙、雷克萨斯、Mini、梅赛德斯奔驰、Smart、特斯拉和大众等 8 个汽车厂商设计了接近未来概念的「HUD高保真原型」。

尽管不同的汽车厂商风格迥异且目标群体不尽相同,但驾驶者行车时的需求并没有太大的变化。因此,一些内容会反复地在不同厂商的高保真原型中出现。

可视化>数字

当使用图形而不是数字来展示速度和速度限制时,驾驶者更容易识别和理解。

△ Smart —— 速度与当前的限速标准有关,且可视化。

△ 雪铁龙 —— 地图外侧的圆圈是速度可视化的效果。当两个进度条在顶部重合时,代表达到限速标准。©Marie Claire Leidinger、Jonathan Jonas、David Brandau

△ 大众 —— 抽象的图形代表速度和限速标准之间的关系。©Dominic Rödel、Laurids Düllmann、Phillip Steinacher

△ 雷克萨斯 —— 速度被可视化,成为一条直线,限速标准在直线的中间,当车速超过车速限制时,直线变为黄色且车速线变粗。©Christian Franke、Sebastian Prein、Lennart Ziburski

冗余信息的不同展现方式

HUD 可以容纳仪表盘内容以外的其他信息,但这些信息应该用不同的图形展现,且设计时需注意充分利用车窗显示空间。

△ 特斯拉 —— 特斯拉的 HUD 展示仪表盘时速部分的简化版。©Constantin Eichstaedt、Steffen Gabel

△ BMW —— HUD 不仅显示车速,还显示混合动力汽车状态和活动。©Patricia Dobrindt、Simon Martin、Jakob Flemming

不展示无意义的内容

在不同场景下,车窗显示中的内容可能不同,但都必须是非常重要的信息。显然,大量的信息和装饰物会将重要的信息掩埋,导致重要的信息不能被快速、有效地识别。

△ Smart —— 导航提示仅在转向时出现,一些需要长时间显示的信息,例如「预计到达时间」没有被设计在 HUD 视觉界面中。©Cécile Zahorka、Fabian Archner、Sebastian Kaim

模糊状态下仍有辨识度

HUD 的视觉设计必须保证具有最大的对比度和清晰度,理想的 HUD 即使模糊不清,但仍然具有可读性。

△ 梅赛德斯奔驰(左)、大众(右)—— 尽管 UI 已经模糊不清,但重要信息,比如车速过快仍然可以识别。©left:David Rehman、Michael Dietz、Thomas Petrach;©right:Dominic Rödel、Laurids Düllmann、Phillip Steinacher

HUD是投影而非显示

与电影院昏暗的环境和纯色幕布不同,HUD 投影的幕布是车窗,而车窗后的世界是复杂多变的,有时甚至有强烈的阳光直射车窗,这也使得 HUD 设计充满诸多限制。

△ Mini —— 这一概念设计方案挑战如何在多变的复杂车窗环境中设计常显的菜单,菜单中包括导航、电话和音乐。©Kien Nguyen Canh、Moritz Kronberger

警告信息的出现需要有过渡

我们的研究报告显示,许多驾驶者对一些我们以为对他有帮助的行为感到不满,比如为了强调车速限制或其他交通规则而突然出现的警告信息。

的确,在驾驶者没有建立「速度上升会导致某些问题」这一预期时,突然弹出警告信息是很突兀甚至冒昧的做法。

因此在 HUD 设计中提供一个过渡顺畅的动画也许是一个解决方案,比如随着车速的上升,提示信息从相对缓和的提醒慢慢过渡到严重的警告会更加友好。

△ 梅赛德斯奔驰 —— 驾驶者超速越多,出现在车速圆环外部的红色圆环越多。©David Rehman、Michael Dietz、Thomas Petrach

图标需要文字说明

汽车仪表盘上,晦涩难懂的 icon 有着悠久的历史,「红色的三角形代表什么」。

这是因为以前的仪表盘是断码屏,文字的显示较难,但最近几年,液晶显示屏在汽车上被广泛应用,设计仪表盘的 UI 时,文字位置不再是一个问题。

另外,增加清晰的文字说明可以有效地降低用户的学习成本。

△ 如果没有文字说明,驾驶者很难明白大众 HUD 中 Steinschlag(碎石塌方)的图标代表什么。特斯拉 HUD 中低电量 icon 加上文字说明后也更容易被人理解。©left:Dominic Rödel、Laurids Düllmann、Phillip Steinacher;right:Constantin Eichstaedt、Steffen Gabel

总结

最近在研究汽车 HUD 设计,偶然间发现这篇文章中的一些细节,对自己正在着手进行的 HUD 设计很有参考价值,所以着手将它翻译下来,分享给大家,希望也能给大家带来一些帮助。

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

日历

链接

个人资料

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

存档