老胡 发表于 2011-7-8 11:20:49

35pad解锁界面的创意设计

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


张鹤鹏 发表于 2011-7-8 11:47:19

1# 老胡

很高的保真度,效果很震惊!敢问可求RP否?

iamnick 发表于 2011-7-13 13:39:03

1# 老胡

提点建议

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

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


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

老胡 发表于 2011-7-13 15:57:46

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

iamnick 发表于 2011-7-13 18:40:48

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


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


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


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


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

inuyah 发表于 2011-7-14 10:26:16

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

老胡 发表于 2011-7-14 10:55:13

5# 曾俊龙


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

iamnick 发表于 2011-7-14 12:07:20

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

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

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

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

高跃华 发表于 2011-7-21 11:14:53

webppd:watermelon 效果很好

anne498 发表于 2011-7-25 14:04:47

倒像我的电子宠物了。
页: [1]
查看完整版本: 35pad解锁界面的创意设计