1 美食类网站现状分析

2021【3 】3

ISSN:2661-3719(Print); 2661-3727 (Online) 计算机系统网络和电信 57

浅析美食视频类 APP“食趣”界面设计

孙惟熙

四川大学锦城学院计算机与软件学院 四川 成都 611731

【摘要】随着吃播行业以及视频热点的兴起，美食吃播成了一大热点，吃播视频流量日益高涨，市场空间巨大。但目前市 场上缺少专门的对美食、吃播视频进行搬运、集合、整理的网站，视频过于分散、碎片化，需要单独搜索观看，导致用户 体验不佳，所以现存主流产品并不能满足用户的多元需求。根据以上存在的各类问题，本文主要探讨了此类 APP 的现状，

分析了用户的需求，并结合了市场上现存的美食类视频网站，设计了一套集中的综合性美食 APP 产品。此产品结合了当下 短视频与吃播行业的发展，在提升交互多样性的同时保持了一定的社交属性，满足了用户的多样化需求。

【关键词】美食吃播；网站；APP；界面设计

1 美食类网站现状分析

美食视频网站的出现适应了不同受众群体的需求；

一部分快节奏、压力大、工作繁忙的都市打工人以此找 到解压放松的出口，一部分孤独的都市人观看美食视频 能或得陪伴感与参与感，一部分人看美食视频则满足了 其猎奇心理，根据视频定位，网站美食视频大致可分为 大胃王类、美食测评探店类、asmr（食音）类、和美食 制作类，多元化的丰富内容扩大了视频的受众面，迎合 了不同群体的偏好。但目前市场上缺少专门的对美食、

吃播视频进行搬运、集合、整理的网站，目前市场上美 食类视频点击量较大集中在微博、抖音、快手等短视频 网站与哔哩哔哩、ACFUN 等年轻用户基数较大的视频网 站。前者存在的问题是视频过于碎片化，且分散难以整理，

也不便美食视频爱好者专注观看。后者存在的问题是美 食视频板块内容较分散，缺少细分类别，且视频均由个 人用户上传，质量参差不齐，故需要对其用户界面进行 优化设计。

2 用户画像分析

“食趣”网站对应的用户是年轻化网络使用者，美 食爱好者或快节奏压力较大、工作繁忙的都市打工人，

一部分孤独的都市人观看美食吃播视频能或得陪伴感与 参与感，一部分人看美食吃播视频则满足了其猎奇心理；

这种类型的美食吃播视频对于粉丝用户有着很强的吸引 力，“食趣”网站为这些受众和想成为吃播的美食爱好 者们提供了一个美食视频的专门平台。

2.2 用户需求分析

吃播是“吃饭直播”的简称，主播或视频上传者通 过摄像设备录制或直播的方式向网民展示吃饭的过程。

吃播分为现场直播和录播两种类型。内容倾向于生活化，

不需要太多的复杂专业性知识。随着各大新媒体平台的 兴起，用户可以自由发布自己想分享的美食直播视频。

因此，美食吃播具有门槛低、受众广、种类多三个特点^[1]。 社会的多元化发展也产生了用户多样化的需求。与此同 时，人们的利益取向也逐渐走向少数和焦点。心理学研 究表明，随着时间的不断使用，人们在使用互联网时的 幸福感会逐渐下降，与不断缩小的社交圈互动，导致抑

郁和孤独增加^[2]。我们可以借此机会来解释大胃王木下 的视频带给观众的所谓“疗愈感”和“幸福感”。首先，

观众根据自己的个人需求选择进入吃播主播的房间，这 是在定向选择的基础上建立一对一的连接。大胃王木下 在录制视频时，已经把镜头对面的假想观众作为另一就 餐对象。因此，在录制的过程中，她的视频有了一种一 对一的私人交流和对话的感觉，类似于面对面享受家庭 聚餐，让观众感觉她在向你展示最真实、最私人的生活 场景。屏幕另一端观众的狭小的私人家庭空间就恰好适 应了这样的对于温馨的生活的想象性体验，产生了一种 参与了对方生活的幻想状态。因此年轻人在看美食吃播 视频的同时获得了一种温馨的陪伴感与参与感，缓解了 部分都市打工人的孤独感与乡愁^[3]。当然也有很大部分 观众是出于猎奇心理，一些食量夸张的“大胃王”吃播 擅长通过巨量食物或不日常食材来吸引关注与流量。

3“食趣”产品功能设计与界面设计

产品“食趣”是一个美食吃播视频集合网站；在这 里用户能够享受到的服务功能有：

（1）搜索平台内所有内容，个性化美食视频推荐，

浏览各类美食视频，发表评论、点赞、收藏、交流，观 看或发起直播，与网友一起交流分享互动。

（2）选择关注作者、加入收藏，查看作者的作品集，

查看附近或同城范围内共同使用该平台发布作品的用户。

（3）在分类页面，用户可根据自身需求对内容进行 定向选择，选择进入自己感兴趣的频道观看，并设置频 道偏好，收藏、订阅、添加常用频道。

（4）视频排行榜，设置包括“热度”“评论”“收 藏”“弹幕”等各类指标排行，使用户方便查找热门视频。

（5）在“我的”页面，用户可以选择直播，拍摄视 频，进行上传，查看点赞作品、收藏作品、以及消息回 复等内容。

以上功能内容主要包含在五个主要页面：首页、分 类页、发现页、收藏页、我的。

3.2 产品界面设计 3.2.1 界面主题风格设定

本产品的界面的设计风格以面向用户，迎合用户的

58

Computer system network and elecommunications

以丰富多彩的美食文化为基本内容，整体风格围绕轻松、

解压、活力的关键词，以橙色为主色系，黄色系、白色 系为辅色系，使观众更有食欲，观赏度更佳。内容选择 上紧跟时代美食潮流，关注热点美食资讯，创建“好吃、

好看、有内涵”的美食视频资讯平台，最终打造出自己 的美食网站品牌。从市场上的吃播视频的数据分析来看 , 在直播间或者是视频中 , 观众不再是只看不互动 , 而是 参与到与主播、其他观众的点赞、评论、打赏互动之中 , 以此获得参与感 , 参与直播内容的生产过程 , 超过 50%

的用户参与互动。因此版面设计多注重互动功能，遵循 简洁明了的设计原则，遵循用户思维，以体验感至上，

去掉多余功能，设置合理的交互设计。

3.2.2 界面设计规范

字体样式 : 安卓：思源黑体；苹果：苹方。

文字颜色：橙色用于强调和突出文本、按钮和图标 ; 黑色用于标题信息和重要文本 ; 灰色用于未选择的状态 和底部文本。

字号及使用场景：36px 用于重要级信息文字，32px 用于普通重要级信息文字，28px 用于次级信息文字。

行间距规范：

常用间距：亲密距离：10px；疏远距离：15px，其 它距离：5px，22px；

常用可点击区域的高度：28px；

图 标 规 范： 导 航 栏 图 标 16px； 底 部 标 签 栏 图 标 23px；

3.2.3 主界面设计详细说明

（1）发现页

导航条以橙色为背景色，左边放置用户头像，设置 搜索框，当鼠标移到按钮上或当前页面为按钮本身时，

文字内容变为橙色，点击头像按钮可进行登陆与注册。

在导航条下方是“频道推荐”“最近浏览”“up 主推荐”

三个板块，用户可以点击板块任意区域进行相应区块跳 转，“频道推荐”有根据用户习惯个性化推荐的六个不 同美食频道（测评、人气吃播、大胃王、美食探店、美 食制作等），也可进入“更多”查看全部频道进行选择。“最 近浏览”设置滑动 banner，以用户最近浏览视频记录轮 播，用户可进入查看历史记录。“up 主推荐”板块是根 据用户偏好精准推送的用户可能感兴趣的视频作者推荐，

此板块设置旨在给观看用户提供更好的产品使用体验、

为视频原创作者引流。

（2）首页

首页设置头部导航条，下方设置二级页面的“推荐”、

“直播”、“热门”、“动态”四个区域。可以让用户 能够直奔主题的找到自己需要的内容。下方设置首页推 荐的精选优质美食视频，两两排列，banner 与视频区域 之前设置动态消息，及时反馈给用户互动信息 banner 轮 播展示区域用于展示应用的精选美食推荐视频、官方活 动以及赞助广告等内容。banner 下方的圆点则代表展示 的顺序；

图 1 食趣首页界面设计

（3）分类页

分类页是对各美食吃播博主的吃播视频进行搬运及 整理合集，划分原创、二次创作与搬运转载板块，且分 别根据视频定位，细分成各种频道，如大胃王、测评、

食音（asmr）、美食制作，创意料理类、美食探店、田 园美食、美食记录、美食教学等频道。用户可根据自身 需求对内容进行定向选择，并设置频道偏好。

（4）用户中心页

用户页以橙色为主背景色，在页面的顶部，是用户 个人头像、名称、签名、等级信息，此板块下方是“离 线缓存”、“历史记录”、“收藏”、“创作中心”四 个功能区。滑动到下方，设置消息模块，可看到用户收 到的评论点赞以及自己发出的评论点赞、用户订阅消息 通知与接收、系统通知等。消息模块下方是“设置”功 能区。用户可进入调整账号资料、安全隐私、播放偏好、

消息设置、推送设置。

（5）收藏页

收藏页较为简洁，页面顶部设置“视频”区域，下 面设置“默认收藏夹”、“我创建的收藏夹”、“订阅”、

“稍后再看”四个功能区。默认收藏夹子即为用户平时 收藏的视频，“我创建的收藏夹”即用户按个人偏好分 类整理的收藏视频，“稍后再看”即用户播放视频列表。

“订阅”即用户平常关注的日更、周更等视频系列。

4 结语

食物是所有人生存的重要组成部分，人们对食物都 会有一定的关注。时下年轻人对于美食越来越强烈的热 爱，美食更成为一种生活态度、生活方式，食物被赋予 更多的意义；同时，美食类视频内容，其有很多更细化 的内容方向以及更丰富的表现方式，吸引着不同诉求的 用户。这就决定了，美食类视频内容火爆的必然性。所 以做好一个美食网站，不仅能够抓住市场的风口，精准化、

个性化的专业服务更能方便用户观看，精准对口目标群 体，增加客户黏性，合理利用美食视频资源创造出更大 的收益。受笔者的经历、信息采集、文章篇幅等因素限制，

本产品设计仅针对市场现状，解决了美食类视频 APP 市 场空缺的问题，适应了用户的部分多元化需求，在产品 交互设计与用户体验方面还有诸多不足，希望今后能有 更多设计者考虑到用户体验方面的问题，设计出更加成 熟的产品。

2021【3 】3

ISSN:2661-3719(Print); 2661-3727 (Online) 计算机系统网络和电信 59

【参考文献】

[1] 佟磊 . 基于客户需求的电子商务客户关系管理 研究 [J]. 营销界 ,2019,19:139-140.

[2]. 梁悦瞳 . 吃播文化与主流文化的双向建构探究 [J]. 视听 ,2021.02:060.

[3]. 陈禹毅 . 从受众心理分析“吃播”盛行原因及 冷思 [J]. 电视指南 . 2017,19:3-4.