| 唐佩璐,李娟.基于眼动视觉跟踪技术的新闻类APP界面可用性研究[J].包装工程,2019,40(14):247-252. |
| 基于眼动视觉跟踪技术的新闻类APP界面可用性研究 |
| Usability of News APP Interface Based on Eye-tracker Technology |
| 投稿时间：2019-03-18 修订日期：2019-07-20 |
| DOI：10.19554/j.cnki.1001-3563.2019.14.041 |
| 中文关键词: 交互设计 视觉跟踪 新闻APP 用户界面 可用性 |
| 英文关键词: interaction design eye-tracker news APP user interface usability |
| 基金项目:西华大学2018年研究生创新基金项目（ycjj2018166） |
|
| 摘要点击次数: |
| 全文下载次数: |
| 中文摘要: |
| 目的 分析用户在真实动态浏览新闻类APP的视觉规律及典型界面设计的可用性评价，提出有利于提升用户体验的新闻类APP界面设计建议。方法 分析现有的3款新闻类APP界面的信息构架和图文布局，归纳为两点式、四点式、五点式的信息构架，以及左文右图、右文左图、上图下文和上文下图4种图文构建方式，通过眼动视觉跟踪技术，对眼动指标（轨迹图、热点图、焦点图、网格图）及行为指标（误操作、犹豫点）进行分析，针对用户浏览时的表现，以用户访谈的形式询问用户的理解和操作行为，进行新闻类APP界面可用性评估。结果 提出了更有利于新闻类APP阅读的界面设计建议。结论 此次可用性评估测试是基于APP的动态眼动仪测试，是具有普适性的新闻类APP用户界面设计的可用性评估方法。 |
| 英文摘要: |
| The work aims to analyze the visual law of users in real dynamic browsing of news APP and the usability evaluation of typical interface design, so as to put forward suggestions on news APP interface design that are conducive to improving user experience. The information architecture and graphic layout of the existing three news APP interfaces were analyzed and they were summarized into two-point, four-point and five-point information architecture. There were four ways to construct pictures and texts, including the text on the left side of the right picture, the text on the right side of the left picture, and the text on the top and bottom of the picture. Through eye tracking technology, cross-eyed dynamic index (locus figure, hot chart, focus graph, grid graph) and behavior index (wrong operation, hesitation point) were analyzed. For user's performance during browsing, the user's understanding and practice were asked in the form of user interviews for the purpose of news APP interface usability assessment. The interface design suggestions that were more conducive to news APP reading were proposed. This usability as-sessment test is a dynamic eye-tracker test based on APP, and it is a usability assessment method for news APP user interface design with universal applicability. |
|
查看全文
查看/发表评论 下载PDF阅读器 |
| 关闭 |
