|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| [ work ] | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Company Designs |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Mar.01, 2011 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| app design 「 应用设计 」 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Times , 11.06.08 - 11.06.13 |
Name , 精选个性系列-90后 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
精选个性这个系列是前面个性系列的补充,一开始产品为了占领市场位置说再做一遍吧就是把界面变一下,我当时很反对这样的做法,因为这样做完全是一种不经过大脑的复制,用户点进去看到一样的内容分类。点到内容页又看到了一样的内容,反过来会怎么想你们的产品?信誉怎么办?于是我提出了精品系列这个产品概念,这个概念在功能上的体现是喜欢功能和降序排列功能,用户可以对每一条内容进行喜欢处理,被点击的内容会排到前面,用户会看到一个由用户自己选择选出的产品应用。这样的概念和个性系列是完全不一样的,这些内容是的显示会因为用户的喜欢程度而变化,用户由被动的接受信息变成了主动的选择信息。 但解决问题的同时往往会出现一些新问题,如果过让用户主动选择,然后降序排列的话就会出现前面几位可能永远是那么几条。后面内容的很难被人看到,于是我决定先随即排列,让用户先看内容,但内容的下方有点击积累的图标,说明产品的概念。然后再把简旭的图标放在右上角点击之后降序排列,这样问题就很好的解决了。这同时也解决了一部分用户的需求。 实际在这里我还是不满意的,但由于技术和时间的原因没有完善这块,实际这么做是有歧义的因为上面的降序排列功能的按钮是大心形,下面累积点击量的按钮是小心形。这两个功能不同但形态相同,用户很误解是干什么的。我建议的解决方案是小心永远是透明显示,不可以点击,在用户复制成功之后,这时后面的累积数字加一,这样可以清晰的告诉用户这个数字是点击复制的累积数。大心的功能不变点击降序排列,这样的话才是没有问题的交互模式,但是环境就是这样,不是每个人都真正的对产品有感情负责任,有些人只对能不能完成老板的要求感兴趣,他们不会管产品的死活,到时拿钱回家看电视就行... |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ︿ 精选是基于用户的行为为概念。上面的信息是由用户的参与而完成的排序关系,这优于单纯的内容提供类型的应用。 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Times , 11.04.12 - 11.04.20 |
Name , 个性头像-90后 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
这个应用的设计我是比较喜欢和难忘的,因为在普通的产品上有了一些不一样的想法,可以说是有突破的。开始我提出交互上不够强大,因为选图片这种东西浏览信息的速度很快,每页只出现6个图片用户在很短时间内就可以看完,这时还要翻页等加载才能看到。我提出的想法是运用本地浏览图片一样去用拖动式来解决这一问题。这么做的优点有二,第一可以让用户快速的过掉自己不喜欢的图片。第二,用户可以和看电影一样预览图片并在脑中记下喜欢的图片,下次来时可以在下面类似播放器的时间控制区域一样,找到自己图片所在的位置。但后期js说图片加载需要很多资源和带宽不能实现(但我后来在网上找到了实例,是可以实现的,我是一个眼见为实的人)。这样的答复意味着我这两个想法都不能实现,但我还是坚持让他们尝试和他们不停的争论。这段时间我现在还是忘不了,因为真的很难,这也是我很喜欢这个应用的原因,正式因为他不容易所以才会珍惜。 最后选自己喜欢的图片功能转换了一种实现方式,就是加入喜欢功能。这个功能很好的解决了用户选择多样化的问题,用户可以轻松的把自己的注意力全部集中在选自己喜欢的图片上,不用浪费精力在边看边下载上面。喜欢的图片只要点亮图片右上角的心,就像是图片购物车一样,当全部浏览完之后点击上面的icon,应用就会自动的将刚才标记为喜欢的图片整合起来,这样用户可以专注快速的将他们下载下来,也可以从这里面再次选出自己喜欢的图片。这个功能我很满意,得到了很多好评。这也是多想多争取的结果,如果我一开始就有人家都做了这么多相同的产品都没什么突破我还在这和开发争取什么的想法,也不会有目前这个突破。 设计方面首页有些不同的创意,我做成了一摞摞的效果,这样让人看上去心理首先有一种很多图片的感觉,浅蓝色的背景很好的映衬了上面的图片的内容。通过不同的手绘箭头来标示出内容的标题更增加了活跃轻松的气氛。对于上面的主页和翻页的按钮设计,只要位置正确,出现在人们习惯注意到的位置,就没有必要做的多么显眼和清晰。只要和整个应用融为一体就可以了,因为用户在用时自然会去习惯的地方找,在不用时不要因为他的存在而干扰用户去进行自己的任务,这是不礼貌也是不人性的。 设计师比其他职业更关注可用性,如果给他们足够的权利他愿意尽全力去保证产品的高质量。因为这是设计师的特点,他们是完美主义者,不喜欢一点瑕疵,对评判产品的好坏有着特殊的直觉和审美能力。他们的专业就是要知道什么是高级的东西,怎样做出高级的东西。如果让设计师参与到开发当中去会有很多意想不到的结果。 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ︿ 交互上的喜欢功能创新很好的解决了用户在流程上的复杂性。改变了用户使用这类应用的习惯。 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Times , 11.07.18 - 11.07.25 |
Name , 微博群发应用 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
微博群发这个app已经在百度很有实力,每天超过10万的使用量,是百度自己做的应用,再次尝试做这个app如果在产品的创新上没有突破在界面上的突破很难以取代现有的这个应用。 这是一个让我比较遗憾的设计,一开始产品部门提出的是下面加上阅读微博的功能,可以查看、回复等等,微博的界面像iframe一样嵌入到下面....这样的想法完全没有考虑到用户真正的使用流程和使用环境,谁会在500宽的小框里玩微博?查看图片有时连图片的五分之一都显示不全,每看到一条微博内容的一半就需要使用滚动条.... 但我提出的想法是下面不要放置阅读区域,放置的恰好应该是刚才发的微博的跟踪系统,就是说我向各个微博平台群发一条微博,下面不断跟踪这条微博并显示出这条微博的及时效果,有多少人对这条微博评论了?内容是什么?评论的条数增加,各个微博icon上右上角的数字增加,这样才可以方便的满足一些没时间阅读微博但再抽空发微博又想知道粉丝们的回应这样的用户需求。这个功能是随着从发到收这一套流程走下来的,顺利成章的满足了用户这条产品线的基本要求。因为完整的流程会使得用户保留这个app他会想查看邮件一样,有时间就去上面查看刚刚发过的微博的回复的声音。这是这个产品最有效的一点。 但...哎...又一次好的东西被从人抹灭,最后增加的功能是在用户绑定账号以后,显示出本账号粉丝的增加数量,微博被回复和转发的数量,最后更可笑的是这些数量的总和却在icon的右上角显示了出来,还有想看具体信息还要点击各个微博的icon然后弹出一个窗....(不用动大脑就可以想到1,你放这些数字有什么用,我要查看还要跳转到各个微博平台上去,谁会为了消灭这不知何时变化的数字来留这个app的界面?2我想说这个数字对用户有什么关系啊,谁能看懂这个数字里面有几条是属于粉丝的,有几条是属于回复和转发的啊,坑爹啊!!!3.这些没用的数字摆在那里都不清楚啥意思一点还跳转,还居然被隐藏到了弹出的界面之中,还说这样用户体验好...) 整个产品如果在某一个用户的需求上面再深一层的考虑出用户在用完产品的下一个行为时,这个产品才可能从仅仅的一个工具变为用户的好帮手。一个好的产品就是在看似已经很完善的产品上再往前走一步,再替用户多想一点。 说了那么多产品的事。再说一下我的设计,这个app在界面上没有采用任何质感、体积、光感的设计,只用简单纯色色块的上下关系来表现出功能区域和内容区域的关系。 按钮突破了一般话的常规设计,给人一种简洁的空间感受,微微的高起跨越了上下两个不同的功能区域。编辑微博的区域全部用白灰色来表现,整个简洁干净。在做这个按钮时我故意的加入了鼠标点击一瞬间的状态,当时的思考时因为这个app的内容是发布在当前界面之外的平台,所以这个反馈在app上是看不到。加入了这个微小的变化会使得用户心理清晰确定我这一次点击成功了,再配合后面出来的文字提示这就能让用户放心了。 微博账号状态区域全部由蓝色系构成,这样使得整个app的彩色部分突出,而这正是用户的即时状态部分。在显示消息的三种状态(@提到我的、我的评论、新增粉丝)我前期试过用图标展示,但图标很难说明这三个概念,而且图标和上面的icon在视觉上有些混淆,所以直接用文字来展示。 整个app的提示语用消除锯齿的文字,而链接和随数据而变化的文字用没有消除锯齿带下划线的文字来表示,但颜色是采用同样的,为了保持用户阅读信息的连贯性。 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ︿ 我不喜欢UI质感过强的设计,因为会显得整个界面很腻很油。简单的叠加清新的颜色给人一种清风拂面的感觉是恰到好处的。 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Times , 11.05.10 - 11.06.25 |
Name , 万年历应用 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
这个应用是耗时比较长的一个应用,期间遇到了很多更改和反复,也涉及到了更高层领导的建议。这个万年历的需求很奇怪,百度的人说在没有这个应用之前根本没发现这样的需求,但应用上线了用的人每天非常多,而且在不断的增加,这就是用户的隐性需求。公司也要做一个一样的,需要在交互和设计上优于这个目前的版本。 这个应用叫万年历,他和日历的区别是第一他是只属于中国的,上面有农历的信息。第二他不能够想日历一样记录每天的备忘录,只是一个现成的信息展示工具。 在重新设计之前我对用户的年龄层级的划分进行了数据上的研究。发现主要用户群体是20岁到39岁之间。这部分的人是80后活70后印象当中的万年历都是比较传统的版本。当时我的想法是这个应用给人的感觉就是很怀旧的老日历,一页一页的撕下去的感觉。 为了准确的营造这种中国的设计氛围,特意找到我们当时设计奥运会的marco老师咨询到了中国红和琉璃黄的色值(RGB: R230, G0, B0 R255, G179, B15)红色象征着中国,黄色象征着丰收的农田。加在一起有很高的中国正统气息。我的意思是应用要具有专业性,不要人家有什么咱也必须有什么。这样就会迷失自己真正想要的东西。但老总意思是完全抄袭线上的应用,他们怕我不去做所以产品自作主张去改了一下。线上这款完全失去了原本的精致性,漏洞百出。一点常识也没有的加上了两个只有台历上才会有的环,今天的按钮不叫任何讲究的换成了大众按钮,数字下面加入了混淆视野的暗色方块,一个巴掌大的界面出现了七种不同的风格和样式,所有的元素大家都很有个性互不相让。上面的信息和右边的信息重复出现,这就是典型的中国互联网产品,没有原则、没有修养。 为什么人们怕做错就把用户所有的信息和需求都一股脑的展示给用户,而把这种寻找信息的责任推给用户。这样的产品是没有用心的,他的意思好像是你要的东西我这都有全都摆在你面前,找不到是你自己的问题,不是我的责任。没有真正的去为用户想想怎么样能更清晰快捷的给用户提供出他们需要的信息。最下面的版本是我自发设计的一个产品也是万年历但完全突破了目前一成不变的设计。理念是给用户选择参与的快乐,和前面的设计背道而驰,前面的是展示出所有的信息,这个是只展示最相关的信息,用户的需求分别根据用户的选择单独的展示给用户。 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ︿ 以清晰的内容和巧妙的交互为主体,精致的设计隐藏于其中。没有做作的效果,简单而平凡。 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||