信息可视化设计在助老App界面中的应用.pdf

信息与电脑2023年第10 期Information&Computer信息可视化设计在助老 APP界面中的应用软件开发与应用王程延杨雨薇*（南通理工学院，江苏南通摘要：随着老龄化社会的到来，老年群体使用智能手机的普及率和数量逐年增加，同时老年人对智能手机的使用需求也越来越多元化。因此，各类迎合老年人物质和精神需求的“适老性设计”应运而生。文章以老年用户的认知特点、行为习惯和心理需求等方面为出发点，结合信息可视化设计中“以人为本”和交互性的原则，设计出具有易理解记忆、易感知学习和易操作的用户界面（UserInterface，U I），并实现助老App中的数据交互、提醒、搜索以及定位等功能，给老年群体提供集成化的一站式服务。关键词：适老性设计；用户界面（UI）；信息可视化；App中图分类号：TP311The Application of Information Visualization Design in the Interface of Elderly226002)文献标识码：A文章编号：10 0 3-97 6 7（2 0 2 3）10-12 3-0 4Aid AppWANG Chengyan,YANG Yuwei(Nantong Institute of Technology,Nantong Jiangsu 226002,China)Abstract:With the arrival of an aging society,the prevalence and number of elderly smartphone users have beenincreasing year by year.At the same time,the demand for using smartphone among the elderly has become more diversified.Therefore,various age-friendly designs catering to the material and spiritual needs of the elderly have emerged.Based onthe cognitive characteristics,behavioral habits,and psychological needs of elderly users,this article combines the principles ofpeople-oriented and interactivity in information visualization design to create a User Interface(UI)that is easy to understand,remember,perceive,learn,and operate.It also implements functions such as data interaction,reminders,search,andpositioning in an elderly assistance app,providing integrated one-stop services for the elderly.Keywords:age-friendly design;User Interface(UI);information visualization;App0引言中国老龄化社会2 0 年：成就、挑战与展望指出，预计2 0 50 年，我国老年人口峰值将接近5亿，人口老龄化水平将超过发达国家水平。同时，中国老龄化社会高龄化、空巢化特征将愈发突出，失能老人的数量也收稿日期：2 0 2 3-0 3-0 5基金项目：2 0 2 2 年省级大学生创新创业训练计划项目“智能小车远程交互设计与实现”（项目编号：202212056047Y）；江苏省高等学校自然科学研究面上项目“多功能果园管理智能机器人的关键技术研究与实现”（项目编号：2 1KJD210004）；南通市科技局项目“高分辨率遥感提取技术在南通近海水产养殖区中的应用研究”（项目编号：MSZ2022161）。作者简介：王程延（2 0 0 0 一），男，江苏南京人，本科在读。研究方向：软件工程。通信作者：杨雨薇（1993一），女，江苏南通人，博士研究生，讲师。研究方向：图形图像、人工智能。E-mail：。随之增加。此外，高龄用户群体身体机能和素质的退化，可能导致其在使用智能设备时遇到各种问题，因此老年用户群体使用的智能手机或App应该有别于一般手机的设计。文章基于信息可视化设计思维，分析老年人使用智能手机的情况，综合运用艺术设计、情感化设计和软123信息与电脑软件开发与应用Information&Computer件设计等方法，研究与设计老年人使用的App界面。1老年人使用智能手机及其个体特征分析1.1老年人使用智能手机的数据分析据中国移动通信协会发布的中国老年人智能手机使用状况报告（2 0 2 0 年），2 0 2 0 年，中国老年人使用智能手机的普及率已经达到了40%。其中，6 0 岁及以上年龄段的老年人使用智能手机的普及率为2 2.3%。根据2 0 2 1年中国互联网网络发展状况统计报告，中国6 5岁及以上人群智能手机用户规模已达到2.7 亿，占全国总人口的18.8%。根据移动内容平台发布的2 0 2 1老年人手机使用报告：近七成老年人期望子女、孙辈教如何用手机，导致年轻人和老年人的“数字代沟”加速扩大的主要原因是老年人通常具有固定的生活习惯，对新事物及技术类产品的接受程度较低。因此，在设计针对老年人的软件时要充分考虑操作的易懂性、便捷性和可读性，从而改善用户的体验。1.2色彩选用对老年人心理的影响色彩不仅具有视觉冲击力，能吸引老年人使用，而且色彩的对比、明度的选择、饱和度的高低都会产生一定的心理作用，如表1所示2-3。在颜色选择上，文章多采用暖色调，通过橙色和黄色带给老人温暖，以蓝绿色为辅助色，来缓解视觉压力。丰富的颜色可以增加App界面的趣味性，从而避免用户使用App时产生疲劳、无趣的感觉。2信息可视化在界面设计中的应用2.1信息可视化设计的概念信息可视化设计通过图形、图标、色彩以及符号等设计语言形式表达数据和信息，同时运用一系列的设计手段和方法，将数据和信息转化为易理解记忆、易感知学习和易操作的视觉符号形式，以便人们更为直观、清晰地理解和分析抽象概念。2.2信息可视化设计的原则2.2.1 以人为本以人为本的设计原则是在满足用户实用性和精神性需求的同时，与目标群体的价值追求契合，因此移动端色彩橙色黄色绿色蓝色红色黑色2023年第10 期界面设计应该坚持以人为本的原则，即从用户的角度出发考虑其认知特点、行为习惯和心理需求，给予用户简单、清晰、易用的界面，采用统一的设计规范以便用户快速辨别信息。此外，移动端界面设计应具有创新和多样性，以吸引用户使用和引导用户操作。2.2.2交互性设计界面设计是计算机与艺术设计的交叉相融产物，交互性是其区别于其他媒介形式设计的重要特征。助老App的界面设计面向的用户群体为老年人，因此操作简便是设计的关键点，应采用老年用户熟悉的操作方式进行开发，确保设计系统具有及时反馈和可追溯的能力。2.3助老App界面设计App用户界面（User Interface，U I）界面设计是一个结合了用户和界面两个方面的设计过程，旨在通过视觉元素和交互设计等手段，改善用户体验和优化应用程序。在设计时需要考虑应用程序的功能和目标用户，如何组织和呈现信息、数据和内容，用户习惯和心理因素，以便用户在操作App时与界面形成特定的交互行为。可视化信息设计的以人为本和交互性设计原则有利于App的界面设计4-5 图形化界面通常以大图标、大字体和简单的控件组成。模块化指将各个功能划分为独立的模块。因此图形化模块化的信息可视化设计，在助老App界面设计中具有4点优势：第一点，易于操作、学习和记忆；第二点，易读和易查找信息；第三点，增强了用户的参与感；第四点，设计具有灵活性。文章基于信息可视化设计的原则和图形化模块化的优势，设计助老App。在设计UI的过程时，结合老人用户使用智能手机及其个体特征分析的结果，在主页面、提醒事项页面和天气页面采用图形化和模块化的设计方法进行设计，不仅可以直接展示老人群体经常使用的功能，而且通过大众共识的通用符号和图形语言，增强了界面的易懂性和易操作性，如图1所示。其中，主页面的模块化设计主要采用卡片式展现数据信息，同时将重点信息和图形居于视觉中央，以便用户锁定需要的功能。表1不同色彩对老年人的影响色彩对老年人的影响温暖舒适且充满活力的颜色，有利于激发老年人的活力快乐、愉悦的颜色，有助于提高老年人的情绪，但是过于鲜艳的黄色会引起刺眼、疲劳等不适平静放松的颜色，不仅有利于降低和缓解老年人的心率、血压和焦虑感，也可以缓解黄色带来的不适感冷色调，和绿色具有相同的影响，有助于保持冷静和理智强烈鲜明的颜色，过多使用会给老年人带来心理负担，引起烦躁和愤怒的情绪具有庄严、严肃的感觉，但是过多的黑色容易带来压抑感124一信息与电脑2023年第10 期Information&Computer软件开发与应用品AGoodmorningAccom!Q报索娱乐媒体远程交流品提醒事项Q搬索新提醒事项近期事项用药提罐健08:00更饪性活11:00日常记录购物活16:00收衣服生酒15:00生日服会*#日2 0 2 1.0 8.1918:00环境情况血品环境情况今日体雨居家室内情况21温度今日：现在大部分多云，最高气温17，下午有雷阵雨，最低气温10，时制天气12:0014:0014+添加列表8环境情况10今日需洋雨南通市天气安全心率18:12km/h今日：现在大部分多云，最高气遇17C下午有雷陈雨，最低气温10 时期关气12:0014:00141732%16:0018:001054%期天气10活力图1模块化设计展示图图形化、模块化的信息可视化设计，能高效引导受功能模块界面。在娱乐媒体模块中，用户可以播放自己众群体使用App，不仅可减少老年人学习App功能和操所喜爱的音乐、电台；在提醒事项界面，用户可以在模作的时间成本，而且可以根据其行为习惯、认知特性和块化界面中，点击图标进行提醒事项的增删改查；在视心理需求，快捷地达到预期的目的。频通信界面，用户可以添加联系人，并与之视频语言通由颜色对老年人心理影响的分析结果可知，在进行话；在个人中心界面，用户可以修改自已的信息。此外界面设计时应考虑老年人视觉感官衰退的情况，因此设助老App中还具有网页搜索查询、地图定位、天气查询计时要使用彩色化的界面，在一定程度上增加对比度，和SOS紧急联系的功能。强调关键性图标、元素和信息，从而提高老年人对具体3.2功能实现功能的辨识度和用户的舒适度与娱乐性。因此，在设计文章采用Android技术、SQLite数据库和Java语言助老App界面时，选择#2 B5740的深绿色作为界面的来设计的助老 App。主体色调，并选择#FE7763活力橙、#4FD4C1古朴绿、助老App需要实现管理用户的个人信息和其操作#67C57B生命绿以及#FECC6D日光黄4种颜色作为辅数据的基本功能，因此选用Android Studio开发环境中助色，如图2 所示。自带的SQLite数据库设计数据库。SQLite数据库具有嵌入式和开发简单的特点。在实现数据交互上，采用Intent和Bundle来向下一个活动页面发送数据，再由下吉朴一个活动页面返回应答数据。例如，在管理联系人信息、用户信息和提醒事项功能上，将Bundle视为一个包裹，生命绿#67C578图2界面色彩的选用3功能需求及实现3.1功能需求在设计助老App时，主要包括娱乐媒体、提醒事项、视频通信和个人中心4个主要功能模块，老年用户可在主页面中选择所需功能，点击图标则跳转至相应的橙#FE7763日光黄AFECCGD用其中的putExtras和getExtras方法来读写数据，并由Intent来指定传递的目标活动页，其核心代码为Intent intent=new Intent(LoginActivity.this,MainActivity.class);Bundle bundle=new BundleO;bundle.putString(user_name,username);intent.putExtras(bundle);startActivity(intent);Bundle bundle=getlntentO.getExtrasO;125信息与电脑软件开发与应用Information&Computeruser_name=bundle.getString(user_name);地图功能是人们日常生活中不可或缺的工具，其中的定位和导航功能对于老年人来说十分重要。因为Android没有内置地图功能，所以设计的助老App地图功能需要接入腾讯地图作为第三方地图开发包来实现。在使用第三方开发包时，不仅需要获取集成地图的密钥，而且还要在AndroidManifest.xml文件中进行配置。地图定位功能实现流程为，先获取地图对象，再定位监听。若定位成功，则创建经纬度对象并从地图图片中添加定位标记（见图3）；若定位失败，则提示定位失败，其核心代码为public void onLocationChanged(TencentLocationlocation,int resultCode,String resultDesc)Log.d(测试 test:,String.valueOf(TencentLocation.ERROR_OK);if(resultCode=TencentLocation.ERROR_OK)(/定位成功if(location!=null&isFirstLoc)（/首次定位isFirstLoc=false;LatLng latLng=new LatLng(location.getLatitudeO,location.getLongitudeO);CameraUpdate update=CameraUpdateFactory.newLatLngZoom(latLng,12);mTencentMap.moveCamera(update);/把相机视角移动到指定地点BitmapDescriptor bitmapDesc=BitmapDescriptorFactory.fromResource(R.drawable.icon_locate);MarkerOptions ooMarker=newMarkerOptions(latLng).draggable(false).visible(true).icon(bitmapDesc).snippet(这是您的当前位置);mTencentMap.addMarker(ooMarker);/往地图添加标记)else（/定位失败Log.d(TAG，定位失败，错误代码为+resultCode+，错误描述为+resultDesc);无论是在购物时搜索商品信息，还是查询咨询、新闻和消息，搜索功能都必不可少。在实现该功能时，文章主要应用了Android提供的WebSettings网页视图、WebViewClient客户端视图和WebChromeClient网页交互视图等相关类。此外，为了避免App不能直接访问http开头的网络地址，设计时需要添加上网权限配置。2023年第10 期5:36#941普通地图卫星地图口显示交通情况路北宗渭河万汇树村娜臣公园北京体古大学共中央党交演华大学西苑北京大学北四环海流庄巴沟级场桥全元大路南长河公司图3地图定位效果图4结语文章通过分析老年用户的生理及心理特征、认知特点和行为习惯，获取了目标群体使用App功能需求，通过分析信息可视化设计中图形化、模块化和色彩搭配在助老App界面设计中所具有的优势，得出在设计助老App界面时要融人易操作、易理解、多样性等特点的结论。此外，文章完成了UI的基础设计，实现了助老App的部分功能。参考文献1杜鹏，刘维林.中国老龄化社会2 0 年：成就、挑战与展望M.北京：人民出版社,2 0 2 1:15-45.2廖少宏，王广州.中国老年人口失能状况与变动趋势J.中国人口科学,2 0 2 1(1):38-49.3朱晓芊，顾颜婷.基于老年人视觉变化的App界面色彩分析.包装与设计,2 0 2 2(5):158-159.4倪世明.基于用户体验的移动医疗APP信息可视化设计研究J.工业设计,2 0 2 1(7):12 1-12 2.5黄启骏.UI设计的交互性与界面视觉设计研究.数字通信世界,2 0 2 2(9):56-58.北巴味中头村路北三杆安商场北京理工大学茶国医馆牌讯地图北京126