35pad解锁界面的创意设计

老胡

featurephone时代锁屏界面功能就是防止误操作，且一般是通过按键来解锁。随着电容式触屏渐成主流、智能手机迅速普及以及APP的大量涌现，锁屏界面作为用户点亮手机的第一个界面，其个性化的触摸体验、视觉体验以及便捷性就显得更加重要。一个好的lock可以为手机加不少分......(全部内容及演示原型在这里：http://blog.sina.com.cn/s/blog_4ed756960100sgzu.html）

张鹤鹏

1# 老胡

很高的保真度，效果很震惊！敢问可求RP否？

iamnick

1# 老胡

提点建议

1. 设计中尽量不要用正反2种操作，来实现同一功能；
小刺猬拖动出来（出操作）是解锁（开启操作），把图标放进气泡中（进操作）是打开应用(开启操作)，实际上是很怪的。

2.操作更加接近本意；
锁定状态（小刺猬关在一个透明球里面），解锁当然是：把小刺猬放出透明球啦。（现在却是把透明球一起拖动到外面大圈圈外，这样子本意就不明显了）


-----------------------------------------------
PS：好设计除了酷以外还要让最普通的人都不需要看说明书就能使用。

老胡

嗯，你的意见很有道理。现在我们又设计了一套刺猬动作方案，意图表现会更明显。
这套流程初看有点繁琐(相对iphone)，但我们为用户考虑了解锁后要去哪里这个问题，并把这个问题做成可由用户管理。也是一个尝试。细节部份还会进一步优化。谢谢Nick的宝贵意见，对我们很有帮助。

iamnick

嗯，你的意见很有道理。现在我们又设计了一套刺猬动作方案，意图表现会更明显。
这套流程初看有点繁琐(相对iphone)，但我们为用户考虑了解锁后要去哪里这个问题，并把这个问题做成可由用户管理。也是一个尝试。细节 ...
老胡 发表于 2011-7-13 15:57

我想到的一个设计：
漂亮的待机界面中一只小刺猬关在气泡中打瞌睡（除此之外，其他什么都没有）。
拖动小刺猬，小刺猬变成唤醒状态；把小刺猬拖到气泡外，小刺猬变成欢呼状态，屏幕底部出现了一排通道。
直接放开小刺猬，界面解锁到锁屏前；把小刺猬拖到某个通道中，通道变亮，这时候放开就是解锁并打开相应的应用。


效果这直观上就是：
锁屏界面：小刺猬关在气泡中
解锁到锁屏前界面：小刺猬拖出气泡放开
解锁并打开相应应用：小刺猬拖出气泡到相应的通道中放开


至于要更改直接打开的应用，建议放在【设置】-【快捷解锁程序】中


另外一点小创意：
建议在锁屏界面的右上角加上（胡萝卜+数字）的图标，在刺猬未解锁的状态下，每隔几分钟胡萝卜是在减少的，胡萝卜减少到0，小刺猬就变成生病的奄奄一息的样子。拖动小刺猬出气泡，屏幕底下的一排应用通道，小刺猬进入到不同的通道有胡萝卜奖励（建议根据通道的距离设置奖励值，中间的少，旁边的多4321234），每次显示+N个胡萝卜图标的效果在打开应用。胡萝卜达到一定的数量，小刺猬改变造型或者换装。
（让解锁程序有意思，就好象是游戏，加深用户对品牌形象的认识，后续还可以搞排行榜，胡萝卜商店，交友等等）

inuyah

5# 曾俊龙
这种方式是不是强化了至通道(应用)的解锁方式,反而把最原始,最简单的解锁(解锁到)给忽略了.
会让用户有一种错觉,刺猬移出气泡外->刺猬移入通道,这才是一种完整的操作过程.(通道成了视线集中的焦点了)

老胡

5# 曾俊龙


很好的思路和创意，深受启发。谢谢Nick.

iamnick

5# 曾俊龙
这种方式是不是强化了至通道(应用)的解锁方式,反而把最原始,最简单的解锁(解锁到)给忽略了.
会让用户有一种错觉,刺猬移出气泡外->刺猬移入通道,这才是一种完整的操作过程.(通道成了视线集中的焦点了)
inuyah 发表于 2011-7-14 10:26

刺猬移出气泡就解锁啦。至于避免让下面的通道成为视觉集中的焦点，完全可以有UI设计师来解决，比如透明体。

这个设计的重点在于：
1.简单（实际上这个解锁的简单性绝对不亚于Iphone-刺猬拖出气泡既是解锁）
2.实现了快捷打开应用
3.增加趣味性

好的产品实际上是能让使用者有角色干沉浸感的，这个设计就是让使用者变成那只小刺猬，加上对品牌形象的印象。

高跃华

webppd:watermelon 效果很好

anne498

倒像我的电子宠物了。