意象图式视角下的智能电视界面设计
发布时间：2021-01-15 03:27
目的通过研究明确意象图式在智能电视交互界面设计中的应用方法,解决智能电视用户界面设计创新性与包容性的矛盾,推动智能电视交互界面设计的理论研究,并为设计师提供一种创新性、高效的设计思路。方法在充分解读智能电视交互界面基本元素及基本交互模式的基础上,运用语言学中的意象图式理论并结合认知心理学,通过观察、出声思维、深度访谈等方法提取用户在智能电视界面操作中的图式,结合具体案例将提取的图式应用到用户与智能电视的交互界面设计中,通过效果评估验证设计方法的有效性与创新性。结论综合运用左—右、上—下、部分—整体、路径及空间图式进行智能电视交互界面设计,不仅能够提高智能电视操控的用户体验,还能解决创新性与包容性的矛盾,对提升设计师的效率也有积极意义。
【文章来源】：包装工程. 2019,40(18)北大核心
【文章页数】：6 页
【部分图文】：
智能电视UI设计流程
了对比图式为主，辅之以空间图式及内外图式，具体采用图式根据页面所处级别有所区分。主页中当某一个菜单处于焦点状态时，反色并自动打开菜单内容。进入二级页面时，去掉自动打开功能并对之进行面积增大以能够明确辨识，原因在于没有人愿意自己正在观看的节目被随意划过的菜单打断。这种处理方式可以很好地避免当列表中存在较多项目时，导航焦点一直停留在屏幕边角而造成的疲劳。鲜明的色彩及面积对比及恰当的焦点菜单自动展开有效的减少了用户操作、减轻了用户眼部疲劳。以水平排列的菜单为例，其二级菜单焦点效果见图2。图2二级菜单焦点状态示意Fig.2Submenufocusstatesketch3.2.2主页设计进场页面采用了上下图式为主，辅之以左右及容器图式的设计方式。主要分为上下两部分，上部为大类导航区域，菜单排列次序依据为IVideoTracker在2015年做出的中国主要类型内容视频播放覆盖人数，左下为区块式功能性导航模块，两部分交互均是处于焦点状态时自动打开内容，右下为节目推荐部分，页面显示一半表示可以通过遥控器右键查看其余节目。实际操作过程中用户最多使用4个方向及确定按键即可自由进行各项交互功能，有效减轻了用户手部疲劳，效果见图3。图3主页设计原型Fig.3Designprototypeofhomepage3.2.3搜索页面设计搜索页面历来是智能电视交互设计的难点，原因在于智能电视通过遥控器操作，在输入时使用频率最高的是4个方向键和确定键。为使用户体验最优化，设计过程中要求用户仅使用方向键和确定键即可依次完成输入-候选词选择-详情页进入-播放的操作。页面设计中采用了以路径图式为主，辅之以空间图式、上下及左右图式。使用过程中，采取首字母检索结果自动出现并按字母顺序排列的方式。底部设置九宫格与
恫说ソ沟阕刺?疽?Fig.2Submenufocusstatesketch3.2.2主页设计进场页面采用了上下图式为主，辅之以左右及容器图式的设计方式。主要分为上下两部分，上部为大类导航区域，菜单排列次序依据为IVideoTracker在2015年做出的中国主要类型内容视频播放覆盖人数，左下为区块式功能性导航模块，两部分交互均是处于焦点状态时自动打开内容，右下为节目推荐部分，页面显示一半表示可以通过遥控器右键查看其余节目。实际操作过程中用户最多使用4个方向及确定按键即可自由进行各项交互功能，有效减轻了用户手部疲劳，效果见图3。图3主页设计原型Fig.3Designprototypeofhomepage3.2.3搜索页面设计搜索页面历来是智能电视交互设计的难点，原因在于智能电视通过遥控器操作，在输入时使用频率最高的是4个方向键和确定键。为使用户体验最优化，设计过程中要求用户仅使用方向键和确定键即可依次完成输入-候选词选择-详情页进入-播放的操作。页面设计中采用了以路径图式为主，辅之以空间图式、上下及左右图式。使用过程中，采取首字母检索结果自动出现并按字母顺序排列的方式。底部设置九宫格与全键盘输入法选项，可通过遥控器上下按钮切换，九宫格输入法延续了中青年用户群体手机输入法的操作习惯，全键盘简单直观，适合低龄及高龄用户群体。搜索结果展示页面分为两屏：第一屏为输入键盘+候选词列表，第二屏为搜索结果+选择源和类型。选择一个候选词会滚动到结果呈现页，默认焦点位于第一个结果；按返回或向左移动焦点来回到搜索页。为让用户明白内容没有显示完毕，无论候选词还是搜索结果，最后一条都只显示一半，可以上下滚动。搜索页面设计原型见图4，部分效果见图5—图7。
【参考文献】：
期刊论文
[1]意象图式视角下的图书馆网站平台交互设计[J]. 徐永顺,刘渊. 图书馆论坛. 2019(02)
[2]面向自然交互的声音通感设计研究[J]. 谭征宇,杨文灵. 包装工程. 2018(08)
[3]基于前意识理念的老年人用品设计探析[J]. 熊兴福,罗悦平. 包装工程. 2018(08)
[4]6款智能电视界面及遥控器人类工效学测评[J]. 蔺娜,唐俊. 电器. 2017(01)
[5]艺术设计元素应用中的包容性研究[J]. 运梅园. 文艺争鸣. 2015(05)
[6]包容性设计的伦理意味三问三答[J]. 韩少华. 城市建筑. 2013(16)
本文编号：2978133
【文章来源】：包装工程. 2019,40(18)北大核心
【文章页数】：6 页
【部分图文】：
智能电视UI设计流程
了对比图式为主，辅之以空间图式及内外图式，具体采用图式根据页面所处级别有所区分。主页中当某一个菜单处于焦点状态时，反色并自动打开菜单内容。进入二级页面时，去掉自动打开功能并对之进行面积增大以能够明确辨识，原因在于没有人愿意自己正在观看的节目被随意划过的菜单打断。这种处理方式可以很好地避免当列表中存在较多项目时，导航焦点一直停留在屏幕边角而造成的疲劳。鲜明的色彩及面积对比及恰当的焦点菜单自动展开有效的减少了用户操作、减轻了用户眼部疲劳。以水平排列的菜单为例，其二级菜单焦点效果见图2。图2二级菜单焦点状态示意Fig.2Submenufocusstatesketch3.2.2主页设计进场页面采用了上下图式为主，辅之以左右及容器图式的设计方式。主要分为上下两部分，上部为大类导航区域，菜单排列次序依据为IVideoTracker在2015年做出的中国主要类型内容视频播放覆盖人数，左下为区块式功能性导航模块，两部分交互均是处于焦点状态时自动打开内容，右下为节目推荐部分，页面显示一半表示可以通过遥控器右键查看其余节目。实际操作过程中用户最多使用4个方向及确定按键即可自由进行各项交互功能，有效减轻了用户手部疲劳，效果见图3。图3主页设计原型Fig.3Designprototypeofhomepage3.2.3搜索页面设计搜索页面历来是智能电视交互设计的难点，原因在于智能电视通过遥控器操作，在输入时使用频率最高的是4个方向键和确定键。为使用户体验最优化，设计过程中要求用户仅使用方向键和确定键即可依次完成输入-候选词选择-详情页进入-播放的操作。页面设计中采用了以路径图式为主，辅之以空间图式、上下及左右图式。使用过程中，采取首字母检索结果自动出现并按字母顺序排列的方式。底部设置九宫格与
恫说ソ沟阕刺?疽?Fig.2Submenufocusstatesketch3.2.2主页设计进场页面采用了上下图式为主，辅之以左右及容器图式的设计方式。主要分为上下两部分，上部为大类导航区域，菜单排列次序依据为IVideoTracker在2015年做出的中国主要类型内容视频播放覆盖人数，左下为区块式功能性导航模块，两部分交互均是处于焦点状态时自动打开内容，右下为节目推荐部分，页面显示一半表示可以通过遥控器右键查看其余节目。实际操作过程中用户最多使用4个方向及确定按键即可自由进行各项交互功能，有效减轻了用户手部疲劳，效果见图3。图3主页设计原型Fig.3Designprototypeofhomepage3.2.3搜索页面设计搜索页面历来是智能电视交互设计的难点，原因在于智能电视通过遥控器操作，在输入时使用频率最高的是4个方向键和确定键。为使用户体验最优化，设计过程中要求用户仅使用方向键和确定键即可依次完成输入-候选词选择-详情页进入-播放的操作。页面设计中采用了以路径图式为主，辅之以空间图式、上下及左右图式。使用过程中，采取首字母检索结果自动出现并按字母顺序排列的方式。底部设置九宫格与全键盘输入法选项，可通过遥控器上下按钮切换，九宫格输入法延续了中青年用户群体手机输入法的操作习惯，全键盘简单直观，适合低龄及高龄用户群体。搜索结果展示页面分为两屏：第一屏为输入键盘+候选词列表，第二屏为搜索结果+选择源和类型。选择一个候选词会滚动到结果呈现页，默认焦点位于第一个结果；按返回或向左移动焦点来回到搜索页。为让用户明白内容没有显示完毕，无论候选词还是搜索结果，最后一条都只显示一半，可以上下滚动。搜索页面设计原型见图4，部分效果见图5—图7。
【参考文献】：
期刊论文
[1]意象图式视角下的图书馆网站平台交互设计[J]. 徐永顺,刘渊. 图书馆论坛. 2019(02)
[2]面向自然交互的声音通感设计研究[J]. 谭征宇,杨文灵. 包装工程. 2018(08)
[3]基于前意识理念的老年人用品设计探析[J]. 熊兴福,罗悦平. 包装工程. 2018(08)
[4]6款智能电视界面及遥控器人类工效学测评[J]. 蔺娜,唐俊. 电器. 2017(01)
[5]艺术设计元素应用中的包容性研究[J]. 运梅园. 文艺争鸣. 2015(05)
[6]包容性设计的伦理意味三问三答[J]. 韩少华. 城市建筑. 2013(16)
本文编号：2978133
本文链接：https://www.wllwen.com/kejilunwen/sousuoyinqinglunwen/2978133.html
