分类目录归档:产品设计

移动app纹理和贴图的运用

想在众多APP中脱颖而出并非一件易事,界面是取悦用户的一大法宝,看成功的APP是如何使用纹理和贴图的。
木纹,凸显古朴
左图是iBooks的界面,右图是QQ阅读的界面,都使用了木质的贴图和纹理,尽显古朴,看起来像真实的书架。

 
皮质,尽显商务
左图是苹果官方出品的“查找朋友”,右侧同时出自苹果的“提醒事项”。皮质的贴图很能突出商务风格。

 
 真实,更易认知
左图是iOS自带的备忘录,右侧是“Days Matter”。备忘录的贴图使它看起来像真实的纸张,撕边等细节处理的很到位,Days Matter是个提醒应用,看起来像几个写有待办事项的纸张被夹在文件夹中。

 [……]

继续阅读

多款read later类应用使用体验

平时我这样从网上获取信息:Google Reader上浅阅读大量资讯,由于在寝室上网环境嘈杂,就把长文或认为有价值的文章加注星标,ifttt会把星标条目同步到read it later,在睡前或比较安静的时间阅读iTouch上同步到read it later的文章,如果确实是好文,值得学习或收藏,就发送到Evernote,如果很普通,就直接标记已读。

太佩服自己了,这么能折腾。一篇文章经过三个软件的“过滤”:

1、Google Reader上的信息噪音很多,他们只是信息,有重复,有大量低质量的内容;

2、经过我的略读发送到read it later上的是经过一次筛选的文章,我[……]

继续阅读

电子书的乱象和发展

高中的时候班上有很多男生痴迷网络小说,开始都是校门口十几块钱买盗版书,一堆男生把书撕成几份一起看,后来又逐渐变成在手机、mp4上看,晚上熄灯后可以继续,而且屏幕小,不易被抓。那时对电子书的理解就是移动终端上的“txt阅读器”,功能稍微强大点的可以支持更丰富的格式。目前主流的电子书大抵如此,直到现在智能终端的流行才逐渐有改变这一现状的趋势。

最近关注的一件事是《乔布斯传》的出版,除了纸质版,在iOS平台上还有“唐茶版”,说白了就是电子书APP,售价人民币45块,销量很好。因为买了实体的书,就没买电子版的,但我读了唐茶版的《失控》,用户体验很赞,翻页效果,目录的展示方式、添加书签以及注释的查[……]

继续阅读

浅析评论系统设计

最近在微博上互动比较多,有评论、有回复、有转发,各种@,各种提醒。恼人的是一个人“回复并转发”、“转发并评论”会收到两个通知、有两人在我一条微博上“版聊”,已经和此条微博无关,也会受到提醒,这些提醒还不能一次看完,还得分下面几类:

查看一段对话要从后往前看,看不到任何逻辑关系,不禁要抓狂了。

 

评论系统是社交网站核心功能之一,涉及到用户之间的互动,它甚至能成就一个产品(网易新闻),看到新浪微博评论系统,彻底失望。回顾总结一下我们熟知的评论系统:
一、直线式评论
直线式评论就是每条评论像流水线似的一字排开,逻辑上按照时间排序,视觉上没有什么区别[……]

继续阅读

浅谈休闲益智游戏关卡难度设计

最近玩了iOS平台几个很火的游戏:《Cut the Rope(割绳子)》、《SPYmouse(间谍鼠)》、《Where’s My Water?》。这几款游戏休闲益智、老少皆宜、都上过APP Store的排行榜前十。

休闲游戏做到“老少皆宜”很重要,“老少皆宜”扩大了用户群体,市场的目标人群更加广泛,间接的提高销售量。《水果忍者》、《愤怒的小鸟》、《植物大战僵尸》这几款游戏的风靡,轻松上手、老少皆宜的因素功不可没。

休闲益智游戏能锻炼思维、动脑给过关给玩家带来的成就感的同时,还要控制好关卡难度的平滑过渡,好让玩家顺畅地享受完整个游戏。既然有难度,就要考虑到玩家过关失败的挫败感[……]

继续阅读

iOS的隐性导航设计

移动设备阅读类软件最重要的特性之一就是尽可能的增大阅读面积,为此,就必须尽可能的让屏幕中的导航占到最小,甚至隐藏,手机浏览器也基本属于阅读类软件,最近流行的海豚浏览器甚至将电脑中的“鼠标手势”引入到手机浏览器中。
什么是隐性导航
下图是iOS中read it later软件的阅读界面,除了最上方的状态栏,阅读区域占满了整个屏幕,没有任何诸如“返回”、“关闭”的导航按钮,实际这些按钮是隐藏着的,我把这种隐藏看不到的导航称之为“隐性导航”。

继续阅读

浅析管理后台导航设计

导航是网站重要组成部分,它是网站各部分的入口,是用户体验重要组装成。随着互联网的发展,网站的复杂性越来越高,即使是普通用户都可能面对一大堆设置和选项,如何合理地组织这些设置和选项也是一门学问。

前段时间开发思可觅插件,需要不断在discuzX2.0后台进行调试,仔细看了下,惊叹与discuzX后台的导航设计。如图↓

通过四级导航菜单,将上百个分类、上千个选项组织的如此井然有序。

复杂有序归功于巧妙的标签导航:一级导航在最上横排,最大号的字体和标签,二级导航在左侧栏,并进行了分组,三级导航又变成横排,四级导航为竖排悬浮菜单。无论点击哪个标签下的哪个子标签,被选择的标签都[……]

继续阅读

闲话用户体验——日历提醒周期设置

在QQ邮箱中无意发现一个“提醒”功能,进去看,原来是这样:一旦时间到设置的提醒时间,系统会自动发个提醒邮件或者短信通知,确实不错,看起来挺方便。可以用它来设置好友的生日提醒纪念日等。

我刚要添加一个好友生日,就遇到了不爽的地方。我要设置4月4日,却发现今天以前的日期都是灰色不可选状态(这是一种防错策略),往下看,有“重复”选项,默认是“不重复提醒”,这下我才明白,如果这是个一次性活动,既然时间已过,这个提醒就没有必要了。于是选择了每年提醒,这是我选择了4月4日,没问题了。

这个过程让我不爽的地方就是设置时间的时候需要先选择“重复”属性,而且这个“重复”属性是在下面。我在填写一张表单[……]

继续阅读

用户体验之翻页按钮

手机看阅读器的时候无意看到这篇文章《小屏幕,大世界;“Next”背后的秘密》,关于手机界面翻页的用户体验。针对手机上不同的应用,不同的功能,可以设置多种翻页方式,用户体验也不同。我联想到网页上的翻页实现方式同样也是多种多样的,总结一下分下面几大类:
一、最简洁,自动加载,自动翻页
很多社交网站是没有翻页按钮的,当滚动到页面最底部时下面的内容会自动加载。

当自动加载的内容过多时,可能就不自动加载了,而是一个大大的“显示更多”按钮,仅多点击一次按钮。

继续阅读