CZen

It`s never too late to learn !

之前iPhone浏览器一直都认为启动时过多的教育页会干扰快速启动,所以我们除了必要的启动页啥都没。此次因为各种原因还是重新加了新版/更新功能的启动教育/介绍。此动效是对android版教育动效的1:1版

点击安全区的像素单位换算

今天呢,让我们接着上一篇文章来换算一下胡伯(Steven Hoober)的最小点击安全区的像素单位大小。


胡伯量化了屏幕不同区域拇指点击的最小物理尺寸,但我们平时设计的界面对应更多的是图片像素单位,即"Pixel",因此我们需要了解毫米mm与像素px之间的换算。

首先 mm与px之间换算的纽带是” inch“,即英寸,通过英寸分别与两者之间的关系,将它们对应起来。

mm,即毫米,大家相对比较熟悉1毫米代表的物理尺寸大小。而英寸跟毫米一样,同样是一种物理尺寸单位,只是为不同粒度的单位量。1inch=25.4mm。另外在设计中会涉及到另外一个物理单位是pt(point...

屏幕点击精确度与安全区

胡伯的研究结果除了表明用户浏览热区在屏幕中间外,还发现用户的操作自然/热区也同样在屏幕中间,占据2/3左右的区域。


此图就是通过不同尺寸、不同平台、不同设备亿万次点击得到的点击自然/热区。并且还通过进一步的深入研究发现在屏幕热区用户的点击精确率最高,上下左右的边缘区域点击精确率低于中间。


最最贴心和牛逼的是胡伯还量化了这种模糊的精确度,用具体的物理尺寸标识了出来。虽然具体的计算测量以及研究方式没在文章中详细说明,但应该是参考过各大平台对于手指最小点击尺寸的规范的。比如iOS曾鼓吹的44*44像素,按照当时iPhone3的分辨率换算mm后,差不多是7mm。另外人机学建议最小食指点...

屏幕浏览视线热区

一直以来,我毫无怀疑以及深信因为用户(除少部分如阿拉伯文是从右边到左的阅读方式以外)阅读的自然路径是“从上到下,从左到右”,所以在移动界面设计过程中,我总是有意识地将最重要的阅读性的信息放置在屏幕的上半部分。且自信地认为这就是铁板钉钉的符合用户视线流的设计。

但是今天胡伯通过研究,表明了用户不一样的浏览热区。


上图是胡伯的用户调研现场和方法,让用户佩戴眼球记录仪(Video-Recording glasses )记录用户的视线轨迹,以及手机上安装屏幕点击感应技术的app(on-screen measurement tools)来追踪用户点击点。

下图是最终累计的浏览热图:...


移动设备手持方式

胡伯在2013年2月的时候曾经在UX matters上发布一篇名为《How do users really hold Mobile Devices》,文章观察并记录了公众场所1000多名用户的手机使用方式,并总结了手机不同手持方式操作热区的示意图(如下图),相信行业内大部分人都有些印象。


今天主要介绍的是胡伯与另外一位设计师Alison一起针对不同平台不同尺寸设备更深入的用户调研。其跨22个不同国家(虽然主要还是美国人)共招募了600多个用户进行实际使用的调研。

首先我们来看下主要是针对哪几种设备进行的用户调研


  • 手机,主要指屏幕尺寸在3.5—5寸之间的普通触屏手机...

触摸屏的手指点击

最近在看美国设计师Steven Hoober的一些设计研究文章,学习了不少东西。

首先,来介绍下Steven Hoober是何许人也!


Steven Hoober有7年移动设计经验,早前在三星、高通及美国本土电信做过相关的移动设计工作,且自己创办了一家叫4ourth Mobile 的设计咨询公司。因此他的团队在设计工作中有更多的用户调研和行为研究相关的经历。

早前跟另外个设计师Eric Berkman合作出版过一本书《移动界面设计》


平时除了在他自己的个人网站、公司网站以及社交网站上PO相关的设计研究外,还会在“UX matters"网站上发布。

主要研究的内容包括

手机浏览器省流解析

如果你手机没有上网流量包月套餐,而你又不是土豪,那么还真的应该留意一下你的上网流量,要知道现在的流量费用实在是太贵了。而目前很多的手机浏览器,例如(mobile版)Chrome/Opera都自带有数据压缩功能,帮你节省上网流量。

使用数据压缩功能并不会太多的影响用户体验,事实上,使用数据压缩功能后打开的网页和不使用数据压缩功能打开的网页几乎可以说是一模一样的,而使用这个功能这可以帮我们省下一笔可观流量费用。


为什么可以节省流量

当你在手机用普通浏览器通过运营商网络上网时,浏览器会和网页服务器取得联系,然后进行数据请求,服务器再根据请求的内容向手机返还数据,这个过程和用WiFi上网的过...

高效交互设计中的用户需求

摘记一

“产品的页面架构布局需要根据产品和页面类型而定"

1. 导航为主:帮助用户明晰路径,快速找到目标信息

2. 消费/内容为主:图文、资讯、内容为主,让用户沉浸其中,不受其它次要信息干扰

3. 交互/操作为主:用户输入、管理、编辑等操作为主,需要关注易用、高效完成任务

苹果应用在商店排名相关因素

1. 应用本身日下载量

2. 应用本身的日活用户数

3. 初次审核通过应用搜索排名加权

4. 在日下载量及日活达到指定值时,苹果商店会把相应应用列入首页的推荐榜单,如果长时间不更新,则将被移除

5. 搜索相关关键词绑定

效果-遮罩-简单阻塞

效果-扭曲-CC Bender

表达式控制 - 滑块控制


© CZen | Powered by LOFTER