花粉俱乐部  logo 花粉俱乐部  因为热爱
搜索 |
[晒机评测]

华为智慧屏,一位UX设计师的独白

[复制帖子标题和链接]

298424

智慧屏云服务  版主  发表于 2020-4-7 17:19:13 来自:浏览器

最新回复 昨天 23:12

本帖最后由 智慧屏云服务 于 2020-4-7 17:18 编辑

001.png

背景

1. WHY,为什么要做智慧屏?

启动智慧屏项目,是公司经过多方面深思熟虑后决定的,作为UX设计师,思考决策背后的意义,有助于聚焦在真正要解决的用户体验上,所以下面从用户体验的角度谈谈我们的理解。

AI已经是非常明确的技术发展趋势,这对用户体验会有不小的影响。未来应该根据用户的场景,直接给用户提供最需要的功能。

2. WHAT,智慧屏应满足哪些用户需求?

我们参考了智能电视独立应用的用户使用数据,发现用户在智慧屏上除了看视频,音乐、购物、生活服务等服务也逐渐成为智慧屏日常使用的一部分,用户需求已经在往多元化方向发展。

因此,我们定义了智慧屏要满足的4类用户需求,推荐个性化精品内容;沟通关怀,让家人聚在一起;提供贴心的家庭生活服务以及便捷的家庭、个人设备管理。

002.png

3. HOW,应该如何满足这些需求?

在智慧屏上,我们希望通过服务找人的方式来满足用户连接内容、人、设备和服务的需求。
003.png
004.png
结构

有了前面的分析,接下来我们开始考虑应该如何设计智慧屏的整体架构。设计过程中,我们主要有以下思考:

1. 让智慧变大

智慧屏不仅是一个单一的设备,更应该是完整系统的一部分。在未来,设备越来越多的趋势下,用户不需要每买一个产品,都重新学习一次,而应该是在一个完整系统获得中增强式的体验。

2. 简单的形式,承载丰富的能力

无论是数学公式还是物理定律,越简单的往往越接近真理。对比到智慧屏的设计,我们也是希望能够通过最简单的信息组织方式,为用户提供丰富强大的能力。

而这种能力并不单单依靠智慧屏本身,而是需要让更多的第三方开发者参与进来,智慧屏不仅是一个产品,更是一个平台。
005.png
3. 情感超越界面

智慧屏不应该是一个内容货架,而是应该像一个贴心的助手,时刻陪伴着你,等待着你的召唤。

打开智慧屏,就像是看到了一位非常熟悉了解你的老朋友,和你简单温馨的问候,然后贴心的给你推荐当前需要的内容。
006.png
007.png

4. 情景

在实际生活中,用户在不同环境中,用户需求会有很大的不同,情景智能的设计,可以很好的满足这种个性化的需求。

早上,我们学习到这个用户可能比较关心今天的天气怎么样、早上有听新闻和做运动的习惯,那么在智慧屏首页就会优先呈现这些服务内容。

008.png

晚上,普遍是处在一种休闲娱乐放松的状态,智慧屏首页会优先推荐上一次用户的观看记录,最近在追的电视剧,热门的电影,晚餐菜谱等内容。

009.png

视觉

美并不是天马行空的灵感,背后需要有秩序和节奏的思考。在设计的过程中,我们希望每个设计元素都能做到有源可寻。

1. 横向栅格

我们把智慧屏内容进行横向12等分处理,同时因为整个智慧屏内容层,智慧卡片占据了近乎屏幕一半的空间,因此我们将内容与屏幕的边距调整为120dp,以缓解由于大卡片所带来的画面拥挤感。

010.png

2. 纵向栅格

智慧屏设计上并不存在纵向的内容扩展,所以为了让界面看上去更协调,我们将纵向空间10等分,重构界面各模块间的关系,让整体更加合理且舒适。

011.png

3. 清晰的视觉层次

背景设计上需要满足2个条件,第一要满足智慧屏主题的壁纸适配,第二不能脱离智慧屏整体格调,因此在设计上进行了分层处理。

012.png

4. 自然

从拟物到平面,是设计的发展趋势,但有时候,适度的从自然中取材,可以让用户更直观的理解功能,同时也为设计赋予了意义。

013.png

5. 内容

情景卡片有很多媒体内容类的卡片,形式追随内容,是我们一个很重要的设计原则。去除不必要的装饰和其它可能干扰用户注意力的元素,让用户专注在内容本身。

例如当用户在新闻或音乐卡片的停留超过2S,这个卡片会变成一个播放状态,帮助用户自然而然的沉浸到内容中。

6. 平衡

情景服务卡片品类繁多,给我们在设计上带来了很大的挑战,我们既希望所有卡片看起来都能和谐统一,又希望每张卡片的信息呈现都能清晰直观,更快更容易的触达用户。

为了达到统一性和差异化的平衡,我们把文字、间距、颜色、背景定义为组件化的小元素,抽象组合成不同模板。

014.png

7. 图形

在应用图标设计上,在遵循产品品牌基因的前提下,设计出更符合智慧屏整体视觉风格的图标。在设计过程中我们透过颜色、样式、类型等维度进行视觉重组。

015.png

总结

智慧屏是华为在智慧全场景用户体验蓝图中的一次实践,我们尝试突破传统智能电视框架,重新思考人、设备和信息之间的关系,希望通过融合了经典和创新的综合产品设计方案,给用户带来面向未来、有价值的体验。

016.png

huafen623737198  略有小成  发表于 2020-4-7 17:20:29 来自:浏览器
智慧屏的设计很高端大气上档次!
玩机小美眉  渐入佳境  发表于 2020-4-7 17:23:29 来自:浏览器
华为智慧屏 让智慧变大,期待明天的发布会~
huafen103340523  渐入佳境  发表于 2020-4-7 17:24:32 来自:浏览器
页面设计确实挺简洁的~
huafen103340523  渐入佳境  发表于 2020-4-7 17:24:40 来自:浏览器
支持一下,赞一个
huafen172297842  初窥门径  发表于 2020-4-7 21:48:28 来自:浏览器
敢不敢把K歌加上

点评

我感觉k歌涉及版权,华为应该开发属于自己的3A游戏大作  发表于 2020-4-9 21:20
大卫的眼睛  已臻大成  发表于 2020-4-7 23:04:37 来自:浏览器
还没有呢
177796  独步江湖  发表于 2020-4-8 09:12:27 来自:浏览器
对于视力严重下降人群来讲,基础功能个性智能语音化是不是很有必要
大卫的眼睛  已臻大成  发表于 2020-4-8 09:30:44 来自:浏览器
字体大小应该能调节
刘惠夏青0619  炉火纯青  发表于 2020-4-8 09:59:03 来自:V1941A
个人认为这是一台很棒的产品
您需要登录后才可以回帖 登录 | 立即注册

EMUI10.0

工具下载

  • 花粉客户端官方

    Make it Possible

华为软件专区

关注花粉俱乐部

粤ICP备19015064号-4|备案主体编号:44201919072182| 粤公网安备 44190002003939号

Copyright © 2012-2020 华为终端有限公司 版权所有

快速回复 返回顶部 返回列表