论文部分内容阅读
摘要：通过竞品分析、产品基础框架、交互原型、视觉风格这几个方面来分析设计产品，并提出了相应的措施，为移动旅行生活指南提供了一种全新的生活模式。根据以往的产品功能增加了符合年轻目标用户使用移动端的功能，使移动端更贴近于年轻人的审美和兴趣，通过本设计在很大程度上提高了青年人旅游的便利性。
关键词：交互原型;视觉设计;用户体验;案例教学
中图分类号：TP37 文献标识码：A
文章编号：1009-3044（2019）36-0270-02
旅行是当今社会的一个持续的热点，青年人每天都和手机移动端打交道。移动端改变生活，提高生活质量，因此针对青年在生活中使用的一些旅行App做出调查与研究后，提出了基于城市旅行生活指南移动应用前端界面App的交互原型图以及交互逻辑设计，通过对App的色调风格，视觉界面的动态效果的设计，让移动端的界面更迎合青年生活。
1竞品分析
从产品定位、目标用户、使用场景、战略布局等方面对竞品做分析，从产品的基本的框架层到交互再到视觉，通过横纵向竞品对比分析，得出这几个结论：1）一类以基本IM通讯类为主，用户使用界面简单而又单调，界面功能不全面，颜色古板，动态效果没有，不符合年轻人的性格和特点;2）很多旅游App并没有太多的辅助功能，产品只给用户提供了简单轻便的体验，但是没有在界面设计上实现精确而又友好的界面端程序的图标。3）有些移动端增加了“夜间模式”，根据一些用户在睡觉前有阅读文本的习惯需求，但是没有旅游线路的界面设计。总体上移动端的菜单框架设计内容“更多”的是基于创建、收集和垂直分类的引导，而不是水平分类的引导。这些设计更适合问答、栏目、文章的阅读模块，而没有更加适合年轻人喜欢搜索的模块图标，设计界面从用户角度来说，应该让旅游的移动端平台，让用户有更好的体验感。根据以上分析，从产品本身的功能角度和产品使用方式角度考虑，使基于城市旅行生活指南移动应用前端界面的设计更加符合年轻人。
2界面模式设计分析
首页（home page）：首页是显示各种信息的顶级界面，首页也叫门户界面。它连接着其他界面，显示各种信息。
过场界面（on boarding）：过场界面也叫引导页。出现在应用程序首次推出时，展示产品的特点和功能。
教程界面（coach flark）：这是一种临时界面，主要提示用户先做什么事、后做什么事，教会用户使用产品。
一览界面（view）：连续显示相关内容。一览界面中包括通知界面、活动界面等。
详情界面：显示特定的条目信息，界面层级较深。一般显示为前一页提及的产品更深层次的内容。
输入/操作界面：用户可以执行特定操作，包括登陆、发布信息、拍照和设置。
3交互设计
指对软件的人机交互、操作逻辑、界面美观的整体设计。
交互的初始：首先是引导页，先跟用户打招呼，知道用户要什么，引导用户。
交互等待过程：就是闪屏。设计时主要考虑到降低用户在这段等待时间的敏感性;如果无法降低，就给予期望;千万不能呆滞。同时这里应该没置跳过按钮，给用户自主操控的机会和自由。
搜索交互设计：搜索主要考虑用户在使用过程的搜索体验，希望搜索的界面美观和友好，同时希望有些动态界面引导。
4整体视觉界面设计
整体视觉设计风格字体排版：即字体开始变得越来越大，大字体搭配极简风格来使用;分屏式设计，将视觉排版跟文字元素区别开来，共生共存，又保持一致性。
从左到右依次是启动页、All Shop 、详情贞（单页）、创建线路。启动页以logo为主体，宣传标语是“Guide to better eity”;All Shop 展示了店铺展示效果，以不规则文字排版，贴近UI流行趋势，突卅个性的意味;详情页（单页）图文分开，以店铺展示为主，吸引用户继续浏览的兴趣;创建线路，分为两个部分，上为城市地图清晰展示地理位置，下为店铺选择可以跟随用户意愿改变选择，从而影响后续地图路线的变化。
5软件整体架构信息的确立
从左到有依次是地点排序、路线编辑、选择城市、登录注册。地点排序，分为两个部分，上为城市地图清晰展示地理位置，下为店铺排序可以跟随用户意愿改变顺序，从而影响地图路线的变化;路线编辑，主要赋能给用户分享记录行程信息的作用，可以作为攻略分享给其他潜在用户达到宣传目的;选择城市，是路线计划的路口，这里并不和开始选择城市矛盾，只是为了给用户更自由的选择;登录注册，简单明了，突出登录注册功能为主，整体架构如图l所示：
6结束语
本文研究了基于城市旅行生活指南移动应用前端界面，偏向简单、简约、时尚，界面设计上添加了一点鲜艳的颜色点缀，透露出一点小调皮，不会让整体失去活力的界面。设计主要优点为省流量模式、网页优化模式和夜间模式。在今后的设计中主要从用户的体验和交互没计中去挖掘。
参考文献：
[1]李曾鸣，梁强，阿倪苏.旅游分享类APP的市场应用价值分析[J]辽宁经济，2017（12）.
[2]谭瑶.携程旅行APP用户体验研究[D].河北：河北大学，2016.
[4]王洪霞，赵洪文.基于UI界面设计中色彩应用研究[J].新媒体研究，2018（22）.
【通联编辑：张薇】
收稿日期：2019-09-25
作者簡介：谢富平（1976-），男，副教授，硕士，研究方向为计算机图形设计。
关键词：交互原型;视觉设计;用户体验;案例教学
中图分类号：TP37 文献标识码：A
文章编号：1009-3044（2019）36-0270-02
旅行是当今社会的一个持续的热点，青年人每天都和手机移动端打交道。移动端改变生活，提高生活质量，因此针对青年在生活中使用的一些旅行App做出调查与研究后，提出了基于城市旅行生活指南移动应用前端界面App的交互原型图以及交互逻辑设计，通过对App的色调风格，视觉界面的动态效果的设计，让移动端的界面更迎合青年生活。
1竞品分析
从产品定位、目标用户、使用场景、战略布局等方面对竞品做分析，从产品的基本的框架层到交互再到视觉，通过横纵向竞品对比分析，得出这几个结论：1）一类以基本IM通讯类为主，用户使用界面简单而又单调，界面功能不全面，颜色古板，动态效果没有，不符合年轻人的性格和特点;2）很多旅游App并没有太多的辅助功能，产品只给用户提供了简单轻便的体验，但是没有在界面设计上实现精确而又友好的界面端程序的图标。3）有些移动端增加了“夜间模式”，根据一些用户在睡觉前有阅读文本的习惯需求，但是没有旅游线路的界面设计。总体上移动端的菜单框架设计内容“更多”的是基于创建、收集和垂直分类的引导，而不是水平分类的引导。这些设计更适合问答、栏目、文章的阅读模块，而没有更加适合年轻人喜欢搜索的模块图标，设计界面从用户角度来说，应该让旅游的移动端平台，让用户有更好的体验感。根据以上分析，从产品本身的功能角度和产品使用方式角度考虑，使基于城市旅行生活指南移动应用前端界面的设计更加符合年轻人。
2界面模式设计分析
首页（home page）：首页是显示各种信息的顶级界面，首页也叫门户界面。它连接着其他界面，显示各种信息。
过场界面（on boarding）：过场界面也叫引导页。出现在应用程序首次推出时，展示产品的特点和功能。
教程界面（coach flark）：这是一种临时界面，主要提示用户先做什么事、后做什么事，教会用户使用产品。
一览界面（view）：连续显示相关内容。一览界面中包括通知界面、活动界面等。
详情界面：显示特定的条目信息，界面层级较深。一般显示为前一页提及的产品更深层次的内容。
输入/操作界面：用户可以执行特定操作，包括登陆、发布信息、拍照和设置。
3交互设计
指对软件的人机交互、操作逻辑、界面美观的整体设计。
交互的初始：首先是引导页，先跟用户打招呼，知道用户要什么，引导用户。
交互等待过程：就是闪屏。设计时主要考虑到降低用户在这段等待时间的敏感性;如果无法降低，就给予期望;千万不能呆滞。同时这里应该没置跳过按钮，给用户自主操控的机会和自由。
搜索交互设计：搜索主要考虑用户在使用过程的搜索体验，希望搜索的界面美观和友好，同时希望有些动态界面引导。
4整体视觉界面设计
整体视觉设计风格字体排版：即字体开始变得越来越大，大字体搭配极简风格来使用;分屏式设计，将视觉排版跟文字元素区别开来，共生共存，又保持一致性。
从左到右依次是启动页、All Shop 、详情贞（单页）、创建线路。启动页以logo为主体，宣传标语是“Guide to better eity”;All Shop 展示了店铺展示效果，以不规则文字排版，贴近UI流行趋势，突卅个性的意味;详情页（单页）图文分开，以店铺展示为主，吸引用户继续浏览的兴趣;创建线路，分为两个部分，上为城市地图清晰展示地理位置，下为店铺选择可以跟随用户意愿改变选择，从而影响后续地图路线的变化。
5软件整体架构信息的确立
从左到有依次是地点排序、路线编辑、选择城市、登录注册。地点排序，分为两个部分，上为城市地图清晰展示地理位置，下为店铺排序可以跟随用户意愿改变顺序，从而影响地图路线的变化;路线编辑，主要赋能给用户分享记录行程信息的作用，可以作为攻略分享给其他潜在用户达到宣传目的;选择城市，是路线计划的路口，这里并不和开始选择城市矛盾，只是为了给用户更自由的选择;登录注册，简单明了，突出登录注册功能为主，整体架构如图l所示：
6结束语
本文研究了基于城市旅行生活指南移动应用前端界面，偏向简单、简约、时尚，界面设计上添加了一点鲜艳的颜色点缀，透露出一点小调皮，不会让整体失去活力的界面。设计主要优点为省流量模式、网页优化模式和夜间模式。在今后的设计中主要从用户的体验和交互没计中去挖掘。
参考文献：
[1]李曾鸣，梁强，阿倪苏.旅游分享类APP的市场应用价值分析[J]辽宁经济，2017（12）.
[2]谭瑶.携程旅行APP用户体验研究[D].河北：河北大学，2016.
[4]王洪霞，赵洪文.基于UI界面设计中色彩应用研究[J].新媒体研究，2018（22）.
【通联编辑：张薇】
收稿日期：2019-09-25
作者簡介：谢富平（1976-），男，副教授，硕士，研究方向为计算机图形设计。