基于用户体验的界面设计和实现-习柚和蘑菇丁 工商管理专业

基于用户体验的界面设计——习柚和蘑菇丁摘要基于用户体验的APP界面设计是从广泛收集及调查目标用户（此次研究的用户群体是实习生）的喜好和需求的调研开始，然后综合应用各种技术手段，设计出有创意又实用的产品的过程。这个过程不是简单的元素堆砌，而是通过特定用户群体的需求以及习惯设置内容和安排布局。站在用户的角度设计产品，同时又能够让用户更好适应产品。伴随着互联网的普及，参与其中的实习生比例越来越高。根据网民规模及上网行为调查报告显示，到2017年为止，在中国已经有8958.2万名网民为实习生，实习生在工作时候的互联网渗透率高至51%，其中有67.7%的实习生明确地说对于他们来说，最受欢迎的媒体形式就是互联网。由此可见，移动端应用这股飓风已经猛烈地刮入了就业圈，实习类APP这一新兴市场更开始被不少创业者垂涎。不过，相比于国外，国内实习生移动端应用的市场起步较晚，目前还处于发展阶段，但需求带来发展空间，必然积极影响着市场。

关键词：实习生；用户体验；市场；发展受限；前景

目录1TOC\o"1-3"\h\u摘要 12实习类APP中国市场发展现状 13实习类APP发展瓶颈 14关于实习生阅读应用的调研和设计 14.1确定产品定位 24.2设计交互原型 24.3设计思路 24.4针对实习生应用的设计要点 35实习生APP市场发展前景 45.1优化软件内容提升用户信任度 45.2巧用营销策略 46总结 4参考文献 6致谢 7

2实习类APP中国市场发展现状

现在存在于市场上开发实习生移动端应用的公司较多，按照经营模式，可分为以下三类。

第一类是自从公司成立，实习生应用软件的开发和分享就是他们专注的业务。如工程师爸爸，它设计虚拟实习交流社区以此满足实习生关于实习工作上的需求，并且在这里提供准确的教育信息给实习生。

第二类是公司成立初期专注于软件开发但目标用户并不是实习生，随后才涉足实习生领域，这种公司在发展进程中一般会跟公司企业进行合作。第三类是公司的转型，常规实习类中介转向基于互联网的实习生教育软件开发。

3实习类APP发展瓶颈

APP发展受制于中国传统实习中介的思路。实习生移动端应用市场是的典型的付费者、用户分离的市场，实习生虽然是软件的直接用户，但实习单位是付费者。为实习生选择合适的实习要求是实习单位做出的选择。

产品无特点。主要由两个原因导致：第一，实习生APP市场抄袭情况严重，这是由市场环境和版权制度的不完善导致。第二，有些公司的管理层较为短视，他们追求短期的收益以及更新的速度，却没有通过有效的市场反馈机制完善内容。这都是实习生APP市场充斥着大量内容上相差无几的软件原因。4关于实习生阅读应用的调研和设计

一个完整的交互原型的设计和制作，大致分为以下几个步骤：（1）选定目标用户进行调研；（2）分析产品定位；（3）通过流程图展现出层级关系，要考虑到层次不可太深，以防止用户产生厌烦情绪；（4）用交互示意草图来表现思维过程，借助便签纸等工具定义交互元素；（5）完成虚拟测试；（6）借助软件（Photoshop、AfterEffect等）将原型架构、交互方式以动态方式呈现出来。

4.1确定产品定位

根据设计中的“五W”原则（分别为What产品内容；Who用户群体；When使用时段；Where使用地点，是否处于互联网连接的状态；Why产品设计目的）来确定产品的定位和各方面的交互设计方向。

对用户习性进行了各种分析，以便让应用的设计更顺利开展，并完成了一系列的头脑风暴，最终得到产品定位：一款为实习生设计的工作导向的APP，可进行学习和实习，提供下载功能，取名为“蘑菇丁”。

4.2设计交互原型

4.2.1确定应用的基本架构

欢迎界面加载界面；用户登录界面；签到、实习岗位、周记、SOS、找工作、出国留学、旅游以及剩下的选择，在基本页面之外，你能看见其他人的生活与工作情况，你能与工作岗直接沟通，寻找自己合适的机遇。4.2.2绘制原型草图

在实习期间，可以和成员们分别工作，形成的成果可以一起沟通交流，只是通过互联网，并将相应交互方式用文字等加以注释，以示界面之间的层级关系，得到所有小组成员的部分手稿。

4.3设计思路

4.3.1欢迎界面加载动画

因为主要受众是实习生，所以背景应当用柔和简单的色块表现。极简主义可以减少压力，页面加载可能需要等候，在这段时间内需要有趣的加载动画来吸引注意力，不会使得他们因为等候的无趣而放弃对应用的使用。所以，删掉了原本在页面下方枯燥的进度条，更加减少掉大家的枯燥感受。

4.3.2用户登录界面

这个界面中，实习生要输入自己的昵称、性别（旁边的人物会根据性别进行变化）、年龄（输入年龄是提示系统提供用户可用的信息）、换装（实习生可根据自己的喜好，为自己“私人定制”一个自己专属的人偶，为她/他更换各种服饰）。

4.3.3阅读主题和课程选择

确认个人信息后进入主题选择界面，通过点击翻页按钮可以切换不同的主题，选定主题后，点击进入，界面上会出现于此主题相关的一张图片，通过甩动手机将图片变成拼图，被收集在右侧收起的边栏里，当图片被拆成拼图后，图片会被隐藏起来，每一块都本主题内的一个小模块；从右拉菜单中随意选定一块拼图，会自动被放置在正确的位置，每个模块的课程都可以被收藏，实习生将本主题内的课程全部完成，这张图回作为背景皮肤的奖励与其他奖励机制一同更新进书包。

4.3.4个人收藏APP的使用过程中，都会有一个未打开的书包出现在屏幕的右下角，这个就是个人收藏，点击书包，会显示：收藏的图书、课程、奖品、以及分享功能（可以与共同使用此应用的小伙伴一同分享课程或者游戏，在此过程中提升实习生的兴趣）。点击书包后，书包打开，里面的内容以动画的形式从中“跃出”，这样的方式对于实习生的视觉来说更加直观和清晰。

4.4针对实习生应用的设计要点

4.4.1手势操作中，箭头式按钮使用方便

翻页操作最常见的形式有两种：触摸式箭头和翻页手势。相比于很容易触发不当操作的翻页手势，触摸式箭头的翻页方式更适合忙碌时候，精确度也更高。

4.4.2放置交互功能的位置

要尽量避免将交互功能设置于移动设备底端，因为对于实习生来说这是一个非常敏感的区域，他们免不了触碰到该区域从而娱乐过程会被干扰甚至中断，随即用户体验也会因此大打折扣；并且，大多数人擅长于右手操作，所以要将交互功能更多地放在屏幕右侧。综上所述，屏幕右侧偏上是放置交互功能的最佳位置。

4.4.3切忌包括诱发式操作

如果APP中包含诱发购买行为的操作，那么这款APP会影响发展。为此，苹果公司于2013年8月16日向开发者发布了应用评审规定，尤其对实习生应用的相关规则做出了进一步说明。新规定说明，用户群体减少包括用户行为广告，例如：购物广告、推销广告。减少厌烦的感觉，使他成为单纯的应用型App。

5实习生APP市场发展前景

5.1优化软件内容，提升用户信任度

从集中力量研发技术转向内容研发应当是相关企业丰富软件内涵的主要方向。以下三个方式可以助转型一臂之力：第一，按期对开发者提供相关实习生知识的专题讲座；第二，严格划分软件类别是软件开发人员的主要职责之一，对实习类APP应当突出教育意义，以便逐步赢得信任；第三，在应用开发初期、开发中以及后期使用中都加强市场调研，从实习生身上及时得到反馈并进行完善。当软件内容的价值得到提升后，自然会作为用人单位对实习生教育投资的一部分。

5.2巧用营销策略，赢得市场

第一，弹性定价。用户往往会对过高价格的软件望而却步，而持续的免费又不能够支撑公司对其的开发和维护。现在很多公司通过限时免费策略获得用户的青睐和关注。第二，开放下载论坛。论坛能够为想要分享使用心得的用户提供合适的平台，并且在跟用户沟通中可以得到有力的改进方向，同时积极的互动也帮助用户更好了解产品的理念，继而增加用户黏性。第三，线上线下活动的融合。线下活动的重心在户外，公司有机会通过面对面的交流对目标用户有更深入了解以便更好服务于他们。线下推广活动需要定期开展，线上协助增加宣传力度。

6结语

该项目立题为《基于用户体验的界面设计——习柚和蘑菇丁》，目标是了解能够满足用户使用需求的APP。为了适应时代需求，做出操作更方便、简单、流畅，界面更优化的APP界面，我们做了的一系列调研和实践，这都将辅助于最终的实现。根据调查，“蘑菇丁”是一款专业的实习就业管理平台，提供的是高职院校实习就业一站式解决方案。依托以顶岗实习标准为基础，设计的全流程化管理SAAS服务系统为载体，搭建实习生、教师、企业三方互通。为百万实习生提供安全、便捷的招聘信息，也为企业带来初级人才。他在界面设计上实现了满足用户的基本需求，达到简单而实用。

参考文献[1]任美琪,谢庆森.手机交互界面中图标的隐喻设计研究[J].天津:河北工业大学,2014.[2]赵志俊,张凌浩.智能app界面用户体验原则与设计