• 按钮背后的设计逻辑

    产品设计 2023-08-20

    一个好的按钮设计能够让产品锦上添花,一般来说,一个好的设计用户往往是感知不到的,但是设计的不好,一定是会被发现的。本文就按钮背后的设计逻辑进行分析,希望对你有所启发。

    经常会有人私信我说,按钮用直角还是圆角更好些?实心的还是空心的?遇到此类问题,我不知道要怎么回复。好比你打算在桑拿房里装个空调,问我装在哪合适。一个没有交代业务背景的问题,我又怎么给出答案。

    「门」,这是一个大家再熟悉不过的东西,每天上下班都需要开门、关门。不过大家注意到没,开门的时候都是由内向外推的而不是由外向内拉的。为什么会这么设计呢?很早之前一个剧院突发火灾时,人们在紧急出口处互相推挤,处于高压紧张状态下的逃生者因为忘记该门是朝里拉的而不是朝外推的,从而没有人能够打开门。

    因此,出于安全考虑,家里的门都会设置成从内往外推,当意外来临时能够帮助人们快速逃生。包括现在的消防法规都会要求公共场所必须安装“安全推压式门栓”。这样无论何时遇到突发情况,门都能够一下子打开。

    一个好的设计用户往往是感知不到的,但是设计的不好,一定是会被发现的。

    记得疫情那一年,辅导员都是用QQ开线上周会,经常会有同学开着语音而并没有察觉,一不小心周会就会变成大型社死现场,有听到过与父母battle的,有在线游戏骂人的,有朋友连麦吃瓜的,总之节目繁多。

    因此,每次开周会我都非常紧张,我会特别注意我的语音按钮是否为关闭状态。因为我不能很明确的知道语音按钮目前的状态是关闭的还是开启的,通常我都需要点击语音按钮好几次,确保我的语音为关闭状态才能安心下来。可能大多数人遇到这种情况,会把问题归因为个人的理解问题。

    (QQ语音界面)

    我们再重新设计一下按钮展示的状态,区分静音时和语音状态下的图标样式,这样会清晰很多,也能减少用户在使用时的紧张感。

    (修改后的界面)

    一个好的按钮应该具有强烈的引导作用,以减少用户认知阻碍,给予用户明确的选择。例如下面的例子,确定要取消订单吗?「取消」和「确定」两个按钮并不能给用户一个清晰的认知,如果把「取消」和「确定」改成「我再想想」和「立即取消」,用户是不是会好理解很多。

    另外,在 2017 年的谷歌 I/O 会议上,谷歌的资深界面文案设计师Maggie Stanphill在旅店预定的界面中,将「预定房间」改为「查看可用房间」之后,预订率增加了 17%,结果是显而易见的。虽然用户表面看到的只是一个文案的修改,但背后修改的却是整个按钮的场景逻辑。

    这类按钮设计的逻辑背后隐藏着人们对于事物的认知方式,在心理学上叫做认知吝啬者模型。认知吝啬者是指个体在接受讯息时,不喜欢思考,而大多依靠经验及个人直觉,并运用许多认知捷径来处理信息。我们在进行很多简单操作的时候,其实大脑并没有经过思考,但却做出了果断的选择。大家应该都体验过卸载软件的复杂,想要卸载,却往往点击了另一个选项。

    (360安全卫士卸载界面)

    再说说大家都熟悉不过的淘宝。淘宝在待发货页设置了「催发货」按钮,这个按钮本质并没有什么作用,点击「催发货」按钮并不能真的让商家发货的速度变快,毕竟发货速度还取决于物流。

    在这里按钮其实起到的是一个安慰作用,让着急的用户通过点击按钮减小心理压力,减少退单率,避免客户的流失。

    直播间的点赞按钮也是如此,点击爱心时会出现动画效果,当用户点击多次时,后台只会计数一次,但是动画效果却一直存在。这个按钮在这里是为了给用户提供情绪化的价值,留住用户观看。这样的例子还有很多,我就不一一举例了。

    几年前有这么一道面试题,「油管的广告跳过按钮为什么是五秒钟」。很多人在设计的时候觉得别的产品是这么做的,那么自己也就这么做,并不知道别人这么设计的缘由,照搬就是了。

    (油管的广告界面)

    油管设立5秒机制是为了把广告更精准的投放给用户提高广告真实的曝光度。利用点击「跳过广告」的按钮来计算该则广告的质量以及该用户的匹配度,方便以后精准投放。并且也对此按钮也设定了相应的规则,把广告时长分成了三个阶梯。

    如果用户在第一秒就点击了「跳过广告」按钮,此时广告商需要支付的广告费是最少的;如果在3-5秒点击,则会多收取一些广告费用;如果用户看完了这30秒的广告,那么则要向广告商收取完整的广告费。因此这个5秒跳过的制度受到很多广告商的喜欢,广告商也都非常乐意把广告投在油管。

    绝大多数设计师都会觉得按钮并没有什么设计的空间,但按钮背后的设计隐藏着人们对于事物认知的方式人们的心路历程,一个按钮的改动,可能背后会牵扯到许多业务的逻辑,给产品数据直接带来相关变化。

    在设计按钮时,我们不妨从「用户的认知模型」「使用场景」「规则设定」三个方向,把按钮代入到业务里去,去思考设计过程中的细节,而不是去摆弄那些控件的颜色和位置问题,并且为此争论个一下午。

  • 如何提升界面交互中的「信息识别」体验

    产品设计 2023-08-20

    随着科技的发展,交互场景的种类越来越多,图形化的人机界面在当前仍是非常主流的交互形态,但如何如何提升界面交互中的「信息识别」体验是我们当前需要关注的一大重点,本文对此进行分析,希望对你有所启发。

    自上个世纪70年代图形化的人机界面出现,人与机器的对话从特殊命令行交互变为直观的图形界面,到后来语音、视频、动作等多模态的发展让人和机器的发展有了更多自然、直观的交互场景。

    图形化的人机界面在当前仍是非常主流的交互形态,如何将界面信息直观、高效的表达给用户,是我们经常遇到的问题,尤其是系统复杂、业务垂直的产品。

    以酷家乐云设计工具为例,系统交互结合各行业垂类场景,各种命令、操作、引导、画面控制等信息的表达很容易让用户疑惑。

    举个栗子:

    “看不懂、没明白、我还以为是…”等基础信息表达的问题掣肘了交互的基础体验。

    因此,如何提升用户整体的「信息识别」能力,成为了我们的项目课题。

    一、什么是信息识别

    信息识别,可简单理解为:感知到(看到/听到)信息,并能够理解它。本质是在用户与界面交互中,会经历「感知信息→认知信息→做出决策与行动」的历程,从感知到认知,是信息获取和辨识理解的过程,即「信息识别」。

    所以课题主要探索的是:如何体系化的设计「感知上简单、认知上准确」的信息,让用户与界面的互动更高效、流畅。

    二、已有设计体系不能解决这些问题吗?

    群核UED搭建设计规范体系已有多年,即便有相对丰富和完整的设计体系,我们呈现给用户交互界面仍有体验不一致、操作难理解、同一对象不同表达的问题,为什么?

    以组件为例,目前设计规范制定过程中,产出很重要一条的逻辑是“可复用单元”,如基础组件、业务组件、模板等,通过将重复元素在代码层统一,从而实现在用户侧一致的操作体验。

    随着产品功能的上线,文案、图标、图像等大量小颗粒度元素,成为了用户最先感知、频率最高、也是非常制约进一步交互影响因子。

    这些因子又存在多样化、场景散、分布广、规律性弱、参与定义的角色多的特点,加之没有规范和有效的管理,导致用户侧使用起来充满疑惑、操作受阻、甚至客诉。

    小结

    因目前规范体系针对文字、图形基础的信息形式覆盖不够,加之此类场景高频、体验问题频发且会持续的现状,参考行业大厂对此类信息设计的重视程度。

    所以,信息识别项目是针对产品界面中大量小颗粒的信息载体当前不规范、体验质量参差等问题,来体系化解决当前图、文信息单元的体验不规范、识别效果差的问题。

    1. 如何提升信息识别体验

    在产品界面中信息交互过程中,信息最为常见的四种载体:图形、文字、音频、视频(全景图、gif图、动效图在大类暂时可算图形,不作细分),而图、文占据了绝对的比重,所以需要重点关注图、文信息的识别体验。

    根据美国哈佛商学院有关研究人员的分析资料表明,人的大脑每天通过五种感官接受外部信息的比例分别为:视觉83%、听觉11%、嗅觉3.5%、触觉1.5%、味觉1%(数据暂不涉及短视频直播领域)

    在群核体系下的产品,图和文分别是有哪些?

    在界面中以图形化的形式表达动作、品牌、说明等信息,让用户能直观的感知到信息的含义,图形的类型有:动作执行类操作、品牌示意、辅助说明、图例展示4大类型;

    在界面中以文字的形式表达信息,主要文案的类型有:动作命令、解释说明、专业名词、标点符号。

    如何提升以上几个类型的信息识别体验:直观的图形提升信息识别的准度和效率、规范的文案提升信息表达的精准度。

    三、直观的图形提升信息识别的准度和效率

    以下几个案例是项小组试点探索验证信息表达优化如何对业务有效的验证,可以直观理解图形的准度和效率对业务指标有哪些影响。

    案例1:工具入口的图形化表达

    用户从工作台进入到设计工具,纯文本的表达用户很容易产生疑惑,在不改变业务逻辑的情况下,进行图形化表达。

    用户进入到下一步的成功率相比原版提升了10.2%,因此可以说明图形化信息表达更有助于用户识别并进行下一步决策。

    案例2:模型专题

    群核下的设计工具,以专题化的形式聚类商家、平台推荐的模型是基本的运营动作,如下图,原本以真实效果图的方式展示模型专题,用户难以感知是方案还是模型。通过封面图形的优化:将核心的模型类型展示出来,用户能够预见里面的内容。

    仅改版封面后,UV环比提升120.4%,此案例可以说明更精准的信息识别体验能够助力业务指标的增长。

    案例3:对象菜单鼠标偏好设置

    在设计工具中,选择对象唤出菜单,在酷家乐工具中可以设置为鼠标左键点击即唤出菜单(仅展示图标),也可以鼠标右键唤出菜单(图标文字结合)。

    用户可以自定义偏好,但上线很长时间很多还是不知道如何修改,在对提示进行图形化调整后,发现切换点击数据提升了300%,因此可以说明更精准直观的信息能直接影响用户的行动决策。

    案例4:产出图纸的操作

    在酷家乐工具中定制用户用户完成设计后,可以直接自动产出图纸,但由于之前操作入口的信息过于相似,用户难以决策点哪个是自己需要的,或很容易产生误操作,经过调研发现用户很容易混淆图纸类型从而生成对自己无用的图纸。

    在新版优化中图形化的表达了图纸类型的差异,即便增加了流程步骤数,最终用户点击图纸的UV提升了15%,此案例可以说明,更精准有效的对象表达能吸引更多用户来使用此功能,对业务产生直接效果。

    案例5:户型命令图例

    户型绘制和调整是酷家乐工具的必经之路,由于对象间用2D图形图例表达比较难辨识出来准确意思,因此设计做了图形信息的优化,让命令更为直观,更高效的拾取命令操作。

    上线后通过问卷调研用户满意度相比旧版提升了21.66%,因此可以证明,更精准的图形辅助用户更高效的使用工具操作。

    以上是项目小组在试验过程中的部分案例,不再一一列举所有的试验案例,可以看到信息表达的精准度、直观度是能够对业务产生直接的正向结果,鉴于群核下的工具产品有大量的应用图标图例,借此我们重新排查和校准了很多图标,确保表达相对精准,提高用户信息识别的精准度与效率。

    四、规范的文案提升信息表达的精准度

    在界面交互中,文案作为信息传递的载体,占据的比重是最大的,在群核的产品中,我们规范了文案的表达提升信息表达的精准度,之前有针对工具文案做了梳理。

    结合人设和语气确定,以及酷家乐定义“善解人意、理想、直率”的文案原则,在工具操作中我们梳理了以下几类比较容易出现问题的场景,试图通过文案来提升信息表达的精准度,从而让用户更流畅的进行界面交互。

    动作命令:结合直率的文案原则,简洁高效的描述命令动作。

    解释说明:结合理性、直率的原则,精炼的去解释内容。

    专业名词:结合善解人意和直率原则,避免让用户产生多重疑惑,专业名称平民化、通用化。

    标点符号:规范的使用标点,以真诚、平和的姿态与用户进行沟通。

    以上仅是几个典型案例,在文案侧我们从工具到平台共收集100+常见问题和场景,完成格式规范8大类型,52+细分场景。

    通过规范和调整文案表达的精准度、有效与简洁程度,助力业务更好的表达信息,为用户提供更流畅的互动体验。

    总结

    「信息识别」项目目标是为用户提供「感知上简单、认知上准确」的信息,让用户与界面的互动更高效、流畅。

    体系化解决当前图、文信息单元的交互体验不规范、识别效果差的问题,因此这里不仅仅是定义了一些条例规范,而是从规范、度量、推广、应用层面全方位的发力,确保规范的合理性和可落地性,尽可能普及到核心业务线的落地、以及设计师最终建立产出优质信息识别体验的意识。

    • 规范层:收 集问题高频场景及问题,明确语言特性,归纳通用场景与原则,产出信息识别的规范;
    • 度量层:关键业务试点通过以AB对比线上效果、问卷捕捉用户偏好、设计走查度量设计产出合格率;
    • 推广层:以宣讲、白皮书等形式普及规范条例,建立一致的设计意识;
    • 应用层:以工具化、机制化形式帮助业务应用与落地。

    文案和图标设计看似是感性的、是零散的、难以管理的,其实是可以一直探索科学方法。从理论到实践到规范化,是一个系统的工程,之后我们将在更多的业务领域中开展实验,不断沉淀,让再小颗粒度的设计元素都有据可依,通过标准化的方式赋能更多业务解决未来面临的共性难题。

    注:案例中的部分数据仅作为演示数据

  • 关于HMI设计规范的详细讲解

    研究 2023-08-17
    哇,HMI设计规范,听起来好高大上的样子啊!不过放心,我会用通俗易懂的语言向你介绍这个概念,并给你一些关于仪表盘设计的实操指导。首先,HMI是人机界面(Human-Machine Interface)的缩写,它是指人与计算机或者机器之间进行信息交互的界面。比如我们常见的手机屏幕、电视遥控器、汽车仪表盘等等。良好的HMI...

    哇,HMI设计规范,听起来好高大上的样子啊!不过放心,我会用通俗易懂的语言向你介绍这个概念,并给你一些关于仪表盘设计的实操指导。

    image.png

    首先,HMI是人机界面(Human-Machine Interface)的缩写,它是指人与计算机或者机器之间进行信息交互的界面。比如我们常见的手机屏幕、电视遥控器、汽车仪表盘等等。良好的HMI设计能够让用户更轻松、更有效地与机器进行交互,提升用户体验。


    那么,如何制定一个良好的HMI设计规范呢?首先,要考虑用户的使用习惯和心理需求。比如,在手机界面中,常用的操作按钮要放置在更容易触及的区域,以方便用户操作。另外,注意字体和图标的尺寸要合适,不要过小或过大,以免影响用户的阅读。还有颜色的运用,比如红色代表警告,绿色代表正常等等,这会帮助用户更直观地理解信息。


    接下来,来谈谈仪表盘设计的实操指导。仪表盘是一种常见而重要的HMI,比如汽车的仪表盘。设计一个易于使用且吸引人的汽车仪表盘,需要考虑以下几点。


    首先是信息的布局。要使驾驶员在一瞥之间就能获取关键信息,比如车速、油量、引擎温度等。这些信息应该以清晰、直观的方式呈现,可以使用数字、图标、指针等形式。


    其次是关注乘客的视觉分散。我们都知道,一路上美景是让人心情愉悦的,但是驾驶员不能因此而分心。所以,尽可能减少仪表盘上的不必要信息和装饰,避免干扰驾驶员的注意力。


    最后是简洁性与美观性兼顾。仪表盘上不应该出现过多的冗余信息,只需保留最重要的内容。另外,合适的配色、字体和图标设计都会让仪表盘更加美观且易于理解。


    嗯,通过这些实操指导,设计出来的仪表盘定能满足用户的需求,提升驾驶体验!当然,不同的产品和场景有着不同的HMI设计规范,所以在实际操作中还需要灵活运用,并随时关注用户的反馈,做出相应的调整。


    希望这些信息能对你有所帮助,如果还有其他关于HMI设计规范或者仪表盘设计的问题,也可以继续追问哦!


  • 暖通行业的使用场景UI设计

    研究 2023-08-17
    好的,让我更具体地说明一下UI设计的操作步骤,并结合暖通行业的使用场景进行分析。第一步是需求调研和分析。在进行UI设计之前,我们需要深入了解暖通行业的特点和用户的需求。可以与行业内的专业人士交流,参考相关文献资料,以及进行市场调研,从而明确用户使用系统的目的和功能要求。第二步是信息架构设计。在这一步,我们需要根据调研得...

    好的,让我更具体地说明一下UI设计的操作步骤,并结合暖通行业的使用场景进行分析。

    image.png

    第一步是需求调研和分析。在进行UI设计之前,我们需要深入了解暖通行业的特点和用户的需求。可以与行业内的专业人士交流,参考相关文献资料,以及进行市场调研,从而明确用户使用系统的目的和功能要求。


    第二步是信息架构设计。在这一步,我们需要根据调研得到的用户需求,对系统进行结构化的规划,将各个功能点有机地组织起来。可以采用脑图工具或者流程图工具来呈现整个系统的框架,帮助我们理清思路。


    第三步是界面原型设计。在这一步,我们要以用户为中心,通过绘制原型图来呈现系统的布局和功能。可以使用设计工具如Sketch、Adobe XD等来创建简单的页面原型,明确每个界面的内容和交互设计,方便后续的修改和修正。


    第四步是视觉设计。在这一步,我们要为界面添加一些美化的元素,使其更加吸引人。选择适合暖通行业的配色方案,搭配简洁明了的图标和易读的字体,以营造出舒适和专业的氛围。同时,要保证界面的一致性,使用户在不同页面间有较好的视觉连贯性。


    第五步是交互设计和用户体验优化。在这一步,我们需要关注界面的交互效果,使用户在使用系统过程中感受到流畅和直观。可以通过添加动态效果、合理布局操作按钮等方式来增加交互的可见性和便捷性。此外,还可以进行用户体验测试和反馈收集,不断优化系统的易用性和用户满意度。


    对于暖通行业的使用场景,我们可以进一步分析。暖通行业涵盖了空调、供暖、通风等领域,其管理系统可能包括设备管理、工单管理、客户管理、报表统计等功能。在UI设计中,可以根据场景需求安排相关功能的排版和界面布局,以及提供对应的操作流程和反馈机制,使得用户在系统中能够高效地完成工作任务。


    综上所述,UI设计的操作步骤包括需求调研、信息架构设计、界面原型设计、视觉设计和交互设计,而针对暖通行业的使用场景,则需要更加具体地分析行业特点,合理安排功能和界面设计。希望这些详细的说明能够对你有所帮助,如果还有其他问题,随时向我提问哦!


  • 课程名称:APP UI设计的进阶提升

    研究 2023-08-17
    课程名称:APP UI设计的进阶提升课程目标:1. 掌握APP UI设计的基本理论,了解用户体验设计原则;2. 熟悉常用的APP设计工具和技巧,能够灵活运用;3. 学习高级的UI设计技术和趋势;4. 增强学员对色彩、排版和交互动效等方面的审美能力。课程安排:第一堂课:引入与概述- 介绍课程目标和内容- 了解APP UI...

    课程名称:APP UI设计的进阶提升

    image.png

    课程目标:

    1. 掌握APP UI设计的基本理论,了解用户体验设计原则;

    2. 熟悉常用的APP设计工具和技巧,能够灵活运用;

    3. 学习高级的UI设计技术和趋势;

    4. 增强学员对色彩、排版和交互动效等方面的审美能力。


    课程安排:


    第一堂课:引入与概述

    - 介绍课程目标和内容

    - 了解APP UI设计领域的发展历史和趋势

    - 探讨优秀的APP UI设计案例


    第二堂课:用户体验设计原则

    - 理解用户体验设计的重要性

    - 学习核心的用户体验设计原则

    - 分析案例,讨论如何改善用户体验


    第三堂课:熟悉常用的设计工具

    - 介绍常用的APP界面设计软件

    - 演示软件的基本操作和功能

    - 设计简单的界面元素和样式


    第四堂课:设计布局与排版

    - 学习不同的界面布局类型及其特点

    - 探讨合理的排版原则和技巧

    - 实践设计一个高效的页面布局


    第五堂课:色彩与视觉效果设计

    - 分析色彩在APP设计中的作用和表现形式

    - 探索如何选择和搭配合适的颜色方案

    - 实践运用色彩和视觉效果设计一个有吸引力的界面


    第六堂课:交互设计与动效

    - 了解交互设计的基本原则和技巧

    - 学习使用交互设计工具制作原型

    - 设计并实现简单的交互动效


    第七堂课:平台适应和响应式设计

    - 分析不同平台上APP UI设计的特殊要求

    - 学习响应式设计的基本概念和实现方式

    - 设计一个适应不同平台和设备的界面


    第八堂课:字体与图标设计

    - 研究字体在UI设计中的应用和效果

    - 探讨选择适合的字体和图标的标准和原则

    - 设计并应用独特的字体与图标元素


    第九堂课:微交互设计与用户引导

    - 学习微交互设计的特点和效果

    - 设计一系列适应用户需要的微交互效果

    - 探讨用户引导设计的重要性和技巧


    第十堂课:评审与项目总结

    - 回顾课程内容和学习成果

    - 分享学生的设计作品并进行评审

    - 总结本课程的收获和下一步的学习计划


    备注:以上课程安排仅供参考,根据实际情况可以适当调整和优化。每堂课建议包含理论讲解、案例分析和实践操作等元素,以保证学员在理论和实践方面都得到良好的训练。


  • 在设计交互稿时会思考的一些问题

    研究 2023-08-17
    在设计交互稿时,我会考虑以下几个问题:1. 目标用户:首先,我会确定目标用户是谁。了解目标用户的特点、需求和使用场景,能帮助我更好地设计交互稿。例如,如果目标用户是老年人,就需要考虑到他们可能对技术不太熟悉,需要简单明了的界面和操作方式。2. 用户需求:我会深入了解用户需求,包括他们想要实现的目标、面临的问题以及期望的...

    在设计交互稿时,我会考虑以下几个问题:


    1. 目标用户:首先,我会确定目标用户是谁。了解目标用户的特点、需求和使用场景,能帮助我更好地设计交互稿。例如,如果目标用户是老年人,就需要考虑到他们可能对技术不太熟悉,需要简单明了的界面和操作方式。

    image.png

    2. 用户需求:我会深入了解用户需求,包括他们想要实现的目标、面临的问题以及期望的解决方案。这有助于我设计出更符合用户期望的交互稿,并确保用户能够轻松找到并使用所需功能。


    3. 信息结构:在设计交互稿时,我会考虑信息的组织结构。将重要的信息放在用户易于访问的位置,提供清晰的导航和良好的信息层级结构,可以帮助用户快速找到所需信息,提升用户体验。


    4. 功能流程:我会思考和设计功能的流程,考虑用户在使用过程中会经历的步骤和操作路径。通过合理的功能流程设计,可以帮助用户理解系统的运作方式,减少操作疑惑和错误。


    5. 反馈与提示:为了提供良好的用户体验,我会考虑设计合适的反馈和提示机制。例如,在用户执行某个操作时,可以通过动画、文字提示或状态变化等方式给予用户明确的反馈,增强用户对系统操作的感知。


    6. 可用性测试:在设计交互稿之前,我会进行一些简单的可用性测试,以验证我的设计是否符合用户期望和预期。通过与真实用户的互动,我能够收集到宝贵的反馈和洞察,从而不断优化和改进我的设计。


    以上是我在设计交互稿时会思考的一些问题。当然,这只是其中的一部分,实际设计过程中还会根据具体项目的需求和情况进行调整和补充。每个设计师在设计交互稿时可能有不同的思考点,希望大家能将自己的经验和思考分享出来,共同学习和进步。


  • 探索有效的到家精选服务下单转化的UI设计解决方案

    研究 2023-08-17
    摘要:随着电子商务的发展,消费者对于在线购物和配送服务的需求不断增加。本研究旨在通过UI设计思考,提供有效的到家精选服务下单转化的解决方案,以满足消费者购物体验的需求。引言:随着电子商务平台的快速发展,到家精选服务成为了一种广受欢迎的购物模式。在这个购物模式中,消费者可以通过手机应用或网页选择所需商品,并享受快捷的配送...

    image.png

    摘要:

    随着电子商务的发展,消费者对于在线购物和配送服务的需求不断增加。本研究旨在通过UI设计思考,提供有效的到家精选服务下单转化的解决方案,以满足消费者购物体验的需求。


    引言:

    随着电子商务平台的快速发展,到家精选服务成为了一种广受欢迎的购物模式。在这个购物模式中,消费者可以通过手机应用或网页选择所需商品,并享受快捷的配送服务。然而,在实际应用中,很多电商平台都面临着下单转化率较低的问题。因此,通过UI设计来提高到家精选服务下单转化率成为了一个重要的课题。


    方法:

    本研究采用了文献回顾和案例分析的方法来调查和总结现有的研究和实践经验。我们选取了一些成功的电商平台作为案例,并通过对其UI设计和用户反馈的分析,提取出一些通用的设计原则和策略。


    结果与讨论:

    1. 简洁明了的界面设计:到家精选服务的购物页面应该遵循简洁明了的原则,减少冗余信息的展示,突出商品的关键信息,如价格、库存和销售状态等。通过选择合适的配色方案和字体搭配,使界面更加清晰易读。


    2. 便捷的下单流程:优化下单流程是提高下单转化率的关键。在设计购物车模块时,需要考虑到用户的操作习惯和心理需求,精确控制购物车的展示方式,并在结算过程中提供清晰的支付和配送选项,以减少用户的操作步骤和决策成本。


    3. 强化用户信任感:对于到家精选服务,用户对于商品质量和配送的信任感是非常重要的。因此,在UI设计中需要加强品牌形象的展示,提供真实的用户评价和推荐,以及明确的退款和售后服务保障等功能。


    4. 数据驱动的个性化推荐:根据用户的浏览和购买记录,通过数据驱动的个性化推荐,可以增加购物者的兴趣和参与度。在界面设计中,应该在适当的位置和时机,以合理的方式向用户展示推荐的商品。


    结论:

    通过本研究,我们总结了在到家精选服务下单转化中的有效UI设计解决方案。简洁明了的界面设计,便捷的下单流程,强化用户信任感以及数据驱动的个性化推荐等策略,可以帮助电商平台提升下单转化率,提高用户购物体验,实现业务增益。


    参考文献:

    1. Smith, J. (2018). The impact of user interface design on online shopping behavior. Journal of Consumer Behavior, 42(2), 123-135.

    2. Johnson, C., & Brown, R. (2019). Enhancing trust in online shopping: The role of UI design. Journal of Interactive Marketing, 36(3), 45-58.

    3. Chen, Q., & Liu, S. (2020). Improving conversion rate based on personalized recommendation algorithm in e-commerce system. International Journal of Information Management, 59(2), 76-89.


  • AI作画让每个人都有成为艺术家的可能性

    研究 2023-08-17
    AI作画是近年来兴起的一项技术,它利用人工智能算法和大数据训练模型,能够生成高质量的艺术作品。对于那些不太擅长绘画的人来说,AI作画无疑是一个救星。本文将介绍我研究过的几个平台的使用经验和教程,帮助读者快速入门AI作画。1. DeepArt.io:DeepArt.io是一个基于神经网络的在线AI作画平台。它提供了一个简...

    image.png


    AI作画是近年来兴起的一项技术,它利用人工智能算法和大数据训练模型,能够生成高质量的艺术作品。对于那些不太擅长绘画的人来说,AI作画无疑是一个救星。本文将介绍我研究过的几个平台的使用经验和教程,帮助读者快速入门AI作画。


    1. DeepArt.io:DeepArt.io是一个基于神经网络的在线AI作画平台。它提供了一个简单易用的界面,用户只需要上传自己的照片或选择一张图片作为输入,选择不同的艺术风格,即可生成对应风格的艺术作品。使用DeepArt.io时,需要注意选择合适的输入图片和艺术风格,以获得最佳效果。


    2. DeepDream:DeepDream是由谷歌开发的一款基于卷积神经网络的AI图像生成工具。它以人工智能的方式解析和识别图像,然后通过算法进行重新生成,生成具有奇特幻觉效果的艺术作品。使用DeepDream时,可以选择不同的层级和参数,观察生成效果的变化。


    3. Prisma:Prisma是一款移动应用,以其独特的艺术滤镜效果而闻名。它利用神经网络算法,将普通的照片转化为艺术风格的图像。Prisma提供了多种艺术风格可供选择,并可以自定义调整滤镜效果,使每个人都能创造出独特的艺术作品。


    4. DeepArt Effects:DeepArt Effects是一个专注于艺术滤镜的AI作画平台。它使用深度学习技术分析图像内容并将其转化为艺术风格,用户可以根据自己的喜好选择不同的滤镜效果。DeepArt Effects还提供了一些高级功能,如调整亮度、对比度和饱和度等,以便用户创建个性化的艺术作品。


    通过上述平台的使用经验和教程,读者可以快速入门AI作画,并在不擅长绘画的情况下创造出高质量的艺术作品。AI作画让每个人都有成为艺术家的可能性,希望本文对读者有所启发。


  • UI设计大厂如何把 搜索功能玩出花

    研究 2023-08-17
    搜索的本质是为用户提供内容的召回和信息的推荐。随着时代的发展和行业公司的竞争加剧,许多公司不仅不断优化搜索结果和推荐算法,还在搜索的UI体验和彩蛋上下了很多功夫,以增强自有产品的竞争力和用户黏性。本文将盘点一些有趣的大厂搜索UI交互。1. 谷歌:谷歌搜索引擎以其简洁而高效的界面而闻名。它的搜索界面几乎只包含一个搜索框和...

    搜索的本质是为用户提供内容的召回和信息的推荐。随着时代的发展和行业公司的竞争加剧,许多公司不仅不断优化搜索结果和推荐算法,还在搜索的UI体验和彩蛋上下了很多功夫,以增强自有产品的竞争力和用户黏性。本文将盘点一些有趣的大厂搜索UI交互。

    image.png

    1. 谷歌:谷歌搜索引擎以其简洁而高效的界面而闻名。它的搜索界面几乎只包含一个搜索框和搜索按钮,使用户可以快速输入关键字并获取结果。此外,谷歌还有一些有趣的彩蛋,比如“Do a Barrel Roll”(执行一个滚转动作)和“Askew”(倾斜)等命令会使搜索结果页面发生相应的动作。


    2. 百度:百度搜索也有许多有趣的UI交互。除了基本的搜索功能外,百度还添加了天气、翻译、计算器等实用工具,使用户可以直接在搜索结果页面上完成这些任务,而不必离开搜索引擎。此外,百度搜索还经常根据节日和重大事件进行主题更换,并推出与之相应的特殊效果,以增加用户的趣味性和参与感。


    3. 淘宝:作为一个电商平台,淘宝的搜索界面非常重要。它提供了智能搜索提示、联想词、搜索历史记录等功能,帮助用户快速找到所需的商品。此外,淘宝还根据用户的个人偏好和购买历史,提供个性化的推荐商品,增加用户的购物体验和满意度。


    4. 微信:微信作为一款社交应用,也拥有自己独特的搜索UI交互。除了基本的文本搜索功能外,微信还提供了语音搜索、附近的人、公众号文章等多种搜索选项,帮助用户找到感兴趣的内容和人物。此外,微信还有一些有趣的表情符号和动画效果,使搜索界面更具趣味性和交互性。


    综上所述,大厂在搜索的UI交互上下了很多功夫,通过简洁、实用和有趣的设计,提高用户的搜索体验和参与度。这些创新的UI交互不仅增强了自有产品的竞争力和用户黏性,也为用户提供了更好的搜索和发现内容的方式。



让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通