我的困境

my_plight_2015
2015 at Beijing

首先,很荣幸有同学能看到这样的分享。
坦白讲,我不希望更多人的了解。
是担心你不能从中获得能量,它也没有想象中有趣,也没有想象中光鲜。

我主要是来分享自己在IXDC做的一个WorkShop。
我做这个事情的出发点,并不开心。结束后反思,更不开心。
时常陷入深深的自我怀疑。

直观上,这个WorkShop是包装了一个概念。
之所以去总结这一概念,是发现只用文字,甚至自己也难以清晰。
在工作层面,我非常务实,不喜欢故弄玄虚。
所以从旁观者角度,这样一个Presentation的结果,十分反感。

在过去的一年甚至更多时间。
我接收了大量合理不合理的产品需求。
无休止的争辩,夺去了很多能量,疲于应对。

造成这样事情的原因可能有很多,我不黑我的合作团队。
但我看到的是,每年合作团队的结构变化。
特别是PM团队每年一个意义上的Lead,至此又洗完了一波。

作为一个职能团队的一员,以及个体。
我始终在寻找兴趣点,或者是激励你驱动你的动力。
如果面临这样一个反复的窘境,你的信仰又会是什么?

我尝试寻找新的兴趣点。
尝试优先继续在这家公司里待下去。
我短时间Part-time支持了一个新业务,也确实重拾了动力。
但依然碰到了一样良莠不齐的PM,以及其它团队。
当然,可能他们也是这么看待我的。

最终从过往的业务进程,我并没有找到最原始的成就感。
我同样在怀疑自己的三观是否不正。
但我还是尽可能的让自己更清晰的活下去。
借此机会去重新梳理自己的的工作内容。

也就有了后面这样一个SRBP模型
这不是一个结果,这是一个结果。

IXDC2015-WorkShop-B3-移动产品UX设计思考与实践(SRBP模型)

今年参加了IXDC2015WorkShop主讲,7月16日下午的活动,主要内容是讲解一种全局思考IXD工作的方法。
目前终于暂时告一段落,一件心事落定。
从春节前开始,经过部门内报名、筛选,然后着手具体的内容编纂,重写反复修改,新项目入案例……
现场有些遗憾,希望再次能够从容。

下面是几个主要的PDF格式的PPT文档链接,供需要的同学取阅。

官方新闻稿

WorkShop的主体文档
IXDC2015_B3_移动产品UX设计思考与实践_董腾飞_小气的神_0716.pdf(100P+)

Download the PDF file .

SRBP模型地图V1.0

Download the PDF file .

SRBP模型地图V1.0 & 范例内容

Download the PDF file .

方法概念

SRBP模型是一种通用设计方法论,用以认知设计对象,并辅助建立系统的执行方法。

SRBP是4个名词的首字母缩写,分别代表Solid(有效)、Revolution(革命)、Break(突破)、Professional(专业)。

核心理念

展现设计视角与设计价值,结果导向的设计行为决策思维。

判断因素

1. 重要性(KPI/OKR、BOSS)
2. 耗时(1/2Q为原点)
3. 行为定义(主/被动、外/内向)
4. 工作方法(适合的方法论)

大屏手机时代,如何重塑界面交互

157-980

12.30.2014 约稿于百度MUX新官网上线

这是一个大屏手机的时代。
强调这件事情的意义在于,这已经成为事实。

Medium上存在一份个人统计。
在过去7年,新上市的手机屏幕尺寸越来越大。

157-001

以4.5英寸为分界点,我们更清晰的看到这一变化。过去的两年,4.5英寸的比例从10%升至80%。

157-2

在国内的过去3个季度,使用FHD HD分辨率的手机从38%的份额增至50%。

157-3

【图】《百度移动分发报告2014H1》

更大尺寸的屏幕可以承载更多的内容展现,更适合游戏、阅读与播放视频,体验得以提升。

157-004

【图】《百度移动趋势报告2014Q2》

然而屏幕尺寸的上升并没有引起用户操作上的过多不适,有51%的用户已经适应双手操作。

157-5

【图】《How Do Users Really Hold Mobile Devices》by Steven Hoober

即使用户单手操作,在操作大屏幕时的相对盲区(深色区域),需要更多的响应时间,也可以被接受。

157-6

【图】《Mobile UI ergonomics: How hard is it really to tap different areas of your phone interface?》By Mikkel Bo

即便如此。3.5英寸~4英寸,依然是平衡单手操作与体验的合理尺寸范围。

157-007

这样就产生一个矛盾:用户拥有更大屏幕的尺寸,但从人机交互的角度,并不完美。

面对这一现状,从APP产品界面设计的角度,需要做出改变。

大屏幕拥有典型的可用性问题:纵向单手操作机身,边角、顶部、左右侧边难以触达,放置在以上盲区的点击入口,将导致体验路径中断。

交互设计角度的最佳实践:

1.设计安全区域,避开操作盲区。

示例,百度搜索结果页,根据视线规律,典型的左上角操作盲区可以用于logo展现。

157-8

2.注意使用场景路径触发的连贯性。

示例,在百度手机助手Android中下载百度浏览器,操作区域集中在安全区域。

157-009

3.更多的使用可拖动的浮动按钮,给用户更自由的操作可能性。

示例,百度浏览器Android中翻页/返回顶部的组合按钮。

157-010

4.更多的使用手势,并提供暗示。

示例,百度浏览器Android的删除窗口操作。

157-011

5.更多的使用语音作为输入方式。

示例:生活手记中使用语音替代键盘输入。

157-012

6. 横屏Pad化的操作设计,以及更多的内容展现。

示例,百度浏览器iPhone的横屏设计,如同网页的Responsive Layout概念。

157-013

在界面交互的层面之外,在不远的时间,硬件存在更多的优化可能性。

1.更窄的边框,更大的显示比例。

157-014

2.柔性材质。

157-015

3.“手机”成为服务的触发者,屏幕投射与隔空操作。

157-016

《The World as a Display》

之所以将讨论的范围扩展到硬件,是希望设计师在针对具体屏幕设计的同时,能够从另外的视角,思考人机交互的变化与可能性,激发创造力。

当前是大屏手机的时代,推动你的手机APP产品跟进吧!

一些有价值的相关基础研究链接

  1. 百度移动分发报告2014H1
  2. 百度移动互联网发展趋势报告2014Q2
  3. The Rise of the Phablet: Designing for Larger Phones
  4. Common Misconceptions About Touch
  5. How to design for thumbs in the era of huge screens
  6. Designing for Large Screen Smartphones
  7. Mobile UI ergonomics: How hard is it really to tap different areas of your phone interface?
  8. Insights on Switching, Centering, and Gestures for Touchscreens
  9. A comprehensive look at smartphone screen size statistics and trends

为什么去“设计”?

它是否在激发你的灵感?开始一项生意?设计一个产品?改善一个想法?它是否使得你去改变与模仿?它激发你旅行?或生活在一个另外的城市或者国家?

你是否需要某个人同样去告诉你,你的产品/想法/执行/品牌是如何伟大?我们说不要担心别人如何想,相信你自己的判断。当其他人怀疑时,坚持你的信念。停止等待最好的时间去做你想做的事情。只需要向它而去并且立刻去做。

不要追随潮流趋势。你可以碰触到最COOL的事情是做自己。在世界中旅行,在其它城市生活,学习不同的文化。学习,可以保持你的思想年轻。身份的焦虑,不要因此抱怨。

但是你对于你需要做的事情要心存愿景、坚持与自信。

如果你的工作真糟糕,不要责备其他人,你的老板、你的父母、世界。只是退出,并为自己的选择负责。这并不关乎一个糟糕的工作,而是关乎你进入到了一个错误的地方,你将变成什么样的人。

开始做近些年随时光溜走的想法,承担风险。相信你的感受。直觉是可靠的。
坚韧与集中精力在执行,不管开始是如何让人气馁。自信你所做的事情,即使有别人的怀疑。
为自己创造机会,这正是进步的时间。

The coolest thing you can do is doing it. – Bill Tikos (TCH)

The Continent

thecontinent

2014.7 at Qinghai

是彼此的过客
后会无期

软技能-非职权影响力

最近在上一些内训课程,做些简单总结。

重点:影响力概念、策略、5种不同的影响力方式。
概念:通过积极有效的沟通,权衡任务和关系,已达成目标的能力。
过程:

  1. 目标:主目标、次目标
  2. 策略:时间、地点、对象、方式
  3. 行动

方式:

  1. 果敢表达
  2. 有力说服
  3. 融合共赢
  4. 鼓舞激励
  5. 洞察感知

方式转换的情况:

  1. 事态停滞不前
  2. 事态发展与目标越来越远
  3. 对方情绪变化
  4. 对方肢体语言变化

变速箱模型(Influencing Gear-box Model)

influencing_grear_box_model

模型的关键在于:影响他人最有效的方法是通过“洞察感知”洞察情景变化与对方反应,适时转换影响方式,以达成目标。

一些继续体会的点:

  1. 你教会别人如何对待你。
  2. 向外看的人在做梦, 向内看的人将觉醒。

llolli 1.0 release

We release llolli 1.0.
Designer 小气的神.

Llolli is a todo & calendar app.
Designed with love, Llolli is a new experience that will make your life easier.

Features

• Fast to create todo use text, voice, photo.
• Fast to transform between todo and calendar.
• Suggesting you with color base on current todo list.
• Compatible only with Google Calendar for now.
• Reminders.
• A completely redesigned calendar experience for your iPhone.
• Support browse calendar by day, week.

Download from AppStore

llolli_mdongorg

关于这个设计,还有一个很美好的经历。
有一天收到Vivian的信,那是一封《一个关于你的梦》。
穿越时空 :)

在梦里,我和其他同学是一群进到了一座木头做的高塔春游的孩子。
这座高塔非常大,木板老旧,黑黑的,但十分结实。每一层都有很不一样的风景,住着非常不一样的人。

最初我们在顶层,并且我知道我们将要一路下到底层。

顶层是类似旅游景点的购物中心,非常喧闹拥挤,我挤到一家杂货店门口,门前挂着各种帽子和一串串的各式杯子。(因为在现实生活中我一直想买一个便宜的瓷杯子的缘故)我一眼看到了一个3刀的杯子,心花怒放。刚准备买,此时听到我朋友使劲喊我,快走快走,来不及了!(虽然我也不知道来不及什么)

没来得及付钱,而且我头上还戴着一顶刚刚试戴的帽子,蓝色的蓝猫造型的帽子丑得非常诡异,而他已经拉着我的手开始在人群中狂奔(就像千与千寻里面的白拉着小千飞奔)。

我们一路经过黑暗的甬道,坐过旋转的滑梯,下过陡峭的楼梯,跳过吓人的裂缝。由于梦没有逻辑的缘故,路上我突然得知,小神,你是我这个朋友的亲戚。他说,你不是一直想找他么,我经常去他家的,带你直接去见他好了!他住在塔的八层。

于是终于一切宁静缓和下来。这一层没有人,静静的地面上有绿植和苔藓。听得到水滴的声音。远远的石板路上还能看到各种牌匾,正对着的一个写着“鹅”字的牌匾下,是养鹅的棚子。对,这里我来过,有一点印象。那还是久远之前的另一个梦里的事情了。

黑乎乎的角落里,门缝中漏出一丝光线来,那就是你家了。我还在犹豫该如何敲门,朋友就已经大大咧咧直接掰开了门,对里面叫到,嘿,小神,我们来了。

里面是日式结构,榻榻米上的茶几围坐着好几个人呢,你们起身迎接我朋友,我跟进来的时候不由得害羞地捂住了脸。要做不速之客了呢,而且还是要跟小神说这么令人感到脸红的事情。

在梦里,你穿着一身黑衣服,头发不短,看上去很友善。(有点浦原喜助的赶脚)你笑着问我,有什么问题可以帮我解答呢?我拐着弯说:“在设计里面,借鉴和抄袭的界限是什么呀?” 你笑笑地说,“没那么清晰,可能你觉得是就是吧。” 于是我就很不好意思的说了我借鉴了你棒棒糖设计的这件事,然后你很大度地说:“没有关系呀,很高兴你喜欢~” 当时我们急着走,于是你送我们到了门口。就这样匆匆道别……

接下来我又穿过了黑黑的走廊,穿过了养鹅的地方,回到了熙熙攘攘的顶层,与小贩买帽子和杯子去了……

(梦完)

梦旅程

地点:青岛

设备:Apple iPhone4S
dreamway_0_mdongorg
dreamway_1_mdongorg
dreamway_3_mdongorg

用Photoshop/Fireworks创建9PNG图像

写这篇帖子是突然觉得自己土啊,没做透彻,引以为戒。

如果9PNG的制作者不是DEV,而是UE,就不需要draw9patch.jar这个工具。
UI设计过程中的Photoshop/Fireworks,即可精确且高效地导出9PNG。

关键点:

1.元素四周设置边框为1px的全透明背景(看起来跟在draw9path一样)。
2.可以填充的内容规则:不透明纯黑色的线条、点、2个分开的点。
3.左右透明区域控制拉伸,上下透明区域控制内容。
4.后缀更名为.9.png。

范例:

mdongorg9png
(图像点击可放大)

个人倒是不建议把9PNG的控制权给DEV,通常他们不能通过draw9path.jar控制图像的质量,以及精确地了解图像伸缩与内容显示的区域。

最起初引发重新学习的过程是碰到draw9path.jar在MAC系统中不能运行是缘由所在路径中包含中文。