交互设计在平台型APP中的运用—以腾讯课堂为例

2018-12-26 07:00宋周全
数码设计 2018年1期
关键词:页面界面负荷

宋周全*



交互设计在平台型APP中的运用—以腾讯课堂为例

宋周全*

(武汉理工大学艺术与设计学院,湖北武汉,430070)

APP应用程序是一种以移动端硬件为载体,运行在手机、平板等实体产品上的一种虚拟工具。用户和APP应用程序在手机屏幕上,根据用户的触控实现用户与工具的交互,以达到用户的目的。用户和正在操作使用的APP之间的互动性就显得尤为重要,直接影响着用户的使用体验,腾讯课堂作为一款基于互联网技术和腾讯庞大用户为受众群体的线上课堂式平台型APP应用程序,良好的交互体验,在产品的使用过程之中显得尤为重要。

教育;平台;腾讯课堂

引言

交互设计是基于人造系统设计领域中的设计,它是两个及两个以上物体间的交流结构,相互配合,共同达成某种目的。如何优化物体间的交流结构,使交流结构更加友好便捷,正是交互设计所应研究的目的。交互设计的研究目标应该是基于“可用性”与“用户体验”这两个层面为前提的条件下,进行的设计研究。

1 交互方式的丰富性

在APP应用程序的使用过程中,用户通过硬件的显示屏幕上相应的意符提示,对APP应用进行操作,以达到用户使用该APP应用的目的。用户在操作APP应用的时候,使用过程中,应用的交互性变得尤为重要,良好的使用体验和交互方式,可以让用户在使用时候感觉愉悦。多种组合的操作方式都可以快速达到用户的目的,使用户在使用APP的时候有流畅、简单、易操作的感觉。以腾讯课堂是以教学平台的方式邀请各大教育机构或老师进行在线平台式教学,腾讯课堂在用户初次登录使用的时候,会有一个用户偏好设置的界面,用户可以根据自己的职业、喜好、需求等对自己偏向的课程种类进行划分范围。腾讯课堂在用户设置后自己个人课程偏好之后,根据服务器上的云数据处理,筛选出匹配程度高、用户基数大且信誉好、名气大的一些机构的课程对用户进行推荐;另外用户还可以根据自己已经知道的课程名称或者机构、老师名称搜索相应的课程,;还可以根据腾讯课堂预设好的条件分类选项卡,选择、设置相应的筛选条件以进行分类,以缩小选择的范围,方便用户主动地筛选课程,缩小选择范围,购买课程进行学习。不管用户在使用哪种课程的筛选寻找方式,最终都可以很方便的找到自己需要的相关课程,并不会在搜索过程中花费过多的时间和繁琐的操作。

2 交互形式的合理性

APP应用在信息的传递过程中——操作界面的设计上,应当符合人的心理、生理行为习惯,使用户在使用过程中,可以方便愉悦地操作点击界面,使用户的行为不会因为界面设计的不合理被中断,导致APP难以使用,用户体验的不佳;以腾讯课堂为例,它的初始界面有四个大的课程标签(首页、分类、课程表、我的)、并且每块的信息类目都不超过四条,因为人在短期记忆过程中一次只能记住四种事物,这样的页面设计更方便人们阅读和记忆,使人在使用的时候感觉到轻松和愉快。根据人的阅读习惯,人们常常把相互靠近的信息相互关联起来,越是相近的内容信息越是相关;腾讯课堂在页面的编排上面,每个横排只编排了一门课程,因为手机页面大小相对网页页面较小,竖排上面没有使用更大的间距来区分上一门课程信息和下一门课程信息的区分,则是使用页面分割线分割内容,同样也方便了读者区分课程信息。人机工程学中,人在执行动作的时候是有负荷存在的,设计者可以要求用户承受三种负荷——认知负荷、视觉负荷和动作负荷,三种负荷所消耗的脑力资源也是不一样的;当用户在看屏幕上面看或寻找某物的时候(视觉负荷),用户花费的脑力资源要多于点击界面时(动作负荷);如果让用户思考、记忆脑力资源会花费得更多。在APP页面的信息设计上,页面的每级信息应该传递适量的信息,因为相对于大量信息展示在用户眼前的时候,用户更需要找寻到关键信息对信息进行分类,少量的信息更有利于用户的大脑处理信息,因此页面应该被分为多级页面——渐进式的页面展示方式,每级页面提供用户适量的信息,以避免信息过量带给用户使用不适的体验;腾讯课堂在初级界面的设计上,主要提供机构或课程的宣传图片和课程名称等关键信息,用户在浏览的时候可以明了、便捷、快速地获得、了解页面信息分类,点击自己需要了解的课程链接,进入二级或三级页面,了解课程的详细信息介绍。比如,在分类界面上,通过目的、行业、技能需求等多角度、多方面对课程进行分类(一级分类:IT·互联网、设计·创作、语言·留学、职业·考证、升学·考研、兴趣·生活)用户选择了以及分类之后,右侧又会显示对该分类课程的更加详细的划分,此时用户可以一级一级地缩小课程寻找范围,减小了用户的认知负荷或视觉负荷,使用户在使用分类界面的时候感觉轻松,容易操作。

3 交互展示的多样化

在设计APP页面样式的时候,页面信息的展示形式或传递给用户相关信息的方式,应该形式多样,信息展示的多样化可以帮助用户划分信息,相对于纯文本的页面信息,用户更加容易浏览和识别页面信息,常见的页面信息设计有纯图标式、图标与页面组合式、图片式、图片与文字组合式等信息传递展示方式,相对于原来互联网发展初期的白底黑字的纯文本的界面样式,设置蓝色超字体链接跳转页面的方式相比,现在的信息传递展示方式更加多样,形式丰富,页面优美、不单调,用户在浏览和阅读起来更加地方便和轻松。腾讯课堂在主页面标签上面采用图标和文字组合的方式,每个标签都有自己相应的抽象简化的UI图标,丰富了页面元素、编排形式;图标与图形与文字相比,在识别性上更高,减少了用户在操作时候的识别、思考时间,并且相对于纯文本的样式上面,图标在界面的占比相对于文本来说要大一些,用户在点击操作的时候更加轻松。首页界面的设计上面,顶端是动态转换的横幅,主要推荐一些用户点击量和浏览量较大的热度比较高的课程或一些大型的机构主要推荐的课程信息,下方是根据用户初次登录腾讯课堂APP的偏好设置进行的简单课程分类标签,每个信息都是课程图片和课程文字名称、价格的组合式编排形式;多种组合形式使界面首页在编排上面形式丰富,识别性程度高。

4 结束语

互联网的发展过程中,交互设计在这一过程中起到了非常重要的作用,虚拟产品、界面如何更好的、友好的展示在用户的眼前,能否给用户带来良好的互动性起到了至关重要的作用。在日益激烈的商业竞争环境下,虚拟产品是否具有良好的交互性,给用户带来良好的使用体验,很大程度上决定了这个产品的成功与否。本文以腾讯课堂为例,分析了平台型APP应用交互设计的要点,为其他平台类APP应用上提供了参考。

[1] 张嘉慧. 移动应用交互设计研究—以手机淘宝App为例[J]. 艺术科技, 2016, 29(06): 58.

[2] 方梦阳. 跨维度交互—教育类触屏终端APP交互设计特征研究[J]. 艺术科技, 2016, 29(02): 27.

[3] 宋雨璇. 手机界面交互设计[J]. 考试周刊, 2017, (A4): 193.

[4] 李梦颖. 情感化设计下交互设计方法探究[J]. 设计, 2017, (23): 39-40.

[5] 高松龄. 交互设计探析: 人与产品之间的交流[J]. 艺术科技, 2017, 30(09): 249.

The Application of Interaction Design in Platform APP -- Taking Tencent Classroom as an Example

SONG Zhouquan*

(school of art and design, wuhan university of technology, hubei wuhan, 430070, China)

APP application is a kind of virtual tool that runs on mobile terminal hardware and runs on mobile phones, tablets and other physical products.The user and APP application on the mobile phone screen, according to the user's touch to realize the user interaction with the tool, to achieve the purpose of the user.Interaction between users and are working in the use of the APP is particularly important, a direct impact on the use of user experience, tencent as a class based on Internet technology and tencent huge user type for audience online classroom platform APP application, good interaction experience, in the using process of the product is particularly important.

education; platform; tencent classroom.

10.19551/j.cnki.issn1672-9129.2018.01.028

TP311.56

A

1672-9129(2018)01-0073-02

宋周全. 交互设计在平台型APP中的运用—以腾讯课堂为例[J]. 数码设计, 2018, 7(1): 73-74.

SONG Zhouquan. The Application of Interaction Design in Platform APP -- Taking Tencent Classroom as an Example[J]. Peak Data Science, 2018, 7(1): 73-74.

2017-11-15;

2018-01-06。

宋周全(1994-),男,湖北黄石,产品设计师,硕士研究生,研究方向:家电产品的生活形态设计。E-mail: 507662171@qq.com

猜你喜欢
页面界面负荷
刷新生活的页面
人造革合成革拉伸负荷测量不确定度评定
3项标准中维持热负荷要求对比分析
微重力下两相控温型储液器内气液界面仿真分析
答案
Opening flexible resources by integrating energy systems: A review of flexibility for the modern power system
让Word同时拥有横向页和纵向页
国企党委前置研究的“四个界面”
扁平化设计在手机界面中的发展趋势
SGT5-4000F(4)燃气轮机夏季最大负荷研究及应用