[外观设计]手机的图形用户界面(侨侨智能聊天APP)

摘要

1．本外观设计产品的名称：手机的图形用户界面(侨侨智能聊天APP)。2．本外观设计产品的用途：本外观设计产品用于实现用户和“侨侨”智能机器人建立汉语聊天对话功能，并且在聊天过程中嵌入汉语学习部分，使熟悉外语的侨胞通过APP提升汉语口语能力；同时，APP实现了收集华人华侨学习信息，建立华人华侨汉语学习社区的功能。3．本外观设计产品的设计要点：在于手机显示的图形用户界面的界面内容。4．最能表明本外观设计设计要点的图片或照片：主视图。5．本外观页面主要分为三大模块，界面最下方是“菜单栏”分别为 “home”图标（聊天学习功能）、“community”图标（社区功能）、“me”图标（我的学习管理）。如主视图所示,打开App自动进入 “home”图标主页,聊天对话主页中左上角两个图标为“侨侨等级”和“侨侨学习分数”；中间场景部分书籍图标为“汉语学习”功能，娱乐设施图标为“汉语小游戏”功能；倒数第二栏为“对话框”，左边第一个图标为“聊天内容完整界面”显示图标，第二个图标为语音输入；右边为“文字输入栏”。如界面变化状态图1所示为智能聊天：顶部为“标题栏”显示侨侨logo，中间为聊天界面，左边显示智能机器人聊天内容，界面分布为左边圆形头像+右边“聊天框”（“聊天框”中上半部分显示中文内容，下半部分显示相应地自动翻译内容），倒数第二栏为“对话框”左边第一个图标为关闭当前完整聊天内容。如界面变化状态图2所示为学习页面：场景界面中，左下角分别是四个学习栏目图标“汉字学习”、“口语学习”、“语法学习”、“阅读学习”，该不同颜色图标分别对应场景中不同颜色的书籍。用户点击图标相应书籍产生联动，进入学习栏目。下方黑板情景中，“test”和“HSK”图标分别表示“学习测试”和“HSK 中文水平初级模拟测试”。如界面变化状态图3所示，点击菜单栏中“community”图标进入社区页面：顶部栏中左边第一个“地址图标”显示用户目前所在位置,右边“编辑图标”提供编辑状态功能,中间第一层为“滑动翻页框”显示社区最新新闻,中间第二层“滑动翻页框”显示系统推荐学习用户信息,中间第三层模块嵌入汉语学习社团的文字和图片信息,中间最后一层显示关注用户发布的状态,左边为头像，右边显示名字，日期和动态框。如界面变化状态图4所示，点击菜单栏中“me”图标进入我的管理页面：上半部分为用户信息卡,背景为默认背景图,左边显示头像、用户名、职业、国籍等信息,图标显示用户名可编辑,右上角“设置图标”提供App系统设置内容,下方第一栏平均分为三部分显示学习情况统计,下方第二栏两个图标分别是学习入口和学习过程中收藏的难点重点知识本,中间部分信息可视化显示一周学习所得分数和今日学习时长。