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...

屏幕浏览视线热区

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

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


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

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


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

摘记一

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

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

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

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

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

1. 应用本身日下载量

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

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

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

5. 搜索相关关键词绑定

效果-遮罩-简单阻塞

效果-扭曲-CC Bender

表达式控制 - 滑块控制


操蛋们,快跑!

雅虎设计模式库

雅虎设计模式库总结了布局、导航、选择、富交互、社会化等web中较基础常用及重要的模块,但其中思路和个别总结研究对于移动端是具有借鉴和延承作用的。

以下作个简要摘录以及一些对个人有启发的项:

web常见导航

  • Tab标签式导航

    web主要包括顶部/侧边的导航、页面中的分类导航

    移动端底部tab在前期像是标配,但现在随着对屏幕可视面积的利用率高追求,tab式稍显不适宜与呆板

  • 面包屑导航

    这个大家都不陌生,模式中也非常详细地介绍了面包屑导航包括的元素,以及细节设计不可忽视的点,如当前面包屑与向上层级之间的样式区别、向上层级的链接指向操作、向上返回的指示器等说明

    移动端特性决定了层级和架构的扁...

移动界面中常见的动效类型

1.入场类动效

  • 开场(Splash 页面的动效)

  • 引导(产品特点、新版功能、相关介绍,目前很多运用视差滚动等动效)

  • 登场(界面元素动态出现形式)

 2. 加载类动效 

  • 加载指示器动效样式,如菊花转、百分比环转、新颖的加载指示器动效(主指视图跳转加载)

  • 下拉刷新,新内容的载入

  • 加载更多,旧内容的载入(视图内载入)

  • 进度条,主要场景在浏览器网页打开进度条

 3. 转场过渡类动效 

  • 移动切换式

  • 中心/焦点缩放式

  • 翻转式

  • 淡入淡出式

 4. 操作反馈...

ios 按钮的无边框化?

ios7 的扁平风格一经推出,按钮的无边框化并成为了其讨论话题之一。

但个人以为更准确的叫法应该是去拟物化的扁平按钮,系统中也并非所有的按钮都是无边框,如app store 中的下载按钮,以及线框式icon。因此是否无边框则有一定的适合场景的,也就是说具体情况具体分析。


这里整理并总结下自己的看法:

1. ios7去拟物化扁平按钮配合扁平视觉风潮

2. 扁平按钮弱化了用户视角干扰(与前拟物化而言),从而使用户更聚焦于视觉焦点内容

3.无边框式文本按钮本身可操作性识别感知强,几乎不影响用户认知

  • 无边框文本按钮通常在视图顶部、底部等,属于用户熟悉的可操作区域

  • 按...

© CZen | Powered by LOFTER