注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

 

 

 
 
 

日志

 
 
关于我

使用网易相片管家,看图如丝般顺滑, 上传、管理、冲印,打理相册更轻松。

网易考拉推荐

【设计手记】网易图片查看器— 让看图如丝般顺滑  

2010-02-07 11:24:23|  分类: 开发团队手记 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自sunddy《让看图如丝般顺滑》

                 感谢sunddy 同学,以下全文引用自他的博文让看图如丝般顺滑

 受XXJ之托,在相册管家图片查看器全新推出的前夜,梳理下新查看器的设计过程。图片查看器可以说是一个很小的产品,但却是用户很依赖的一个产品,因为查看图片是个很频繁的行为。当你用电脑打开一张本地图片右键点开打开方式时,你会发现有如此之多的图片查看器可供选择,用户为什么就要选择网易图片查看器?如何让用户有自主意愿将我们的查看器设为默认打开方式?在设计伊始,就是摆在策划和设计师面前的一个很严肃的问题。

对豆哥一句POPO签名印象很深刻,“做一个让自己用着都忍不住要叫好的产品”,所以大家是奔着这个理想开始设计的。良好的使用体验就成了所有设计工作的重心,也在最终发布的产品上有所体现(真正能不能成为亮点还是用户说了算,但我们的确一直在很努力地往这个方向靠)。

我们对于新版查看器的定位就是:华而又实。华丽又实在,耐看、耐用。我们正是想通过一个良好的“First sight“ 吸引用户,通过精心营造的用户体验留住用户。下面分别从“华”、”实”两点来看:

一、“华”——华丽丽的感官体验

硬朗的ICON风格,酷黑的皮肤,精致的动态效果,是淘汰数十稿后的终稿给用户的主观感受。

全屏模式:

让看图如丝般顺滑 - sunddy - 呼吸不止,脚步不止

 

光影的一些细节:

让看图如丝般顺滑 - sunddy - 呼吸不止,脚步不止 

 

 

对比下之前淘汰的一些草案,,方案在页面布局,细节设计上都逐步走向成熟:

让看图如丝般顺滑 - sunddy - 呼吸不止,脚步不止

 

让看图如丝般顺滑 - sunddy - 呼吸不止,脚步不止

 

让看图如丝般顺滑 - sunddy - 呼吸不止,脚步不止

 

让看图如丝般顺滑 - sunddy - 呼吸不止,脚步不止

 

让看图如丝般顺滑 - sunddy - 呼吸不止,脚步不止 

 

 

二、“实”——让看图如丝般顺滑

盗用XXJ的一句签名,哈哈。这个是一句很感性的话,不过普通用户在电脑打开文件夹用查看器欣赏图片本身也是一个感性的行为,所以我觉得这句话作为我们想创造的一个体验上的亮点。大家会问,“看图如丝般顺滑“是一个什么样的境界,想到了某某洗发水广告的画面了吧。那我们看看新查看器设计方案这方面有那几点考量:

1. 无干扰的全屏模式

这点也是现在主流图片查看器采用,我们只是争取做得更彻底;

让看图如丝般顺滑 - sunddy - 呼吸不止,脚步不止

 

2. 流畅、动态的图片列表切换模式

让看图如丝般顺滑 - sunddy - 呼吸不止,脚步不止

 

3. 精心设计的操作面板

让看图如丝般顺滑 - sunddy - 呼吸不止,脚步不止

 

4. 原图显示和适合窗口显示快捷切换

这个贴心的小设置面板是为了满足用户看漫画等需要原图查看时的需求,快捷设置,无需像某些图片查看器在复杂的功能面板中勾选这个功能项。

让看图如丝般顺滑 - sunddy - 呼吸不止,脚步不止

 

5. 可随时显示和关闭的EXIF参数面板

对于单反相机拍的照片,这个功能很有用。

让看图如丝般顺滑 - sunddy - 呼吸不止,脚步不止

 

让看图如丝般顺滑 - sunddy - 呼吸不止,脚步不止

 

6. 拉杆式缩放,操作方式、背景颜色用户自主设置等。

这几点将会在以后的版本更新上去。

 

回顾整个设计过程,就一句话“不停的纠结”。为了一个图标的样式、大小“纠结”,为了一个功能点的表述“纠结”,为了更贴近用户的操作习惯“纠结”…

我们一直在为设计一个更成熟、更受用户喜欢的图片查看器而努力。

  评论这张
 
阅读(1002)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017