面向用户体验的手帐记录类APP设计.pdf

时尚设计与工程丨面向用户体验的手帐记录类APP设计Design of handbook recordAPP for user experience沈轩正 师晓丹 北华大学【摘要】以用户体验为中心，结合现实生活中真实的手帐记录方式进行APP的功能设计、界面设计与交互设计，带给记录者、创造者良好的使用体验，并在移动端设备上进行内容创新，以便于新时代人们的文化记录与创造，满足其丰富多彩的内心需求，并在一定程度上起到传播这一记录文化的作用。【关键词】用户体验；手帐；记录；创新UI设计；APP设计Abstract Taking user experience as the center,combined with the real hand account recording method in real life,the function design,interfacedesign and interaction design of the APP were carried out,to bring the recorder and creator a good experience.Moreover,content innovation onthe mobile end device was carried out,to facilitate the cultural recording and creation of people in the new era,to satisfy their colorful inner needs,and to play a role to a certain extent in spreading this recording culture.Key words user experience;handbook;record;innovative UI design;APP design0前言移动智能技术的不断发展创新使得人们现实生活中的创造在智能设备上实现成为可能，移动端APP因其即时使用的特性慢慢与现代人生活无法分割，因此记录类移动端APP可以给予使用者更大程度的方便快捷。李芳馨等认为作为一种记录载体，手帐本身具有的强大实用功能使其拥有一定的群体基础。但传统的书写行为，在分享互动性上略有欠缺1。手帐记录方式源于一种小众的亚文化，其主要创作方式是创作者使用各种旧元素组合拼接为新的画面，这一新潮的创作方式通过网络与媒体的传播逐渐走入了大众的视野。然而，其虽可以进入大众视野，但手帐作为一耗费精力与材料的记录方式在这快节奏的社会受到阻碍。小鱼日记 这一新型APP的出现不仅可以使创作者能在碎片化的时间内进行创作记录，而且其材料准备所需要的时间与财力也可大大减少，起到推广、宣传这一亚文化的作用。1需求分析手账类APP应满足使用者的便利性与创意性这2个方面的需要。本文主要采用了对企业已开发的各类APP和产品应用进行的数据采集分析、访谈和调查问卷等研究方式，为企业APP产品的具体功能和设计思路提供依据。经过多年研究并深入了解掌握的手帐记录制作流程设计中常见的几个步骤流程及其中所可能存在的各种问题，总结出手帐记录这一传统亚文化产品的独特创意、传承和发展的需求，并希望以此来作为APP的视觉交互设计开发的技术基础，设计出带有趣味性质的具有创新性手帐记录类APP产品的交互界面设计。1.1用户的创作需求通过研究消费者对已有有道笔记等类型APP的应用后评价情况，即对移动厂商自带的记事本、有道笔记等记录类APP的后评价信息进行收集、分类，并针对现实生活中的手帐基本情况进行归纳分析，以最终掌握使用者的创作基本要求，并以此为基础制定了采访提纲和调研课题。访谈提纲的主要部分包括：在手机记录以及自由创作中是否使用过记录类APP，在使用过程中遇到过哪些问题，如何了解手帐这一记录创作方法，如果在移动端进行手帐创作您最想解决什么现实问题等。问卷是对 小鱼日记 的功能设计、视觉设计、交互设计等方面进行全面、有针对性的研究，为APP的设计和用户画像奠定基础。1.2手帐亚文化的发展需求小鱼日记 手帐记录APP一方面要展示手帐独特的创作文化魅力，介绍手帐文化的创作过程以及优势特色，如可以运用现有旧元素进行艺术创作，将不同时间发生的故事拼接在一起等，同时也要考虑手帐这一创作方式是否可以在移动端设备中发展出更多不同维度的创作。另一方面也要展现APP独有的特色，将一条故事线融会贯通于APP中，区别于其他的记录类型APP形成独特的自身文化，起到增添趣味性，以及对手帐文化宣传度和知名度提升的目的。39丨时尚设计与工程2以用户体验为中心的APP设计以用户体验为中心，包含了呈现给用户视觉上的感官体验、在交互过程中用户对提供内容的接受程度与心理感受、在内容与排版形式上体现的亲和度、浏览界面时带给用户的吸引度与愉悦感2。小鱼日记手帐记录APP设计以用户体验为核心，包括功能设计、视觉设计和交互设计3大模块。2.1功能设计近年来，越来越多的创作者加入手帐创作领域，为满足老创作者解决耗材与分享传播问题、新创作者解决入门以及学习难题等，做好学习、分享、传播一体化创新设计，APP的主要功能包括手帐创作、素材下载与上传、分享创作与学习。手帐创作部分为本APP主要设计内容，将“用户同现实一般进行虚拟设计”的理念作为这一部分设计理念推进，除了包含有一般记录类型APP的文字记录与贴图外，为了创作者进行更加自由的创作，还应在图片角度和方向、文字种类以及手写画笔等方面进行创新设计，以满足创作者丰富的创作需求。手帐内容的信息呈现不应只包含文字与图片，在发达的移动端设备上音频、视频等多种形式也可以大大满足创作者需要。作为手帐中最基本的创作方式，文字与裁剪图片可以起到记录及艺术创作的作用，而音频和视频则可以在平静的二维世界延展出不同的维度，进行更加丰富多彩的艺术创作。此外，创作部分也应与其余部分进行连接，将APP融汇于一个整体，为用户使用提供更多可能。素材下载与上传部分则是用户使用手帐这一创作方式的基础。本功能大致分为上传与下载2个部分。上传功能是以用户为基础进行的一级创作，用户有权选择仅本地使用这一素材或者将其分享至下载大厅。其中可设置打赏系统或者其他的奖励机制，激励一级创作者进行素材的创作，同时加入监管机制，所上传素材必须是原创设计，不可抄袭盗图。下载功能则是提供给用户进行手帐二级新创作的素材选择功能，此部分中各种素材尽在其中，并设置排行榜，使使用者可以更快掌握当下手帐创作的趋势。其素材都为电子商品，因此其成本可大幅度降低。分享创作与学习这一部分则是为宣传与发展手帐创作这一目而设计的。设置评论区给予创作者们一个讨论的区域。分享后也可以将自己真实、客观的创作感受以文字方式发表在这一交流圈内供新用户以及其他创作者参考。同时开发学习模块，内置手帐制作的视频和图文教程，并同样提供移动端的本APP手帐设计使用教程，起到发展传播的作用。除了手帐创作、素材下载与上传、分享创作与学习等主要功能，还应在APP中提供有趣的剧情吸引使用者的注意，并且在各个部分做好新手引导并提供帮助按钮解决使用者的疑惑，以此为用户的创作提供便利。2.2视觉设计APP的设计一般要从设计内容的角度来考虑，如启动图标设计、启动页设计、引导页设计、功能图标设计和页面层级设计。创意手帐记录类APP以用户体验为导向，因此其功能层面应满足艺术性、便捷性、实用性和趣味性。在满足APP总体设计要求的基础上，设计APP的艺术性是指APP的所有视觉要素，包括版式、颜色等。小鱼日记 APP的整体设计风格被选取为扁平化和层叠式设计相融合的设计风格。其最大的2个好处：一是抛弃了制作3D效果等繁琐细节，降低了用户界面文件的尺寸，提高了软件程序的实际执行的速度，减少了应用APP在运行过程时出现的卡顿，防止在运行应用的过程中反复发生的卡顿死机的情况，并且也在2D平面中延伸出空间感；二是层叠式的设计与传统手帐的制作方式大同小异，从而让受众引起更大的兴趣。APP的便利性要求APP逻辑结构合理，导航清晰，有搜索选项，便于用户在应用时迅速查找所需要的功能。在 小鱼日记 APP的主页上，通过文字和图像的方式，将用户所创作的手帐本、搜索框等内容展示出来。导航分为手帐内容、手帐创作、素材上传与下载、分享与学习这项内容。二级页面将显示各个手帐本的内容、素材的展示以及已分享的详情页等。APP的实用性，则是在代码开发的时候，既要考虑到UI的艺术性，又要考虑技术的实施。APP设计注重用户体验，不仅要注重外观和功能，而且要兼顾艺术性、功能性和可用性。一个好的APP是设计师与其团队的心血结晶，因此在APP的早期设计中，APP的功能和可视化都要达到软件开发的要求，从而满足APP的实际应用需求。趣味性是本 APP 的特殊属性。普通的记录类APP只能满足用户的记录需求。而本APP同样可以满足用户的趣味性以及展现其独特的创新性，这2种性质统一但有不同。一方面，满足用户的创新型的手帐设计方式，将文字、图片、音频与视频等多种形式融合于手帐的设计中，形成新的类型的手帐记录方式的视觉模型。另一方面，在APP中加入剧情式的创新，APP的服务以及与用户之间的交流体验显得越来越重要，对于用户而言，对APP的需求也由单一的功能40时尚设计与工程丨实现发展为对良好交互体验的高度需求3。从剧情交互设计中创新从而留住用户。在APP的设计中，因将“小鱼”作为主题IP形象，所以除了将该APP的主要故事和IP设计放在醒目的地方，还将海洋、波浪和鱼类等元素融入到了视觉设计中，如将IP形象融入网页加载等候界面，以海浪代替导航栏等。2.3交互设计创意手帐记录类APP是以用户体验为核心，其互动设计应充分考虑使用者在手帐制作过程中对APP的需求。从使用者的年龄来看，进行手帐创作的多为年轻人，所以更能接受新奇且便捷的交互方式。从使用场景考虑，记录类APP的用户大致分为2种情况：随时随地使用APP、静下心合作创作。所以，APP上要有便于操作的控制按键，一个简单的操作界面，甚至可以进行联机创作。另外，还有一些常见的功能，如音频设置、视频图像设置、书写和相册等，都可以在APP中一键启动，便于用户在创作时使用。3结束语本文从用户体验的角度，结合创作者的创意需要和手帐文化的发展和传播需要，实现功能设计、界面设计和交互设计，较好地使得创作者们可以耗费更少的财力精力进行创作。同时，这对手帐设计这种亚文化的发展提供了帮助，为手帐在移动端上的设计发展提供了创新型动力。参考文献：1李芳馨,张馥麟.亚文化网络趣缘群体的聚众传播探究以手帐文化为例J.呼伦贝尔学院学报,2018,26(5):43-47.2刘航宇.UI设计中用户视觉体验的探究J.大众文艺,2017(15):154.3郑晓东.电商APP中动画的趣味性设计研究D.无锡：江南大学,2017.基金项目：吉林省大学生创新创业项目（202210201094）。作者简介：沈轩正(2002),男,本科,研究方向为UI设计。通信作者：师晓丹(1985)，女，硕士研究生，实验师，研究方向为数字化学习资源设计与开发。体验优化时的优化策略。本研究认为在界面设计中视觉清晰显示、操作逻辑表达、情感积极反馈3方面对适老化的应用优化具有重要影响。因此，对这3方面的设计优化提出了相应的体验优化策略。参考文献：1Bianchi C.Exploring how internet services can enhance el-derly well-beingJ.Journal of Services Marketing,2021.9-10.2Salman H M,Wan Ahmad W F,Sulaiman S.A design frame-work of a smartphone user interface for elderly usersJ.Uni-versal Access in the Information Society,2022:1-21.3Alsswey A,Al-Samarraie H.Elderly usersacceptance ofmHealth user interface(UI)design-based culture:the mod-erator role of ageJ.Journal on multimodal user interfaces,2020,14(1):49-59.4陈越红,王烁尧.UI设计中的视觉心理认知与情感化设计分析J.艺术设计研究,2021(2):74-79.5陈昭霓.认知心理学在UI界面设计中的应用J.包装工程,2017,38(16):30-33.6王孟孟,曾凡桂.基于用户接受度的老年人短视频学习APP设计研究J.包装工程,2022,43(4):203-209.7白仲航,邢丽,赵芳华.从可供性视角看待情感三层次理论在产品设计中的应用J.包装工程,2020,41(22):21-26.8何天平,付晓雅.用户体验设计情感化转向：互联网新闻产品交互创新趋势J.中国出版,2022(14):9-14.9诺曼唐纳德A.设计心理学3:情感化设计M.何笑梅,欧秋杏,译.北京:中信出版社:2015.10杨彦辉.概念化交互设计调查研究方法探析J.包装工程,2022,43(14):146-154.11吕帅,李永锋.基于熵权和灰关联的老年人信息终端界面布局评价研究J/OL.包装工程:1-102022-08-17.http:/