带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(2)

简介: 带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(2)

带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(1)https://developer.aliyun.com/article/1340506?groupCode=taobaotech


实施方案介绍

 

致力于提升银发用户在手淘逛和买的体验、解决链路关键阻碍、并为其带来快乐,我们确定了长辈模式一期的重点改造方向。

  1. 梳理了银发群体在手淘核心逛和买的二十余个高频访问场景(既包含首页、搜索、详情等交易场景,也包含芭芭农场、淘金币等互动场景),针对这些场景确定适老改造范围,不仅限于视觉上的字体放大,同时基于银发用户的行为特点,做了功能的精简与布局重构,致力于让银发族看得清、好操作、逛得下去。
  2. 针对银发族不方便打字、不会搜的搜索障碍,我们增加了语音搜索功能,以拟人化的淘小宝形象与用户进行语音交互,不仅可以帮助用户进行搜索,亦可解决其查询物流、售后、导购等多场景的问题。
  3. 银发族喜欢线下走路健体,也喜欢周游河山,基于此,我们设计了银发专属互动游戏“淘游中国”,可将日常走路步数捐赠,换成云旅游的动力,到达每一站后,用户可以1分钱领特产。

 

下文将着重从界面改造,语音交互,版本切换,互动游戏,数据实验5个角度详细介绍本次适老化改造的技术实践。

 

银发模式界面改造

 

长辈模式从设计上看,首先需要面临的两个问题:

 

如何在不进行重构的基础之上对所有核心界面进行尺寸适配如何保障标准版中的认知习惯能无缝适应放大后的界面。

 

image.png字体大小规范

 

 

 

首先我们确定了对文字缩放从标准版字号到适老版字号的逐级映射规则,以保障放大后的信息结构不变。

image.png

 

同时,为了确保界面放大后其他元素的协调,我们也确定了与文字强相关的图片、带有文字的前段容器空间也需要与之配套的放大规则。

image.png

 

最后我们的改造对于购物路径中的关键界面(如商品详情页等)进行必要的重构。重构原则遵循看得更清楚、用着更便捷的原则,主要对界面的栅格结构进行变化。

 

结合以下业务场景,我们详细描述下设计上的改变:


带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(3)https://developer.aliyun.com/article/1340503?groupCode=taobaotech

相关文章
|
8月前
|
UED
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(8)
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(8)
|
8月前
|
算法 调度 语音技术
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(6)
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(6)
|
8月前
|
UED
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(5)
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(5)
|
8月前
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(9)
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(9)
|
8月前
|
定位技术
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(7)
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(7)
|
8月前
|
存储
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(10)
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(10)
|
8月前
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(11)
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(11)
|
8月前
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(1)
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(1)
|
8月前
|
搜索推荐 视频直播
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(4)
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(4)
|
8月前
|
UED
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(3)
带你读《2022技术人的百宝黑皮书》——淘宝长辈模式技术实践万字总结(3)