葉子の设计

我们彼此之间都是陌生人,每个人的生活都是别人没有读过的小说…献上我所有的爱,望共鸣存在你我之间…
做设计,画图画,有文化,没纪律,有梦想,没德纪..

小皮匠的饰品鞋

接近年关了,回顾2015年,我只有一个字,就是“忙”,忙的自己特别的有感触,特别的身体脆弱,然后明年给自己定下的目标就是2016要自我过滤,要平衡与快乐。这两天手痒用边角料做了一只小鞋子,就是想找回那种专注的感觉。


Lean ux

精益用户体验是将我们真正自然的工作快速进行实践,减少强调成果而更加重视实际过程经验。

传统的文档将被丢弃,或者至少剔除原本缺少的部分,只提供执行时所需的最低数量的必要信息。相比较冗长而细致的设计周期,我们更推崇简短、迭代、低保真的设计周期,并且可以更早、更频繁地接收来自执行团队所有成员的反馈。整个团队的相互合作是产品取得成功的关键。

整个过程从轻量级的概念开始。它可以在一块白板上、一张纸巾或者是快速线框图上生成。它的目的是将创意或者流程的核心概念快速展现在你的团队面前。

团队开始提供他们在这个设计方向以及可行性上的见解与观察。也许会对原来的想法有所更改,也许将原本的概念完全推翻而提出...

高效的信息检索术

一般我都喜欢通过搜索引擎寻找我想要的信息。那么就要事先了解搜索引擎可以做的高级搜索有哪些。虽然不得不承认百度这货是不如google,但是他还是存在高级的语法搜索。
joyanneshao常用的高级搜索:site,filetype,inurl

1.1固定网页固定内容范围的搜索


 图2.site搜索技巧


 如果你经常喜欢上某一个固定的网站或者固定的频道,那么利用site去搜索就是很好的办法,如图2所示。 
 个人很喜欢知乎专栏,但是现在知乎专栏是没有一个频道首页的,只能靠在知乎网站上查找热门话题或者有专栏推荐的时候才能进入相应的专栏,对于想看专栏里...

客户端浮层与滚动条交互模式研究

前段时间遇到的问题,设计可视面积固定的客户端产品,经常会纠结一些很细微的点,下面就是其中一个。

当界面上任务出现异常,并以顶部浮条的形式出现时,滚动条应该在浮条下面(图中A方案)还是应该覆盖在浮条上(图中B方案)。


来看下AB方案从视觉、美观度、可控制以及可实现四个方面的分析。

来看下A方案:


视觉感知:滚动时浮条不会消失
美观度:清晰,简洁
可控制:滚动范围在浮层出现后变小
可实现:控制的滚动内容未变,技术实现方法与未出现浮条前保持一致

再来看下B方案:


视觉感知:滚动时会随着页面滚动tips消失
美观度:与滚动条叠加,不够简洁
可控制:滚动范围在浮层出现后不变
可实现:实现复杂度变高,客户...

对产品任务角色和流程的思考

【开篇】

这是一篇两年前对产品思路的思考文章,挺陈旧,最近从笔记中翻出来看,觉得这两年思考的东西真的太少了,有时候多想想未来的可行性是一件愉快的事情,可以看到未来还能做的还有很多,也能清楚的指导自己应该往哪里去努力。

【思考过程】

这是对安卓手机助手PC客户端产品的一些个人思考。对于像豌豆荚、应用宝PC版这类客户端内嵌网站目标,资源页面不管怎么改变,最终目标就是希望用户“成功安装app/下载资源”。

这里描述的更多是思考的维度和方法,并且这种方法能帮助我们找到阻碍目标的关键点。
我们要确定资源的信息架构,确定以下几个问题很重要:
1)我们的用户有哪些?
2)他们来我们的网站做什么?
3)公司战...

用Axure的这些年——常用交互效果教程(二)


【回顾上文】
上一篇我们讲了简单添加一个case,两个命令制作进度条,不知道各位小伙们有没有去尝试哈,感谢ginatian、baggiowei、diffoyang、yancyshen等同事给的建议。

【经验浅谈】
在开始今天的教程之前,说点个人制作demo的小小经验,其实大A本身具备的元件中,组合制作可以满足很多交互效果,不过要善加利用。那么善加利用原件之前的关键因素在于制作者本身。为什么这么说,因为制作一个交互效果不难,但是要学会在不同的交互中运用学会的技巧是很多人难于攻克的点。制作原型是一件有灵魂的事情,他不单单只是完成一个效果,还要学会分析如何制作。
举上回进度条的例子,在我们开始制作进度条之前...

用Axure的这些年——常用交互效果教程(一)


【初次相识】

记得第一次知道Axure在09年,奔着将来要做交互设计的目标,于是在网络搜寻和这个词有关的一切,无意中接触到了这个软件,虽然知道了很多年,一直都没用上他哈。

真正开始做交互是去年,感谢团队给我这个机会,虽然不到一年时间,不过段时间跟Axure(以下叫他大A)还是很亲密,哪怕现在市面上有很多这类软件:prototyper pro 、iplotz、omnigraffle、Balsamiq Mockups...我还是觉得大A在demo上的综合能力更优。我一直在用6.5,没有升级7.0,因为不喜欢7.0的logo,不要砸我,我是个外貌派^_^...

【原型要求】

随着团队的日益壮大,对于产品原型...

我爱设计,我在LOFTER

查看详情

金秋青海湖之旅


9月金秋,来到了青海湖景区,不愧是美丽的青色的海,一个富有神奇色彩的游览地。

青海湖路边别有味道的建筑

青海湖一角

一行人坐船去了

体验研究:是否在新窗口打开链接


【写在前面】

前段时间公司产品发布了新版本,腾讯手机管家(PC版)2.0,欢迎使用安卓的亲们体验我们的软件。于是继版本发布后,开始了一连串的跟进工作。这几天正好在忙这些新版发布的跟进工作,其中新版官网就在这几天要上线了,今天评审需求的时候定义了下官网中部分链接要求在新窗口中打开,说到这一点,顺便给产品的童鞋都简单说明了下这么做的初衷。

【问题背景】

有些人喜欢新窗口打开页面,甚至喜欢到忽略它本身的打开方式,默认选择“右键——在新窗口(标签页)中打开链接”。而另外一些人相反,就不喜欢太多的窗口,直接在当前页打开,方便。

【打开方式PK】

新窗口打开:

优点:1)同时浏览多个页面,很方便,而且如果浏览同类页面...

客户端切图方法


写在前面:

以前一直在切网页上的图片,好久不做前端,也很久没有做切图的工作了,做网页切图那是熟门熟路的活儿,可以根据之后的页面的重构计划和页面图片分布情况对图片做css sprite的技巧处理和合理选择图片格式。
对于客户端的切图(以下简称PC端),入门级。下面是同事分享的一些PC端的切图方法。欢迎同样在PC端工作的UI同学们多多分享图片输出的方法。

1、二等分

这个方法多用于不对称的图片输出。如下图这种按钮:

左右不对称,但是除了圆角和直角的部分是可以拉伸的。

类似的应用按钮:

输出的最终图片效果如下:

依次的状态分别是default、hover、click、active、定位。
确切的说,二等分法应该称

电商网站新老访客解决方案及HiveSQL小优化——jiangxh31·混


电子商务网站的会员分析和会员营销里面有个非常重要的指标就是新老访客。
所谓的新访客就是在一段定义的时间内,这个用户/cookie,第一次访问这个网站,则为新访客。

老访客就是在一段定义的时间内,这个用户/cookie,大于一次,访问这个网站,则为老访客。

老访客如果清理了浏览器cookie,重新访问这个站点,则变为新访客。

有很多的解决方案是在数据收集的阶段就完成这个新老访客的判断,比如beacon日志里采取一定的技术方案,为cookie打上新老访客的标识。
也有一部分,没在数据收集阶段完成这个标识,那么必须在数据开发和数据仓库中来完成,本文介绍的就是后者。

本文以Hadoop和Hive为数据计算平台。

数据服务和数据产品化——jiangxh31·混


在数据领域混了快4年了,突然有点小感想。
数据本身就是服务,可以转换生产力,可以商业化成产品。既然是服务,那就得服务用户,服务用户就必须抓住用户需求。

作为一个数据工程师或者数据分析人员,必须得要有业务敏感度,用户的需求是点线模式,传递到数据工程师或者数据分析人员,必须达到由面到系统的分析、分解、最后建模融合,当然要达到这个目的,数据人员必须主动出击去了解用户的需求,而不是被动的等待。

数据开发人员同样也要有业务敏感和数据敏感,只有对业务能融合贯通,加上强悍的技术手段,零散的需求都可以胸有成足的以一个系统化、程式化、灵活的供用户使用,业务需求的融合加技术实现而最终可以沉淀为数据产品

团队童鞋们的真人卡通像设计


团队的成员头像···服装和动作都借鉴了以前团队的形象服饰,按上了各位可爱童鞋们的头丫!

准备等我休假了再做一套新的服饰,在打包成一系列。完善下整个视觉,展示下team的风采。

icon图标一套


半年没更新博客了,罪过+惭愧~~~~~滴答答滴!其实后台堆着很多半成品,就是没完整,就不发了。给自己找个借口,哪天觉得自己进步一点了再发吧。

这半年都忙着很多事情,博客已经是杂草丛生,无法清理了。结了婚,于是柴米油盐酱醋茶的事情频繁不断,人生就这样去了大半。嗨~~悲叹

要说不甘心,的确很多很多,没玩够、还有好多目标没实现,好多地方没去,可惜在不甘心也没用了,今年就这样了,明年再来·····哈

献上一套图标,拯救下这片荒凉的土地(禁止任何用途,仅供交流)。

苹果macos系统下显示隐藏文件

Mac OS X中有很多系统隐藏的信息文件, 一般在Finder中都是看不到,也修改不了的.
但通过在"终端"中输入命令, 就可以在Finder中显示出来:
defaults write com.apple.finder AppleShowAllFiles TRUE
killall Finder
其实就是修改系统的一个设置, 再重启Finder
同样的道理可以让Finder不显示隐藏文件:
defaults write com.apple.finder AppleShowAllFiles FALSE
killall Finder
如果知道文件或文件夹的路径, 有一种更方便的找开方...

浅谈设计需求管理


写在前面:
作为一个设计师,每天有很多项目的需求并行,一人面对的需求方也很多,但是设计工作不是做完需求就结束了,还要经过复杂的审核、修改和确认,如果你不是一个有把控力的设计师,后面这个环节反反复复,连自己都不知道何时才能做到需求方满意的结果,而这个过程,设计师会很焦躁,同时需求方很不满意,因为你总是做不到他们需要的结果,直到双方都累得不想继续了...那么我们如何去管理我们的需求,确保需求的高质,辛苦不被抱怨?

设计专业有一个不为人知的方面,即专业的组织筹划能力,知道如何计划、如何设置期限、何时梦想以及何时付诸于实施。一个设计任务接到手里,在考虑设计细节之前,就知道要多少时间做这任务,并在最后期限之...

活动收获:11.19号pmcaff走近阿里大型产品交流


晚来的一篇总结。上个月中去参加pmcaff在阿里一站的交流会议,收获颇多,但是需要慢慢消化。讲的东西比较专业,我是个认真学习的孩子,废话不多说了,分享当天大牛们的主题:

分享内容纲要:

1)张勤,阿里巴巴副总裁,《互联网时代的竞争格局》

计算机行业的发展简述

互联网行业公司比传统计算机硬件,软件行业公司成长的速度更快,更惊人

建立产业生态系统的想法即互联网企业平台化战略的思路

苹果,亚马逊,Facebook等平台公司的运作模式

阿里集团的平台价值观,具体战略

2)王磊,阿里巴巴产品部资深总监,《商业产品如何赚钱》

先考虑几个问题?凭什么收钱?怎么收钱?B2B有哪些商业产品?

做产品前先忘掉产品!问自己,用户是谁?...

笔记:创新与添加新功能与产品定位

读书笔记开篇:苹果公司的电子产品,最大的特点就是它的易用性(usability)----简单,美观,容易上手。

如果你不断为产品添加新功能,在变得强大的同时,它还会变得越来越复杂,增加了用户的使用难度;如果你大力简化产品,在功能上比较单一,那么怎样与竞争对手抗衡呢?

对于新产品,这个问题尤其重要。因为新产品通常很难打开市场,最容易想到的解决办法就是为它不断增加功能,直到引起市场注意为止。但是,这样做是否正确呢? 

读书笔记:

什么是着陆页(Landing Page)

在互联网营销中,着陆页(Landing Page,有时被称为首要捕获用户页)就是当潜在用户点击广告或者搜索引擎搜索结果页后显示给用户的网页。一般这个页面会显示和所点击广告或搜索结果链接相关的扩展内容,而且这个页面应该是针对某个关键字(或短语)做过搜索引擎优化的。

在竞价排名广告(PPC)中,着陆页可以通过不同的定制来衡量不同广告的效果。通过在网址中添加参数,市场营销员可以通过统计相关参数的点击率来衡量相关广告的效果。

下面我们就从着陆页的用途、类型和与SEO的关系来介绍它。

着陆页的用途

让用户访问网站(并点击到网站的其他页面)

让用户购买 产品或服务

让用户允许你跟进联系(通过电邮、电话或其他...

淘宝图想体验区设计思考


这是支持图想团队的同学们的一次设计,也正是这次机会让我开始对设计做了一次思考。

图想目前的搜索流程必须经过的三步:传图(贴网络图片地址)——框选图片——类目选择,最终搜索,如下图:

也许你会问,难道就不能直接上传一张图片就搜索么。当然如果我们的搜索能够满足用户直接上传图片后就能直接给出他希望的结果,那自然是非常美好的事情,只可惜现在还是起步阶段,图片搜索的市场还是预热期,技术门槛也是,所以我们目前支持不了用户直接跳过框图步骤去搜索。

图想面临一个问题,在搜索过程中,总是有很多用户不知道要先把商品框出来再做类目选择。往往都直接选择了类目之后就直接去搜索了。于是希望在仅有的一块商品展示(即体验区),能够...

儿时记忆—《挨踢半调子》(4)



儿时记忆总是很美好。天真,单纯,不知道如何去达成美好的梦想,但是那个梦总是每天都会做,乐此不疲。儿时的事情,总是记忆犹新,每每回忆起,心里总是暖融融的,仿佛有一泓泉水涤尽了人世间无尽的烦恼和杂念,恢复了童孩时代的简单与纯净。如今长大了,梦变得现实了,每天也会做这个梦,不同的是这个梦知道怎么去达成,岁月磨练着追求梦的人儿,使之成长成熟,在甜美苦涩中储存记忆。但是我们依然为儿时的各种记忆感到满足和幸福,每每聊起小时候,好多好多有趣美好的事情要倾述···

儿时的经典太多了,玩的有发条青蛙、爆药枪~~~

吃的有酸梅粉,气泡糖、跳跳糖、果丹皮~~~

最喜欢的动画片有三...

闪亮的magic mouse图标


博客很久没有更新了,要长草了,最近实在不知道写些什么,下决心要好好学设计,所以开始有每日一练了,不过最近坚持的不够哈。翻译一篇教程,我还满喜欢的一个icon设计,在ps里面画一个magicmouse···


教程来源:猛击这里

制作软件: Photoshop CS3

完成时间: 1-2 小时



你要看的文章还在继续发表中...

阿里橙形象YY



都知道我喜欢画画,其实也说不上喜欢,就是习惯性的喜欢涂鸦而已。蛋塔mm因此希望我给阿里橙画一个形象,说来曾经我也是喜欢逛逛内网,灌灌水,对于内网的活动积极度都是不叫不错的,因为可以拿奖品嘛。我就就喜欢拿些额外的礼物...

下面是中午休息的时间yy的,本来想补上个手绘版的阿里橙子,8过,早上填写了啥,最近特受关注的“个税修正草案”收集意见,那个叫蛋疼,虽然我木有蛋
第一版:可爱的橙宝宝

第二版:只画了一个性别的

2011年春夏交接outing



今年的outing在出乎意料的时间内展开了。目的地:嵊泗,荒岛重生,一行人体验了一把海岛生活。(我好想升级单反,偶这里的照片都是傻瓜照片。别用砖头砸我,虽然照片看起来很丢脸)

小庄觉得自己够帅,给他配个美女妈妈

在上海到嵊泗的港口,我们一行人开始出发了

我们在嵊泗野游呢,海边风景很美,美景配美女

忍不住,我拍了很多路边的春天,小小的很漂亮,阳光有够艳丽,小花看起来很惊艳。

第一天返程,其实去吃饭,依然在路上

跳出率

跳出率 - 跳出率的含义是什么?

跳出率指单页访问次数或访问者从进入(目标)页离开网站的访问次数百分比。 您可使用跳出率来衡量访问质量,高跳出率通常表示网站进入页对您的访问者不具针对性。 目标网页越有吸引力,就会有更多访问者在您的网站上停留并进行转换。 通过针对各个关键字和您所投放的各个广告来分别定制目标网页,可最大限度地降低跳出率。 目标网页应提供广告中承诺的信息和服务。 
  
要查看您网站的跳出率,请转到跳出率报告(位于访问者 > 访问者趋势 > 跳出率)。

跳出率的意义

跳出...

第一方Cookies”、“第三方Cookies”和“会话Cookies”

说到Cookies(中文一般把它称为“甜饼”),经常上网冲浪的朋友一定都听说过。Cookies是从你浏览的网站服务器发送出来的,并通过你的浏览器,在你的电脑硬盘储存的少量数据。这些数据主要是一些标识码,它们记录了你在Web站点的访问次数,访问时间和你进入站点的路径等等信息。

所谓“第一方Cookies”,指的是来自当前正在访问的网站,储存了一定信息的Cookies;所谓“第三方Cookies”,指的是来自当前访问网站以外的站点,最常见的就是那些在被访问站点放置广告的第三方站点,这第三方站点可能正在使用Cookies;所谓“会话Cookies”,就是当前浏览时存储的一些信息,在关闭IE的同时,这些...

这个季节,花儿美,画儿也要美



今天在公司加班,突然翻开了在电脑上一些画儿,那是原本为《阿里人》杂志做的插画,不过没赶上出版时间。后来也就没有继续画下去了,博客也荒废了100多天了,难得最近有心情,拿出来晒晒。

最近特别想去太子湾看花,看看玉兰花,郁金香。有时候在公司中午还会偷偷跑出去看路边的,路边还有茶花...看到春天万物都复苏的景象就很舒服,过几天就清明假期了,一定要出去踏踏青,调节调节心情。

世界末日还没来,福岛核电站辐射没有大面积伤害到我们,我们还能享受如此美好的春光。还能搞些“解救高校单身联盟”之类的大动作。

我的画儿,都还没有上色,记得在学校里,我有个习惯,每天会画一幅画来表达我这一天主要的情绪,现在已经没时间有这个习...

在safari&ff中导出证书私钥


你用mac么?
你能在safari里面访问内部的网络么?
你还在为了访问内网而打开非常吃内存的虚拟机么?
如果你的回答:是!那么现在好了,刚好我也纠结这个问题很久了。记录下自己导出证书和导入证书的过程。

1、首先确保你在windows下面已经成功安装了内网的证书。然后请下载安装jailbreak

下载后的文件不大,就几十k,打开压缩包,双击jailbreak.exe(注意:如果电脑上装了杀毒软件,请先把它禁用了,否则很有可能这个程序会被识别为病毒)

2、展开树形目录,找到证书目录:(我一般吧这种证书安装在个人下面)

3、右键导出:

4、进入欢迎界面,点击"下一步".

5、在弹出的对话框里选择"是,导出私钥",...

© 葉子の设计 | Powered by LOFTER