当前位置:首页 > SEO优化 > 正文

产品设计网站都有哪些(产品设计原则有哪些)

编辑导语:数字化时代,家长的学习速度可能跟不上互联网的步伐,越来越多的家长因为复杂的产品设计而放弃入门。我们不希望手机成为与父母沟通的障碍。适龄设计正在进行中。笔者分享了一些除了“放大”之外的适龄设计方法。让我们看一看。

在日益数字化的时代,当我们不在年迈的父母身边时,他们是如何生活的?

这两年受疫情影响,无论离家多远,我们都被限制出行或返乡。所以,手机成了我们联系家乡父母亲人的枢纽。

除了打电话,发视频,伴随我们的还有各种移动应用,比如旅行健康码,旅行码,移动支付,地图导航等等。

从2021年开始,我国开始了互联网应用的老龄化改造,涉及各大互联网行业网站和常用的移动互联网应用(app)。现在改造过的产品是什么体验?他们是如何进入老年群体的,为“老龄化”提供哪些服务?

在本文中,我将对列表中16款已经完成初步改造的常用app进行体验测试,一起探索除了“大字体、大图标、大按钮”之外,还有哪些“防老”产品的新设计探索?

一、产品体验测试

为了方便对比,我选择了iOS的同型号进行体验,从APP的模式进入、视觉变化、功能操作三个方面进行了记录和总结。

第一大类:社交娱乐

1.新闻信息

(1)新浪微博

新浪微博分为微博和微博大版两个产品,即老版为用户独立开发应用,在微博的设置中也有大版的快捷链接,方便用户了解老版应用并下载安装。如果已经安装,用户将直接跳转到大版本应用程序。

去广告:打开应用,“大印版”减去开屏广告的引流,直接进入“推荐”页面刷新相应内容,避免用户被误导。

精简的信息显示:未登录时,大尺寸的“微博”页面只显示“推荐”信息,保持单一状态显示,可视化放大调整字体和按钮。

登录后,首页保留“关注”内容,但同一账号的“大字版”简化了关注项的分类,避免了信息冗余。

操作便捷:除了视觉放大,《微博大字版》在细节上做了部分调整;比如“微信分享”在“大字版”中显示为消息右下方的按钮,方便用户快速查看和操作。同时为了保持按钮联动,“转发”和“分享”的顺序也差不多,方便用户理解和操作。

在功能栏底部,视频和搜索两个板块的内容,取代了标准版的“Supertalk”、“Discovery”和“Message”,精简优化了功能模块。

(2)今日头条

头条是嵌入式页面的形式,模式切换路径是“我的”——“更多服务”——“大字模式”。选择后会有二次确认打开简要描述,功能意义更清晰,更容易找到。

含义更加明确:“大字模式”下头条的整体UI界面被放大,底部功能栏的文字更加明确。比如标准模式下的“首页”、“视频”、“展厅”被大字模式下的“看新闻、看视频、看电视”等日常常用表达代替,有利于老年用户的理解和使用。

提供视听辅助:在长阅读页面中,去掉了“大字模式”顶部的搜索按钮,突出显示了“听文章”的功能按钮。通过形象化的耳机图标搭配文字描述,给用户一个清晰的提示,非常甜蜜,为视觉功能较弱的用户提供听觉辅助。

同时底部功能栏的信息改为图标+文字的显示形式,更容易理解操作含义。

尽可能保证用户的安全:在我的/不登录界面,切换模式后,上方导航栏区域的图标被替换为清晰的文字说明。

钱包、借钱、广告推广、免流量服务等与诱导相关的功能都包含在“所有服务”的二级菜单中,以保证老年用户的使用安全。

除了部分页面仍有随机广告外,头条“大字模式”整体上满足了老年用户对资讯类app的需求。

信息体验对比:

2.社会交往

(1)微信

微信也采用嵌入页面的形式,模式从“我”-“设置”-“关怀模式”切换到“确认打开”,比今日头条多了一个操作。

“听短信”贴心辅助:在“关怀模式”下开启“听短信”时,聊天窗口中可以看到语音朗读屏幕的标志,当你点击信息电话时,会自动识别并以字幕朗读的形式呈现。字体在设计中一个字一个字地突出显示,以提示用户阅读进度。

万能关怀模式-字体大小:经过对比,微信在“关怀模式”下的文字信息显示和标准模式下的字体大小设置基本没有区别,也就是说字体是以适应整个世界的形式显示的,较早的减少了放大字体的错位和拥挤现象。

其他视觉变化:开启“关怀模式”后,界面中图标的颜色亮度整体变暗。

微信官方账号的内容展示也随着模式的变化而调整,整体可读性有所提升。

朋友圈也会出现随机广告。

(2)移动网上营业厅

手机“关怀版”也是以嵌入的形式切换,但模式入口是隐藏的。在右上角的“我的”——齿轮图标,老年用户可能需要外界帮助才能打开使用。

模式切换按钮放在右上角的导航区,很明显是有设计的。当用户点击它时,将进行退出模式的第二次确认。

语音功能:页面底部高亮显示“语音公告”。开启后,公告功能可以自动为界面中的每个内容提供读屏服务,以及阅读位置的记忆辅助。即当用户在听语音的同时进入“套餐余量”的详情页,然后返回首页打开语音公告时,会自动从最后一个暂停项开始阅读,避免重复前面的信息。

语音以外播的形式播出,贯穿于每一个子功能页面。同时,“语音搜索”和“联系客服”功能也方便为更多用户提供更普惠的服务。

“请说普通话”的提示和“输入文字”的文字按钮一样,容易产生歧义;

目前语音只支持标准普通话,有时候识别到关键词内容,会跳转到相应的界面。

设置:右上角的设置按钮为用户提供了“速度调整”和“字体调整”的服务,用户可以根据自己的需求进行一些定制调整。

精简:“关怀版”删除了底部功能栏,所有操作合并到一个页面显示。去掉广告、套餐等宣传内容,只保留必要的信息查询和搜索内容。

社会交往的比较:

3.生活购物

①淘宝

刚开始找模式入口的时候,总是习惯找中央的内容区,忽略了右上角的齿轮图标,很多项目里都有列出,对老年用户的视觉识别不是很友好。

淘宝的模式切换是隐藏的。需要在我的淘宝-齿轮图标(设置)-模式切换-长辈模式中点击操作5次(最后一次是手动返回界面)。

同样,切换后的首页有一个模式切换的快捷按钮,但显示效果比移动营业厅的模式切换弱很多,而且在不易误操作的左上角,感觉会更符合老年用户的使用场景需求。

验证码教具:选择“短信验证码登录”时,“不能填写验证码?”位于界面的右上角。“文字按钮,点击回车根据教学视频进行学习和操作,更加人性化,更有助于用户自主操作;

视觉优化:首页商品展示由双排改为单排。除了搜索栏和底部功能栏,其他内容基本都是放大精简的,包括图标和文字内容。

个人页面中的“我的订单”内容进行了重新设计和排版,突出了“客服”按钮,方便用户寻求帮助。

调整:首页搜索框下新增商品分类功能,方便筛选品类信息,但界面上焦点区域不明显。

在首页底部增加了醒目的“长按搜索”功能,方便用户进行语音检索。

要点一:首屏头部区域依然保留了“金币换钱”、“水果”、“话费”、“娱乐”等诱导消费的功能,抓住了老年用户消费时倾向于便宜、优惠的心理。但是从用户的角度来说,使用的安全性是有一些影响的。

要点二:部分界面/文字信息不适应模式切换,可读性较弱。

(2)拼多多

品多多长辈版的入口,嵌入在个人中心较低的位置——设置,不是很醒目,查找切换会比较麻烦。

伟大的功能“瘦身”:“长者版”的首页只保留了搜索框和两栏产品展示内容,其他功能和活动条目都被删除了,所以整个页面简化了很多。

底部功能栏的内容也由普通版的五个条目缩减为三个基本内容:首页、聊天、个人中心。

视觉变化弱:部分短信对比感增强,但与之前的产品相比效果并不明显。与标准版相比,产品详情页中删除了类似“进入直播间”的宣传信息,其他基本信息并没有太多或明显的变化。

关于推广:个人中心页面还简化了归纳信息,如多多果园、免费商品、每日现金等。,但仍保留了感应式消费信息“存钱月卡”和“多多钱包”的存付功能。

(3)美团

美团的长者版类似于移动营业厅,放在我的设置里。不同的是,美团的设置相比齿轮图标,通过显示文字信息,更加直观易懂。“打开老年版”按钮下提供了版本功能说明,详细解释了老年版模式下一些不可用的功能信息。

视觉优化:在“长者版”模式下,美团整体UI界面从字体、图标到图片显示都进行了放大,但部分商品详情页,像淘宝,并没有进行老化调整。

精简功能:长者版的界面只保留了“点外卖”这一特殊服务,在满足用户基本需求的同时,避免了信息的冗余和分散用户注意力。

④优酷

优酷的“长辈模式”开关入口在左上角我的-模式开关-选择模式“进入”-“打开”,有很多点击过程。

信息流优化:优酷“长辈模式”信息流页面由多栏显示变为单栏显示,视频封面显示面积增加不少,页面图标颜色进行了精简和调整。比如底部功能栏由动态亮粉色线条调整为蓝色区域图标,方便用户识别。

去看广告:“长辈模式”的信息流页面基本没看到广告内容,但进入应用时还是会有开屏广告,视频播放页面底部有时会有小弹窗;

精简功能层次:“长者模式”整个页面删除了很多功能服务。第一,头部信息只保留搜索栏和五个常规视频类别,底部功能栏由原来的五项减少为三个类别:首页、类别和我的。

会员、社交、购物等诱导消费的功能也被删除,只剩下看视频、下载列表、历史记录等功能。

购物类别对比:

第二大类:综合服务

1.金融服务

(1)微信支付

微信支付属于“微信”共享版功能。标准模式和关怀模式切换后,除了视觉文字和图标信息放大,颜色亮度降低外,没有太大变化。

(2)支付宝

右上角“我的”-档位图标-“长辈模式”-“打开”可以切换模式显示,并且可以分享模式代码,扫码快速进入打开页面;退出模式设置,进入右上角“长者模式”的关闭页面。

支付宝“长辈模式”界面内容的变化主要体现在字体和图标的放大和适配。

基本上功能没有太大变化,只是在“理财”页面上减少了一些宣传内容。某些情况下可能还是会出现弹窗,关闭按钮较小,所以使用体验一般。

金融服务比较:

2.旅行。

(1)百度地图

百度采用独立开发形式,区分标准版和“关怀版”。

视觉优化:与标准版相比,“关怀版”整体UI界面更加清爽,部分图标和按钮采用背景色,便于识别操作区域。

“一键”操作:功能仅保留路线查询和导航,增加了“一键首页”按钮,显示清晰。只需设置家庭地址,再次点击,地图会自动匹配从当前位置到家的行程,并可设置路线偏好。

语音辅助:该部门增加语音辅助功能,可实现快速指令、搜索等功能,并提供“使用帮助”。目前只有文字版说明如何通过口语内容触发相应指令。

出行方案优化:出行方式只保留公交、开车、步行,简化了实用方案。

去广告化:“关爱版”应用除了导航时的语音有广告嵌入,其他页面基本没有广告内容,所以去广告化更全面。

(2)高德地图

高德的“长辈地图”是“长辈地图”--“首页”中的“打开”--右侧图层--底层综艺地图”。找的时候习惯性的找设置。找了半天没有结果,还是通过在线问答找到解决办法。老年用户在使用时,可能需要外界帮助才能打开模式,操作过程比较复杂。

长老版打开后,需要退出后台,重启应用,直接进入长老版界面。“亲近长者版”按钮会高亮显示。如果要恢复标准版,只需要在长老版中点击返回或关闭即可。长辈版体验差。

字号设置:视觉上只放大文字和图标按钮,“长者版”默认以“大字”显示。用户还可以选择“超大字符”来浏览页面内容。

显示:在功能显示上,高德默认显示附近的公厕、医院、超市等地的信息,但无法设置家庭住址,只能“找地方”搜索路线。

缺少语音辅助:“找到地点”只是输入。键盘右下角有一个“麦克风图标”代替语音输入。路线导航页面只显示文字,不提供语音辅助。整体使用感受较差。

(3)滴滴出行

滴滴的“帮老人打车”服务入口很明显。位于首页功能导航的首屏区域,一键切换。

细化车主功能&重要:切换模式后的界面仅保留"一键打车"的功能内容,通过突出的按钮动态效果引导用户点击。点击按钮后,会自动进入终端输入界面。默认情况下,会显示几个经常访问的地址供用户选择。

“电话叫车”可以实现快速叫车服务,减少了老年人的输入和操作麻烦。

弊端点 – 关闭与返回:老版界面上方的返回与关闭按钮,我在开始使用时仅把它们理解为是关闭当前操作,事实却是退回标准版界面,这一点在使用感上会令用户产生疑惑。

(4)铁路12306

2306的“爱情版”可以在“我的”——“常用功能”中找到。同时,在首页的搜索栏中搜索默认的关键词条目,方便高效。

视觉优化:“爱版”整体界面中的字体和图标进行了放大,直线图标改为视觉比例更明显的平面图标,部分渐变颜色改为纯色;不过底部功能栏的按钮只是做了精简,大小基本没变,识别度比上面的内容弱。

版本宣传及使用教程:在应用指南界面有对“爱版”功能的简要说明,在关键词搜索中为用户提供“爱版使用教程”,为购票流程提供辅助说明,帮助用户使用。

重点增强:首页在线订票、一键电话订票直接放在显眼的首屏,两个大色块,粗体字,“车站大屏”“旅客”等功能入口很容易找到。同时在底部展示了一些常见的问题和答案,方便解决用户的疑惑。

“铁路会员”、“重点旅客预订”等功能放在“我的”页面,避免诱导消费的内容。

旅行类别比较:

3.医疗卫生

(1)JD.COM到家了

JD。COM的home模式切换到“我的”——右上角的“齿轮”图标——“长辈版模式”。打开后界面有逐渐放大的效果显示,给人耳目一新的视觉感。

在标准模式下,有时候刷新页面会弹出“长者版”模式窗口,提供快速切换链接。

对“短信登录”的辅助验证方式进行了简化和调整,增加了实用性和可理解性,提高了用户操作效率。

视觉上,对图标和字号信息进行了放大和调整,底部功能栏区域只保留了文字开关,页面功能大大简化。首页信息流内容由多行改为单行显示,产品信息更加清晰。

使用between 空:店内商品类别由两行调整为一行浮动展示。左右拖动显示更多类别,以增加以下商品图片的显示面积。

精简:此外,“长者版”还删除了一些诱导功能,如发现、金融功能、领取优惠券、小弹窗、更多推荐等。,保证老年用户的使用安全和自主性。

(2)叮当快药

京当药长老版也在“设置”里。切换模式后,界面的功能信息得到了明显的精简和优化。

底部功能栏:关爱版删除了“丁当商城”和“帮扶团”两个消费诱导功能,同时图标标题明确为“首页”、“药品清单”、“我的”。

删除诱导信息:关爱版首页大幅删除了广告和活动功能,仅保留了咨询和药品类目两个模块的内容,方便用户快速获取商品信息和服务。

产品详情页面也进行了模式调整。关怀版模式只保留了产品的基本信息,去掉了“产品评价”、“套餐绑定购买”、“相关产品推荐”等功能。同时,提示信息也是白纸黑字写得清清楚楚。

产品设计网站都有哪些(产品设计原则有哪些)  第1张

一键呼叫服务:在首页头部明显位置提供医生或药师咨询服务,点击直接显示电话信息,实现快速咨询服务。

切换方式:丁当在首页底部和“我的账户”右侧提供了明显的按钮形式。提供了标准版和关怀版的切换操作,不会影响“关怀版”主要形式的使用,深受好评。

医疗和健康类别的比较:

第二,说说经历和感受

以上是我对这16款app抗老化设计的经验总结。从经验来看:

体验最好的是微博大字版、今日头条、移动网上营业厅、优酷、百度地图、铁路12306、JD.COM到家、京当快药。

淘宝、拼多多、美团、滴滴出行,这四个应用体验尚可,但仍有不足之处,可以改进优化。

这两个模式,微信和支付宝,应该是越来越多的文字信息的全球适配,另外变化相对较少,并不是真正的老化产品。

虽然重新设计了高德地图,并且没有广告等诱导信息,但在模式切换过程、呈现效果、按钮操作等方面存在歧义和不便,需要进一步优化和改进。

从设计的角度,也可以找到“老版”应用的改造方式。除了“大字体、大图标、大按钮”,还可以探索以下形式。

1. 呈现方式

互联网友好型移动应用产品从呈现方式上大致可以分为两类:开发单独版本的app,或者嵌入该版本APP的界面作为可选的使用方式。

(1)为老年人开发单独的APP。

作为一款为老年用户和无障碍群体提供特色服务的产品,用户只需在app store中搜索并下载相应版本的APP安装即可。

“新浪微博”在设置中设计了“大字报版”的快速链跳转,省去了用户搜索的麻烦。

(2)嵌入养老模型。

界面中嵌入老年人模式是大多数应用选择的呈现模式。一方面可以避免不同名字带来的歧义,另一方面也可以节省我们手机中的内存比例。

但是,嵌入式方法也有一定的局限性:

1:层次太深,切换操作不方便。

“模式切换”的设置层次太深,太隐蔽。实际体验中,需要点击3-4次,甚至滑动到页面底部,才能找到带有“长辈模式”、“关怀模式”、“大字模式”等相关词语的按钮信息。

比如高德地图,模式切换在“图层-百变地图”,切换键容易误触。作为一个年轻人,你也许可以搜索互联网来解决模式问题,但从老年人的角度来看,你需要在使用的过程中寻求外界的协助。

问题二:按钮模糊,容易误操作。

个别具有嵌入式模式的布局,如移动营业厅、高德地图、滴滴出行等,侧重于用户对主要功能的使用,相应的,“关闭模式”和“返回”等字样会清晰/微弱地显示在使用页面上。如果用户误返回/关闭,会很快返回标准模式,用户需要重新操作并启用。例如,高德需要退出后台程序并重新进入才能再次使用,或者

综上所述,独立开发或嵌入式接口各有利弊。如果是嵌入式页面的形式,个人更喜欢“JD”的切换效果。COM到家”,或者滴滴出行、12306等。设置有明显的模式引导,以方便老年用户的认知和使用。

2. 验证码的优化

JD.COM在家里实现了验证码的优化设计,这是一项更突出、更贴心的服务,让老年用户更容易理解、使用和使用。

3. 语音功能辅助

今日头条的“听文章”、微信的“听短信”、淘宝的“按说搜”、移动营业厅的“语音播报”等语音服务,对于提高老年用户的感知,减少视觉疲劳、视力减弱等问题,提供更便捷的服务都有很大的帮助。

4. 教学引导服务

比如淘宝的验证码教学视频、12306的“爱心版教程”、购票流程教程等,都可以提高老年用户的学习理解能力,更好地让产品真正为老年用户提供所需服务。

5. 提升可操作性

精简功能流程,简化手势操作方式(点击、长按、少输入),预留充足的操作时间,都是提高用户可操作性,减少老年用户误触、跳跃过快、看不到/反应不过来等情况的可用方法。

6. 仍可提升之处

2021年4月7日,工信部发布了《互联网网站适老化设计通用规范》,也有相应的参考建议。

(1)关于函数检索和命名

老化应用的命名有一个很明显的问题,就是目前独立产品或者嵌入式机型都有不同的“老化版”名称,比如大字版、关爱版、长者版、爱心版等。尤其是在搜索老化版app时,用户难免会感到困惑,无法快速找到对应的版本并下载安装。

应用可以使用“长辈版”作为标准功能名称,使用“家庭版”、“关爱版”、“关爱版”等别名作为扩展关键词,方便用户通过搜索功能直达。

或者考虑在应用商店中设立“适合老年人”的应用板块,方便用户搜索和下载主题应用。

(2)安全改进

我们还是要注意对插件和感应按钮的控制,保证老年用户的使用安全和个人信息安全,让用户在使用产品时更加放心。

三。结论。

总的来说,在适用于旧版本的产品的改造方面已经有了一些进展。

首先,国家出台相关政策,让老年群体得到更广泛的关注,越来越多的人关注老年群体的真实需求。

其次,各大知名企业根据国家政策的要求,主动率先对自身产品进行改进和优化,注重语音读屏、提炼主要功能等运营辅助,为更多用户提供服务和支持。

最后,越来越多的年轻人开始关注老年群体。比如豆瓣群里有一个“适应衰老”的推介会,是一个大学生——潘潇在2022年1月10日创办的。截至目前,该群体共有“未来老人”23076人。

有进步也有背离,当然还有可以改进和优化的地方,比如对适龄版应用的认知普及,让老年用户知道有这样的产品,并乐于使用;还有安全升级,比如彻底实施去广告化,恶意下载流氓软件;最重要的是保证服务的可持续运行。

从这里开始,我们将提高产品的“适合老年人”,并做出更具包容性的设计。它不仅能为老年用户提供服务,还能为更多的人提供服务。希望未来的时代能成为老年人安全快乐的安享晚年的时代。

感谢您的耐心阅读。本文侧重于产品的体验。如果你有不同的见解,请与我们分享。谢谢~

参考来源:

国务院办公厅印发《关于切实解决老年人运用智能技术困难实施方案的通知》互联网网站适老化通用设计规范工信部发布APP适老化通用设计规范——适老化APP严禁出现广告弹窗越来越多的年轻人关注养老 适老化产业或将成为新风口关爱老年群体:16款常用软件适老化体验适老化App盛行 老人“怵”网根治了吗?《常见类型移动互联网应用程序必要个人信息范围规定》《APP收集使用个人信息最小必要评估规范》全国已有104家网站和APP初步完成适老化改造——适老APP,更多也更好用了

本文由导演郝

本文由@Shirley_薛原创发布。每个人都是产品经理。未经许可,禁止复制。

题目来自Unsplash,基于CC0协议。

0