您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码:  验证码,看不清楚?请点击刷新验证码 必填



  求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
 
   
 
 
     
   
 订阅
  捐助
App细节设计系列:Secret for iOS
 
译者 清茶悟道,火龙果软件    发布于 2014-08-12
   次浏览      
 

匿名私密分享应用Secret在硅谷以及互联网上掀起了一股新热潮水。这款应用由前谷歌员工Chrys Bader和David Byttow创办,是一个可以匿名与朋友分享自己所思所想的私密社交平台。

用户需要用电子邮件和电话号码进行注册,注册成功后它会获取用户手机通讯录数据,从而确定其社交圈。你可以在上边秀幸福,也可以吐槽不满,但你的朋友们却无法知道发布人是谁,除非特别熟悉的朋友凭感觉猜测。如果有朋友回复了你的帖子,或者加入了Secret,手机都会给你提示,当然你也可以邀请好友加入。Secret有点类似私密好友的分享平台Path,不过不同的是这款应用弱化了人在社会中的关系。

Secret目前存在一个值得探讨的地方,那就是基于朋友/熟人的匿名社交分享的价值所在,用户粘性如何,以及在国内能不能找到一个落脚点,这些都有待继续观察。

目前,用户对Secret的评论有好有怀,有人认为这款应用让用户找到了一种新的表达和宣泄方式,比如向心仪的人表达情感,在朋友之间制造点有趣的小秘密,而也有人认为这款应用滋生了恶意攻击和诋毁,让更多受到攻击的用户离开这个平台。不过我们暂且不讨论这些,我们今天从设计角度分析下这款应用的亮点所在。虽然我可能不会是这类应用的忠实用户,但上手体验了下这款应用,用户界面和交互设计还是有不少亮点的。

以下是Secret for iOS中值得分享的设计亮点:

1.查看一条Secret

点击一条secret查看评论会有一个非常有趣的交互效果,卡片(幻灯片)滑动至屏幕顶端,优雅地把状态栏推出视线范围。

2.滚动查看评论

点击Secret页面上右下角的气泡可查看其它人的评论。向上滑动页面查看评论,评论上方的图片会渐渐消褪变得模糊,图片上的文字也会变得模糊。

3.全屏滚动

这个交互动作跟第二条一样,但是这次我们是要看整个评论页面。如果页面上仅有少数几个评论,向上滑动页面,评论上方的图片和文字会消褪模糊。这时停止向上滑动松开手指,评论上方的图片会恢复至初始状态,并略带弹动效果。

如果页面上有多个评论,向上滑动页面,评论占满整个页面,而变模糊的图片则会变成窄窄的一条停留在屏幕顶端,有利于用户对内容的关注。

4.编写帖子时的背景处理--色彩

此前对于编写环境的处理一般是添加开关或者下拉菜单,这样用户就能选择自己喜欢的背景颜色或者纹理。而Secret允许用户通过水平滑动界面来更改背景色。

5.编写帖子时的背景处理--纹理

用户编写帖子时,可在水平方向上左右滑动更改帖子的背景色,而竖直方向上的上下滑动则可为帖子选择纹理背景。

6.水平方向上调整幻灯片的模糊度

这个细节设计的非常巧秒,但有时也很容易被忽略。如果你上传照片作为帖子的背景,水平滑动照片则可改变照片的模糊度,一来可以提高整体的优雅度,二来更加符合这款应用的本意--匿名私密社交。

7.竖直方向上调整幻灯片的饱和度

这款应用把很多对图片的处理融入到了手势交互中,比如水平上可调整幻灯片的模糊度,而竖直方向上则可调整幻灯片的饱和度。

 

8.隐藏和举报

首次使用Secret,app会引导你进行各种各样的手势操作,熟悉每个按钮的功能和意义。点击页面中间的省略号,可展示“隐藏和举报”某个特定的帖子。不过你可以从右至左滑动屏幕调出“隐藏和举报”功能,而不用点击屏幕中间的“...”。并且在此过程中,幻灯片也会变得模糊,从而帮用户关注当前的对话框。

如果你发现了更多有趣的设计细节,欢迎分享。

   
次浏览       
相关文章

用户故事与用例
交互设计师之精益画布篇
数据分析之用户画像方法与实践
如何快速建立用户模型?
 
相关文档

用户界面设计
给企业做大数据精准用户画像
用户体验和交互设计
大数据下的用户画像
相关课程

用户体验&界面设计
用户体验、易用性测试与评估
用户研究与用户建模
用户体验的软件UI设计最佳实践
最新活动计划
LLM大模型应用与项目构建 12-26[特惠]
QT应用开发 11-21[线上]
C++高级编程 11-27[北京]
业务建模&领域驱动设计 11-15[北京]
用户研究与用户建模 11-21[北京]
SysML和EA进行系统设计建模 11-28[北京]

从手机登录页面设计想到的
如何把无意识引入交互设计中
交互设计的真相
当视觉设计师遇上产品经理
手机交互设计原则
用户体验之网页板块设计
更多...   

以用户为中心的设计
可用性评估
Desktop及Web-based视觉设计
认知原理与设计应用
手机用户界面设计

北京 以用户为中心的界面设计
北京 用户体验& 界面设计
上海 华为 用户体验& 界面设计
深圳 用户体验& 界面设计
爱立信 以用户为中心的设计
北京 用户体验与界面设计
福州 以用户为中心的界面设计
更多...