揭秘QQ空间APPLE WATCH V1.0设计全过程

初期方案

设计初期,我们希望能够挖掘一些用户在手机端常用的点进行延伸,如:访客、礼物、动态。包括配色和图形设计也延伸了手机端的设计风格。

竞品分析

我们对Instagram和Twitter进行了研究,整体上是手机端的简化版,设计风格并无太多的亮点。

基于上述分析,我们得出如下结论:
1.手表的尺寸较小,展示内容有所局限,并不适合长时间查看。
2.繁杂的内容不适合在手表上阅读,手表更多的是作为一种提醒的作用。
3. 手表上的操作必须足够简单并且快速。

空间用户的使用场景

1.小白打开QQ空间Apple Watch版查看一天的好友动态,给好友们点赞和回复大表情,并且可以收到特别关心好友的动态提醒。

2. 小白每天在手表上使用QQ空间AppleWatch版进行签到。

通过分析手表操作的特性,发现空间手机版中的“签到”功能更符合用户在手表上的使用习惯。

为用户打造一种“轻松、简单、趣味化”的签到模式,更加符合空间用户的使用场景。

确定设计方向

我们分析了空间手机版签到的设计风格和Apple Watch原生的UI风格。空间签到:卡通低龄 /图形复杂/静态单调,因此我们需要寻找一个新的突破点,使之更符合Apple Watch的风格设计,而非简单的移植。

形随意动


化繁为简,放弃手机端的插画风格,采用图形化的表达。图标更能明确表达意思,可帮助用户在使用快速理解不同签到含义,并且符合手表“简单”的要求。

提取元素,从而升华签到的氛围渲染。例如:星座签结合了星盘;天气签结合了古代天文台的元素;黄历签则融入八卦、日晷、12天干地支等元素。利用传统的元素融入现代化的设计风格,升华签到的深层次含义。

每种颜色代表着不同的情绪或性格,每个星座拥有不同的性格。我们用不同的颜色来表达不同星座的特征,保证来每个星座的独立性和避免设计过于单调。

趣味动画,丰富体验的趣味性与层级感,渲染内容本身所蕴含的意义,提升用户使用的愉悦感。

其他

首页我们设计了一个笑脸来迎接你一天的心情,在首页滑动滚轮可以看到你在好友中的排名,点击即可炫耀。

为了增强用户使用Apple Watch签到的特权感,我们全新优化了签到展示的图片,并且带有特权标识。

不同的天气除了图标的区别之外,背景也会有差异化的表现,旨在渲染氛围,以提升视觉效果的沉浸感。

小结

我们通过图形、颜色、动画几个层面来不断优化与打磨设计方案,与此同时,在体验的层面也力求打造一种轻松、简单以及趣味化的签到模式,通过富有品质感的细节来提升设计的吸引力。

腾讯ISUX
作者:DD

(0)

相关推荐

  • 揭秘京东APPLE WATCH V1.0设计全过程

    小编:Apple Watch来袭太猛,@京东设计中心的同学们打造的第一版Apple Watch客户端也鲜新出炉,作为一个购物平台,如何在手表这么小的屏幕上做文章?放什么功能?如何使体验完整?来学习下他 ...

  • QQ空间免费非主流模块怎么设计?

    首先在其他的网站选择非主流的图像和相关内容,然后按照空间模块的使用方法就可以随意设计您想要空间了: 您可以开通黄钻(10元/月)可进入自定义中心进行随意装扮,同时也提供免费装扮空间。 要想装扮好QQ空 ...

  • qq空间8.0怎么样

    QQ空间即将发布8.0新版,QQ空间的每一次更新都会带给我们不一样的惊喜和体验,小编有幸获得了qq空间8.0的内测体验权限,整理了部分新版空间的内容,下面一起揭晓qq空间8.0的神秘面纱吧。 一、炫酷 ...

  • QQ视频桌面版1.0 Beta发布 相见如此简单

    热腾8月14日消息 随着互联网的普及,越来越多的用户会通过QQ和朋友家人保持沟通联络,QQ视频更是许多用户最常用来和远方的亲友维系感情的纽带。然而受限于现在的QQ密码难记、本地画面小、界面字体小等因素 ...

  • QQ空间6.0正式放量 可邀请好友一同升级

    据腾讯2011年第二季度财报数据显示,目前QQ空间活跃用户已达到5.307亿,仅就数字而言,这相当于一个仅次于中国、印度和Facebook 的“世界第四大人口大国”。从2005年诞生以来,QQ空间从传 ...

  • QQ空间6.0开始向普通用户发放体验资格 可邀好友一同升级

    目前,QQ空间6.0已开始向普通用户发送体验资格,用户可通过活动邀请好友一起升级,9月1日至10月15日期间所有升级用户均有资格免费享有30套6.0全新装扮。 QQ空间6.0较以往版本呈现风格更为简约 ...

  • QQ空间6.0版本热点问题

    尊敬的QQ空间用户,以下是用户询问较多的几个热点问题。 一、关于如何获得V6资格: QQ空间6.0版本目前已正式上线,我们会对6.0版本使用资格进行逐步放量阶段,首先优先黄钻用户,以及之前通活动获得空 ...

  • QQ空间头像个性72变 自己设计制作

    你的QQ空间还在用网络中提供的图片或是上传电脑中的照片那老套的操作步骤来做自己的空间头像吗?看着身边的朋友自己制作QQ空间个性头像,你是不是也会十分眼馋?现在我就与大家一起分享自己制作QQ空间个性头像 ...

  • IE10浏览器不兼容QQ空间6.0的解决方法

    首先说一下Win8 IE10浏览器无法打开QQ空间?只因Windows 8系统下 Metro的IE10浏览器不支持Flash,所以彻底不能玩QQ空间,除非以后QQ空间做成HTML5的,因为Metro的 ...