从三个故事说起,聊聊我的开发情结

发表回复 浏览 27

最近我“又”开始学习iOS开发了,想想还蛮好笑,果然爱折腾。
这次的热情会持续多久呢?不知道!
我的目标不是转行做开发,仅仅是觉得 “把我的小众需求开发成App” 是件特别酷的事情。

三个故事

开篇先聊聊三位我没见过面但是非常佩服的女生的故事。

故事1:刘旸,iOS开发者

第一次知道她,是因为词Ci这款App,听说是她开发的,所以特意去看了她的知乎,印象很深刻。

前几周在podcast,翻到IT公论采访刘旸的那一期。第一次听到她本人聊词Ci的开发初衷,是为了满足一位朋友的需求。后面还在开发的一款App,是在same看到某个用户的需求,觉得有意思所以决定帮她实现出来。

听刘旸这样说,顿时觉得酷毙了,想到我有一个挺小众的需求,念念不忘几年却没能实现,蛮遗憾。就这样,“又”有了自己开发出来的想法。

故事2:tinyfool的前妻,iOS开发工程师

tinyfool 公众号的那篇前妻文火爆朋友圈,好几位同事转发讨论。讨论的焦点之一是谁成就了她的今天,有人觉得是她姐夫,有人觉得是tinyfool 。尽管这些都是难得的助力,但于我而言,最佩服的是她本人。程序员的工资高,iOS开发多么抢手,很多人都知道,但是真正愿意沉下心去做并且坚持下去的人却不多。

比如我当初选择做交互设计,或多或少是认为软件开发太枯燥、也不容易,关键是自己水平一般,所以早早选择另一条路。tinyfool的前妻当然也会觉得难,觉得自己能力差,但即使天天回家哭也还是坚持下来,最终也得到了不错的回报。

我佩服她的那份踏实。

故事三:消极姐,微软交互设计师

前些天听podcast内核恐慌的某一期,才知道了消极姐,非常牛逼。她放弃学了8年的建筑(清华本硕5年、麻省理工3年),现在在微软做交互设计。她会用好几种编程语言,来做原型demo或写一些小工具。除此之外,人还特幽默,经常在twitter上发些有趣的段子。

记得播客中,她提到基本隔段时间就会学一种新语言,所以很不理解为什么有人叫php开发者或java开发者。对她而言,有用就学,没必要给自己那么多限制。

听到这些,不由得反思我自己,似乎开始之前总会思前想后,摆好姿势准备好“仪式”才进行,少了那份洒脱。

开发情结的缘由

特别留意上面的三个故事,可能因为在我曾经放弃的地方,有女孩子们做的那么好,因而也会更生感慨。

记得李笑来老师在《把时间当做朋友》中聊到过喜欢与擅长的话题。他说你觉得不喜欢,可能只是不擅长或者说是能力一般,如果你在某件事情上越做越好有了成就感,自然会喜欢。

这段话我记了好几年,觉得挺有道理,私心里却又不想承认。毕竟我当初放弃学了7年的专业转行做交互设计,某种程度上是一种退缩。虽然现在我还是喜欢做交互设计,也从未后悔当初的选择。但任谁也不喜欢退缩的感觉,何况我自认为自己如果继续做软件开发之类的工作,也不会太差。当初之所以觉得不擅长是因为没有实打实的开发出点什么,缺乏成就感。

所以即使不再从事编程的工作,仍然会关注这方面的技术。记得第一份工作要兼做交互和前端,花了挺多精力学HTML、CSS、JS,研究响应式设计的实现,开发过自己喜欢的WordPress主题,也能牵头做webapp的前端界面。从向同事请教,到帮同事调试代码解决问题。虽然没有专精,但至少我不讨厌这些工作,大概正是成就感得到了满足。

对APP开发的念念不忘

最初想学是在2013年四五月份,买了macbook pro,买了objective-c和iOS 开发的三本书,姿势摆的不错,可惜没过多久就搁置了。回想起来也记不清为什么就搁置了,大概是觉得在交互设计方面还没有足够深入和沉淀,学iOS开发的优先级不好吧,当然,这个也可以看做借口^^

虽然那次放弃了,但是实现我的小众需求的想法还在。某个契机,跟当时几个java开发同事聊到做App,他们跟我同一年校招进得公司,也想学些移动开发的新技能。大家一拍即合,决定合作一把,我负责idea和设计,他们边学边做Android客户端的开发。本来进展的不错,可惜几个人都有换工作的想法,陆陆续续的离职,去了新公司,会经历一段适应期,这个APP的开发就一直暂停下来。

最近我又兴起了学iOS开发的念头,并不期待学的多么深入,依然只想开发一款APP来实现我的小众需求。相比两年前,我已经在交互设计这条路上摸爬滚打三年,有了些沉淀积累。如今已经在做移动端的设计,每天跟iOS开发同事打交道,学习过程中有问题也可以向他们请教,多好的老师资源不是么。即使最终没能开发出我的APP,多了解一些iOS开发的知识,对日常的交互工作、沟通交流也更有好处。所以,这次重新开始,不会给自己太大的压力,暂时理解不了的可以先放过、少些纠结,一点点积累和进步。

话说,我已经想好将来APP开发出来写篇文章,就叫《纪念我的第一个APP》。哈哈,我又开始摆姿势了,循走…

##

欢迎关注我的微信公众号:青溪札记(qingxizhaji)
一枚交互设计师,正在这里分享产品体验记录、交互设计思考心得、阅读笔记、生活乱弹。

设计师要懂心理学:人如何观察

发表回复 浏览 29

《设计师要懂心理学》围绕人如何观察、阅读、记忆、思考、集中注意力等等10个方面,讨论了设计师必须知道的100个心理学问题。这本书读完有一阵子,吸收了很多新知识,也加深了对一些已知观点的理解。最近重读一遍,重点看了看当时标注的要点笔记,整理出来分享给大家。

本篇选取其中一章,介绍人如何观察。

眼见非脑见

别人在你的网站上看到的内容未必符合你的设想,他们的个人背景、文化水平、对眼前事物的熟悉度以及期待看到什么,都会影响他们的观察结果。

设计师如何做?
你可以设计物体的展示方式,引导别人注意特定的内容。

整体认知主要依靠周边视觉而非中央视觉

人有两种视觉:中央视觉、周边视觉。中央视觉,用来直视事物观察细节;周边视觉,展现视野中的其他区域,也就是人眼能看到的周边区域。对于识别具体物体来说,中央视觉是最重要的。但对于认知整体场景而言,周边视觉更为关键。

人们看电脑时会用到周边视觉,而且经常只扫一眼周边视觉区域便以此判断整个页面的内容。

设计师如何做?
1、虽然屏幕中央是重要的中央视觉区,但别忽视周边视觉区域。一定要确保周边内容清晰地表现了网页的用途。
2、如果你像让用户集中注意力观察屏幕某处,就别在周边视觉区域内放置动画和闪烁元素。

人在识别物体时会寻找规律

设计师如何做?
1、尽量多使用规律,利用分组、间隔创造规律。
2、如果要让某个物体(比如icon图标)易于识别,建议用简单的几何图形来画,这样可以让人更快、更轻松地识别该物体。
3、多用二维图形,因为大脑以二维形式接收人眼观察到得信息。三维图形要少用,它可能会减慢识别和理解的速度。

大脑有专门识别人脸的区域

人在观察网页时,首先会对人脸做出识别和反应(至少没有自闭症的人都是如此)。在网页上,直视用户的脸最具感染力,也许因为眼睛是面部最重要的部分。如果网页上的人眼,看着旁边的位置或者产品,浏览网页的人往往也会被吸引看向同一处,但未必会关注,只是看而已。

人根据经验和预期浏览网页

看屏幕时,人们第一眼会落在哪里?第二眼呢?答案取决于他们在做什么,希望看到什么。

如果他们使用从左向右书写的语言文字,那么看屏幕时也会从左向右看,反之亦然。不过,人们早已习惯认为网页顶部都是无关内容(比如商标、留白、导航栏),所以他们并不是从顶部开始阅读,往往忽略屏幕边缘,从偏中间的正文位置开始看起。

尽管用户会根据习惯来浏览网页,但如果旁边出现一张大图(特别是人脸照片)或动的东西(动画广告或视频),人们会被这些内容吸引,从而打破原先的阅读习惯和倾向。

设计师如何做?
1、最重要的信息或者希望用户关注的内容,要放在屏幕的上面三分之一部分,或放在屏幕中间。
2、既然人们不看屏幕边缘,就不要把重要信息放在那儿。
3、按照正常阅读顺序,合理设计界面,避免让人来回跳着阅读内容。

物体会提示人应该如何使用

物体给用户的提示,称为功能可见性。

Don Norman的《设计心理学》一书中提出了『感知功能可见性』:无论是在生活中还是在电脑屏幕上,如果想让用户使用某个物体,就要保证能够让热门轻易地察觉并理解『它是什么』、明白『应该怎么用』。

设计师如何做?
1、要考虑设计出功能可见性的提示。给予用户操作提示和反馈后,他们就更容易正确使用物体。
2、用阴影来表现某个对象已被选定或对象可用。(青溪注:现在扁平化盛行,对象被选中或可用状态的表示方式也不再只有阴影的视觉表现。)
3、避免给出错误的功能可见性提示。
4、设计触摸设备的界面时,慎用悬停可见的提示(青溪注:网页端由鼠标悬停显示提示的方式,移动端没有鼠标这种载体,显然无法再用悬停可见的方式)

人可能会对变化视而不见

不要认为物体出现在屏幕上就一定会被用户看见,特别是刷新网页出现改变时。用户很可能完全意识不到页面前后的区别。

设计师如何做?
1、如果你要保证用户注意到界面上的某处改变,应该增加视觉提示(比如动画效果)或听觉提示。
2、眼动跟踪数据分析要谨慎,别过于重视它,也别把它作为设计决策的主要依据。

人们认为相邻物体必然相关

如果两个东西距离很近(比如一张照片紧邻一段文字),那么人们就会认为它们之间有联系。

设计师如何做?
1、如果你希望读者认为,某些图片、照片、标题或文字是相关的,就将这些内容相邻放置。
2、如果想使用线或框分隔内容,可以先尝试能否只调整间距就能达到效果。有时候调整间距足以划分内容,还能让界面更为简洁。
3、无关内容间距要大,相关内容间距要小。

9%的男性和0.5%的女性是色盲

设计师如何做?
1、设计图片和网站时,用www.vischeck.com或者colorfilter.wickline.org 检查一下,看看色盲所见的效果如何。
2、如果使用颜色来代表特定涵义,应该同时使用另一种区分方案。比如如果想用绿色代表需要紧急处理的东西,建议在使用绿色的同时在周围加上方框。
3、设计配色方案时,请考虑使用所有人都能正常识别的颜色,如不同色度的褐色和黄色。避免使用红色、蓝色、绿色。(青溪语:目前我们通常用红色来表示失败或错误,用绿色来表示成功,蓝色风格的网站/APP也不少,看来对此的重视程度并不够。)

色彩含义因文化而异

设计师如何做?
1、谨慎选用颜色,多考虑色彩可能具有的含义。
2、为多国设计时,请找出你的设计可能设计的几大文化或国家,并在informationisbeautiful.net上查看相关色彩的文化含义,以避免出现不当的理解。

本篇完~~

##

欢迎关注我的微信公众号:青溪札记(qingxizhaji)
一枚交互设计师,正在这里分享产品体验记录、交互设计思考心得、阅读笔记、生活乱弹。

解忧杂货店:站在人生的岔路口,人究竟应该怎么做

发表回复 浏览 27

『解忧杂货店』,初看觉得有点啰嗦,读到后面却越发吸引我。作者很牛逼,每一章从不同的人物视角来写他们与杂货店的故事,人物之间的关联如抽丝剥茧般层层展开,思维之缜密让人佩服。听说作者东野圭吾以往主要写推理和悬疑小说,有如此娴熟的技巧,引人入胜的讲故事,也不足为奇了。

东野圭吾说,『如今回顾写作过程,我发现自己始终在思考一个问题:站在人生的岔路口,人究竟应该怎么做?』

书中的每个人物都曾站在人生的岔路口,他们的故事、他们的选择值得回味深思。

所谓两难的选择,更难在内心的坚持,难在是否全力以赴

克朗为了音乐梦想在外打拼多年,仍然没有收获。父亲生病住院,他回家探望,思虑、犹豫很久决定放弃音乐继承父亲的鱼店。当他把这个想法告诉父亲时,却被拒绝了。

“你要是一门心思想干鱼店,那自然另说。但你现在不是这么想的。以你这种心态,就算继承了鱼店,也不可能干好。等过了几年,你准会又心神不宁地想,要是继续搞音乐就好了。”
“没那回事。”
“怎么没有,我都知道。到那个时候,你有很多理由替自己开脱。’因为我爸病倒了,没办法只能继承了’,’都是为了这个家做出的牺牲’,总之什么责任也不想负,全是别人的错。”

克朗父亲的话让我印象深刻,在我们周围也有很多类似的例子、类似的两难选择。比如:回老家三四线城市发展,还是呆在北上广深;要不要放弃现在的工作,转行做互联网。

记得我读研的时候,打算放弃本专业自动化相关的工作,进入互联网行业发展做交互设计师。对于这个选择我并没有太多犹豫,除了按部就班的准备毕业课题,利用很多时间来学习交互方面的知识和技能。校招也一门心思找产品设计、交互设计的工作,对本专业相关的软件开发、测试工作完全不考虑。但是某天,爸爸打来电话说老家有谁谁在研究院上班,可以把我招聘过去。一番了解发现那并不是我感兴趣的方向,所以不想让人家帮这个忙,为了这事儿还跟爸爸吵了几句。

后来我如愿做了交互设计师,进入了互联网行业。爸爸偶尔提起当初的事儿,也会唠叨几句,觉得我「太任性」好好的机会错过了。这样的唠叨我很少辩驳,坚定当初的选择我并不后悔。

克朗的父亲最终说服了克朗继续去追求自己的音乐梦想。

“我也好,鱼松也好,都没有脆弱到需要你照顾的程度。所以你不需要想这些有的没的,再去全力打拼一次,在东京奋战一场。就算最后打了败仗也无所谓,至少你留下了自己的足迹。做不到这点你就不要回来。”

现在的选择,在未来可能会成功、也可能失败。如果犹犹豫豫的放弃,终将会留有遗憾。但是全力以赴地去打拼一番,为之努力,即使将来失败了也『不虚此行』。

咨询再多,回答再好,如果不努力,什么也没有

杂货店的老爷爷雄治,收到了曾经咨询过他的人在未来给他的回信。回信的人希望告诉雄治,这些年他们的人生发生了怎样的变化。跟儿子贵之聊到这些信,雄治说:

“从我读到的内容来看,我的回答之所以发挥了作用,原因不是别的,是因为他们自己很努力。如果自己不想积极认真地生活,不管得到什么样的回答都没用。”

正如我们通过知乎看到很多实用建议、通过邮件咨询前辈各种职业困惑,如果我们有这份认真韧劲,想办法去努力行动,多年后总会见证到收获。可惜很多类似的问题还是会被反复提出来。我们花费很多时间去搜寻各种各样的方法,去等待别人的建议。倒不如适可而止,选一条路在摸索中逐渐调整。

活着才有机会感受痛楚

“虽然至今为止的道路绝非一片坦途,但想到正因为活着才有机会感受到痛楚,我就成功克服了种种困难。”

这位女孩一度以为母亲不爱自己,觉得自己要是”没被生下来就好了”。有一天她知道母亲曾经为了生下她、抚养她做了多少努力,才明白自己的生命来得如此不易。不知道因为我太过悲观还是怎样,也会觉得活着真的很难,总要去经历重重困难。所以看到这句话我被触动了。或许正像她所说,活着才有机会感受痛楚。经历过痛楚、困难的锤炼,才能迈过一步步荆棘走得更远。

『站在人生的岔路口,人究竟应该怎么做?』A还是B,我们或许以为这是个单选题,但可能A和B都是正确答案。如果你有了自己的选择,坚定初衷并全力以赴。

##

欢迎关注我的微信公众号:青溪札记(qingxizhaji)
一枚交互设计师,正在这里分享产品体验记录、交互设计思考心得、阅读笔记、生活乱弹。

一次「有奖问卷调研」工作小结

1条回复 浏览 156

前几周针对我们的APP做了一次还算深入的用户研究,采用的方式是——有奖问卷调研、可用性测试和访谈。本篇将对有奖问卷调研的环节做个小结。

如果你做过有奖问卷调研,应该会发现这项工作非常琐碎、需要有耐心和细心。

这篇文章没有很多关于如何拟定问卷的干货,主要介绍整个流程中需要做什么、以及一些细节要点。

一、拟定问卷题目

作为交互设计师,参与这款APP的设计也有三个月,但是对于用户画像、用户习惯没有一个相对准确的认知,这才有了这次调研。

因为是自发开展的工作,所以我事先拟定了调研目的、问卷题目。觉得靠谱之后,再找领导沟通,最终这次调研工作也得以顺利展开。

1、明确调研目的

本次调研的目的是——了解iPhone版本用户的使用习惯,主要围绕以下几点拟定题目:
– 用户基本信息(城市、年龄)
– 是否重度用户(打开频率、常用功能)
– 使用场合(什么时候用)
– 对主要功能的熟悉程度(是否用过、使用情况、使用感受)
– 对同类产品的了解情况
继续阅读

周总结:2015年8月3日-9日

1条回复 浏览 123

每周7天,每天24小时,总会发生很多印象深刻的事情、也总会有一些新的收获和成长。有时候想着记录下来会不会太琐碎,可是不记下来就真的会忘记。越来越体会到时间飞逝,回望走过的时光,总想不起来自己做过些什么值得纪念的事。

倘若记下来,去咀嚼、思考那些看似简单的事情,日积月累总会有些收获,回头再看时也是种不错的怀念。

好了,开始这周的总结,有几个关键词:沟通、知识管理、理财投资。

即使是小需求,也要做到全面沟通

背景是这样:最近我们的运营同事希望在App的某个界面新增“分享”功能。最后活动运营负责人决定沿用已上线的“做任务赚金币”功能的分享的规则和逻辑。

以前分享功能的开发,一直由运营同事直接和H5前端、后台提需求、沟通。所以既然他们这么定了,我会以为这样的小需求只需要iOS前端这边做个按钮调用后台提供的已有接口即可。
继续阅读

念念不忘,必有回响——纪念打网球这三年

发表回复 浏览 32

2012年的8月,开始学习打网球,断断续续持续了三年时间,想通过文字记录这三年打网球的经历、以及很零碎的一些感触。

缘起于爱好

或许与很多女孩子不同,我是个球类爱好者。从小打乒乓球、羽毛球,大学选修过排球。对于网球,大概是从大学开始了解、感兴趣,喜欢的原因很简单,纯粹觉得网球击球的声音特别好听。可惜一直没有合适的机会、环境去学习。

大学毕业后来到深圳,“学网球”这个念头又冒出来。机缘巧合搜到深圳运动网这样一个BBS,里面有个“快乐网球”版本。翻了很多旧贴,发现这里有位教练免费教大家网球,培训班已经开到了70期。就这样,我也在这里报了名,开始了为期一个月的网球学习,认识了几个至今保持联系的球友。

记得报班之后有个简单的面试,说到大家为什么想学网球,有几位同学说为了减肥。经历一个月的培训之后,为了减肥的同学也没能坚持,因为练的少,效果着实不大。

想起这些,只是想说,如果抱有某种效果来学习网球,当一段时间后发现离预期效果差很多时,是很容易放弃的。学一样技能,真心喜欢更为重要。

初期,感谢有球友为伴

在刚学网球的时候,动作要领不熟练、不标准,处在摸索阶段。自个儿在练习墙上也打不了几个回合,出现气馁情绪很正常,也更容易放弃。这个时候如果有几个球友陪着,一起约着练球,还有前辈指导动作,是非常重要的。虽然还是打不了几个回合,但是从击球的手感和声音能感觉到自己的进步,这样建立起来的信心是持续下去的关键。
继续阅读

余音,一款能触动我伤感神经的音乐App

发表回复 浏览 272

连续周五周六周日周一加班之后的周二,还算准时的下班回家,给自己炒了一盘混搭特色的菜。就着配饭视频,吃的肚皮圆滚滚,再来个饭后大苹果。这大概就是我的不加班日常。

饭后看到最美应用推荐了——余音,一款音乐App,被它简洁的界面吸引,决定下载玩玩儿。主打功能是每期歌单,配上文艺唯美范儿的图片和一段文艺。

翻到一段感兴趣的文字,开始播放这期的歌曲,放下手机专注品着旋律、听着歌词,不知是被不算华丽的声音还是那质朴的歌词感动,就这样陷入久违的伤感情绪里。或许余音就是这样,每期歌单就是一种情绪,而我们可以跟随它去释放或者说缅怀这种情绪。

伤感终究是一时的,抱着一些理性,继续分拆这款App的交互设计。

一、功能层级结构

余音,有两种视图——音(每期歌单)、乐(每期乐人),二者之间可相互跳转。

在音、乐的主界面,分别展示最新一期的歌单/乐人。顶部导航栏的右上角均有三个图标,其中前两个icon对应的都是已下载的歌单、播放界面。点击最后一个icon,可进入列表界面,分别对应往期歌单列表、往期乐人列表。层级结构如下图:

层级结构图

二、交互分析

1、音-每期歌单

继续阅读

Origami动效制作入门经验小结(附3个练习案例)

发表回复 浏览 189

网上关于Origami动效制作的入门学习资料不少,得益于这些资料,我也算基本入门。本篇结合我的学习方法,介绍几个学习origami动效制作挺实用的资料,最后会附上3个练习案例供大家参考。

一、看资料,初识Origami

1、次时代交互原型神器Origami 档案

作者:陈泽涛,搜狐视频高级交互设计师
文章:http://www.csdn.net/article/2014-06-09/2820131
推荐语:
– 对origami背景、特点、安装方法都有介绍
– 对origami的24个模块给出的详细的用法解析(这点非常重要)
– 给出了Tab切换的例子
继续阅读

微信设计亮点(2)

发表回复 浏览 190

前几周介绍了微信发语音功能的设计亮点,这次继续介绍 5 个设计亮点。

1、消息列表,右滑手势操作时有弹跳效果

设计原则:通过动效引导用户

动效反馈除了提升用户使用的愉悦感,还可以用来引导用户、辅助用户记忆。比如此处的例子,弹跳动效让用户看到右侧一小段的红色背景,可以换起用户的记忆、也可能吸引用户的注意力,区尝试换个方向左滑手势操作。

如下图:默认状态(左)、弹跳时(中)、左滑时(右)

2、发消息界面,用户点击“+”图标,如果检测到几分钟前有新照片,则显示最近的一张照片,提示用户可能想发的是这张

继续阅读

【知乎回答】非设计专业的学生,想系统的学习交互设计有什么好的学习渠道或者有什么必须做的事情?

发表回复 浏览 875

曾经我也是一名非设计专业的学生,作为自动化专业的硕士希望自学做交互设计,有很长一段时间都抱有这样的疑惑“如何系统的学习、提升交互设计能力”。所以多次翻出这个问题,反复咀嚼过@王阅微、@朱晨 的回答,从中找出我缺乏的、忽略的技能去继续补足、努力。

现在从事交互设计工作已有三年时间,希望通过回答这个问题,来对以往独自摸索、自学路上的一些经验、心得做个总结。如果能给当前期待从事交互设计的新朋友些许指引,那就更圆满了。

一、理论知识积累

1、理论书籍

《用户体验要素:以用户为中心的产品设计》
讲述了经典的五层框架:战略层(产品目标和用户需求)、范围层(功能规格和内容需求)、结构层(交互设计和信息架构)、框架层(界面设计、导航设计和信息设计)、表现层(感知设计)。可以对互联网产品经理、交互设计师、视觉设计师之间的工作流程、职责有个初步的认识,在后续学习中也大致明白重心该放在哪个环节。

《点石成金:访客至上的网页设计秘笈》
介绍了don’t make me think 的几个指导原则 以及可用性测试,一本小书比较容易理解。

《认知与设计:理解UI设计准则》
介绍了一些用户界面设计准则。对于新人来说,常常不知道哪些设计是易用的、用户容易接受的,所以了解一些设计原则可以有助于我们辩证的思考各种设计方案之间孰优孰劣。
继续阅读