首页

手机界面设计常见的问题

蓝蓝设计的小编

在如今这个数字化的时代,手机已经成为我们生活中不可或缺的一部分。然而,在手机界面设计方面,仍然存在着一些常见的问题,影响着用户的使用体验。

手机界面设计需要考虑的因素

蓝蓝设计的小编

在这个智能手机几乎人手一部的时代,手机界面设计的优劣直接影响着用户的使用体验。那么,在进行手机界面设计时,究竟需要考虑哪些因素呢?

手机界面设计的主要内容都包括什么

蓝蓝设计的小编

在如今这个智能手机普及的时代,手机界面设计的重要性日益凸显。一个出色的手机界面不仅能提供便捷的操作体验,还能给用户带来愉悦的视觉享受。那么,手机界面设计的主要内容究竟都包括什么呢?

深 UIUE设计:打造沉浸式用户体验的艺术

蓝蓝设计的小编

在数字化的时代浪潮中,UIUE 设计已不再仅仅是关于界面的美观和功能的实用,它更是一门打造沉浸式用户体验的艺术。

UIUE设计洞察:从用户需求出发的创新之道

蓝蓝设计的小编

在当今竞争激烈的数字化世界中,UIUE 设计已成为产品脱颖而出的关键因素。而真正成功的 UIUE 设计,往往源自对用户需求的深刻洞察,以此开启创新的大门。

聚焦UIUE设计:创造卓越用户交互的智慧法则

蓝蓝设计的小编

在当今数字化的时代,用户对于产品的体验要求越来越高,UIUE 设计成为了决定产品成功与否的关键因素之一。聚焦 UIUE 设计,探索其中创造卓越用户交互的智慧法则,具有至关重要的意义。

UIUE设计前沿:引领未来界面的潮流风向

蓝蓝设计的小编

在科技飞速发展的当下,UIUE设计正以前所未有的速度演进,不断引领着未来界面的潮流风向,为我们的数字生活带来全新的体验和变革。

解析 UIUE设计:塑造完美数字交互的关键策略

蓝蓝设计的小编

在数字化浪潮汹涌澎湃的今天,用户对于数字产品的体验要求越来越高。UIUE 设计,作为塑造完美数字交互的关键,正发挥着举足轻重的作用。

以B端小二拣货场景为例 - 视觉思维在交互体验中的运用

ui设计分享达人

在当今时代,现代 UI 用户交互体验设计具有极为重要的地位。它绝非仅仅局限于单向的视觉设计,也不是单纯地围绕用户的可用性进行研究设计。实际上,如今的 UI 用户交互体验设计已经对视觉与可用性操作提出了更高层次的混合化要求。
对于现代的 UI 设计而言,我们需要从多个角度进行更进一步的深入解读。这不仅涉及心理学方面,去探究用户的心理需求和行为模式,以便更好地满足他们的期望;还涵盖视觉设计领域,通过精心打造的视觉元素,吸引用户的注意力并传达有效的信息;同时也不能忽视交互设计,确保用户在与界面进行互动时能够获得流畅、便捷的体验。
而将视觉思维理论应用于新一代的 UI 交互设计,则具有重大的意义。通过这种方式,用户能够凭借敏锐的视觉,灵敏地捕捉到屏幕上的信息轨迹。大脑可以快速地从不同抽象平面水平上获取意象,实现表象形态感知与抽象思维的紧密连接。这样一来,用户便能够高效地获取有效的视觉信息,从而提升整体的交互体验。无论是在工作场景中还是在日常生活中,一个优秀的 UI 交互设计都能够为用户带来极大的便利和愉悦感。
今天我们先介绍下理论知识,然后将产品设计案例结合(视觉思维分析模式的具体应用方法)来告诉大家怎么应用,希望可以帮助到大家。
 
开始话题前我们需要了解格式塔心理学是什么
我相信格式塔心理学大家都听过,主流对于格式塔心理学的观点是:格式塔心理学强调经验和行为的整体性,认为整体不等于部分之和,意识不等于感觉元素的集合,行为不等于反射弧的循环。它主张心理现象最基本的特征是在意识经验中所显现的结构性或整体性,反对构造主义心理学把心理现象分析为简单的元素,认为心理现象是一个整体,一种有组织的完整结构。
主要原则
1.接近性原则
在知觉过程中,距离相近的物体容易被知觉为一个整体。例如,在一张纸上分布着一些点,距离较近的点更容易被看作一组。
接近性原则图例
接近性原则图例
 
2.相似性原则
具有相似特征的物体容易被知觉为一个整体。比如,颜色、形状、大小等相似的图形更容易被组合在一起进行认知。
相似性原则图例
相似性原则图例
 
3.连续性原则
在知觉过程中,人们倾向于将具有连续性的物体知觉为一个整体。例如,一条曲线即使中间有部分被遮挡,人们也会倾向于将其看作是连续的整体。
连续性原则图例
连续性原则图例
 
4.闭合性原则
人们倾向于将不完整的图形知觉为完整的图形,即通过心理上的补充使图形达到闭合。比如,一个有缺口的圆形,人们往往会自动脑补出完整的圆形。
闭合性原则图例
闭合性原则图例
 
对设计领域的影响
以上是大家所了解对的,而对于设计于界面设计、图形设计、用户体验设计都有影响:
  1.  
    界面设计:在网页设计和移动应用界面设计中,格式塔心理学的原则被广泛应用。例如,通过合理布局元素,利用接近性和相似性原则将相关的内容组合在一起,使用户能够更快速地理解和操作界面。颜色的相似性可以用来区分不同的功能模块,提高界面的可读性和易用性。
  2.  
    图形设计:设计师常常运用闭合性原则创造简洁而富有吸引力的图形。利用连续性原则可以引导用户的视线,创造出动态和富有节奏感的设计作品。
  3.  
    用户体验设计:格式塔心理学有助于设计师理解用户如何感知和理解复杂的信息环境。通过创造整体的、有组织的设计,可以提高用户的满意度和使用效率,减少认知负担。
界面设计图例
界面设计图例
 
鲁道夫・阿恩海姆的格式塔心理学理论中提出了四种 “力” 的概念,GUI 设计师对其在界面中的角色进行了深入阐释。
第一种力是由视觉对象的外在形状和构造所生成的力。
例如,独特的图标设计通过其具象的形态传达出明确的语意,让用户能够迅速理解其功能。这种力如同一个无声的向导,引领用户在界面中准确地找到所需的操作。
第二种力是物体间或物体各部分之间的聚合张力。
它虽有强度但没有特定方向,就像界面中各个元素紧密结合,形成一个有机的整体。各个组件相互呼应,共同营造出和谐统一的视觉氛围,增强了用户对界面的整体认知。
第三种力是在视觉对象中知觉到的有方向性的张力。
其载体具有一定的 “动力”,表现为具有方向标识性意识的标识及层级关系。比如,清晰的导航箭头或色彩渐变,引导用户在界面中进行有序的浏览和操作,确保用户不会迷失方向。
第四种力主要是指视觉式样本身及其组合所形成的视觉冲击力。
在界面中,涵盖引导性的动态效果可以吸引用户的注意力,激发用户的探索欲望。例如,微妙的动画效果或交互反馈,为用户带来更加生动的体验。
四种 “力” 的概念
四种 “力” 的概念
 
这四种力是 GUI 设计中讨论视知觉的核心内容。
它们是形状、颜色和运动的固有属性,并非观赏者凭借记忆中的想象强加给知觉对象的。阿恩海姆将格式塔心理美学视为一种
“视知觉形式完形理论”
在 UI 设计中,以格式塔心理美学为指导,视觉上的 “完形” 形式生成机制发挥作用。用户在设计师精心构建的色彩图形语言引导下,无意识地进行目的性的视知觉形式达成。这种方式为无缝接入交互提供了卓越的解决方案。
在 UI 设计中运用格式塔心理学,为人机互动形式的形成和建构提供动力机制引导,让我们对格式塔心理美学有了全新的理解。它不仅提升了界面的美观度,更重要的是增强了用户体验,使界面更加直观、易用。通过合理运用格式塔心理学的原理,设计师可以创造出更具吸引力和功能性的 UI 设计,为用户带来更加愉悦的交互体验。
 
视觉思维
人类对于艺术的感知与生俱来,积极主动。对于现代优秀交互设计师而言,掌握并了解人类视觉的基本原理是必备素养之一。视觉思维与人类的生理和心理因素紧密相连。
1.生理方面看
这与我们的感官系统及其特性息息相关。人类的视觉系统犹如一条完整的视觉分析链,涵盖了眼球、大脑皮层以及它们之间的视觉传导路径。
视觉大脑皮层位于大脑后端,围绕枕叶的距状裂周围分布。其中,V1 区和 V2 区主要负责一系列特征处理,V4 区承担图案模式处理工作,而前脑叶和中脑则负责高层注意力的控制。信息由皮层 V1 通过两条线路进行输送。第一条路线为背侧流,即位置通道,从 V1 传输至 V2,再进入 V5,最后抵达顶下小叶,此段主要处理视觉的空间位置信息以及相关的运动和控制部分。第二条线路为内容通道,从 V1 到 V2 和 V4,最后进入下颞叶,用于物体的识别和长期记忆。
大脑皮层图例
大脑皮层图例
 
2.心理方面看
视觉思维与人类的现有生存条件以及以往的生活经验紧密相关。生理与心理因素相互作用,形成了独特的视觉思维特性。
多年来,艺术、设计心理学家在对人脑及其视觉生理机制的研究上取得了显著进展。在视觉艺术作品中,一系列色彩、图形和空间关系的呈现,都是视觉艺术家经过反复斟酌的结果。他们思考着哪种颜色和图形会更加醒目,如何合理组织空间,以及在何种情况下应该用图像代替文字来表达概念。这样经过深思熟虑的作品,能够有效规避人类视觉的弱点,充分激发用户对主体的能动性和创造性认识,让观赏者和使用者获得愉悦的视觉体验。这种主动的视觉感知能够更好地传达作品所要表达的思想与内涵。
如果设计师能够深入了解并分析用户的视觉系统和心理,就能设计出更符合目标用户需求的 UI 交互产品。例如,通过对用户视觉注意力的研究,设计师可以在界面中合理布局关键元素,使其更容易被用户察觉。同时,根据用户的色彩偏好和心理预期,选择合适的色彩方案,营造出舒适的视觉氛围。此外,设计师还可以利用用户对图形的认知习惯,设计简洁明了的图标和界面元素,提高用户的操作效率。总之,对视觉思维的深入理解和运用,将为 UI 设计带来更多的创新和突破。
 
UI 设计中的视觉设计
人类的感知系统丰富多彩,主要分为听觉、味觉、视觉、触觉、嗅觉这五大类别。其中,令人惊叹的是,高达 90% 的感知竟然来源于视觉系统。这一特性使得界面产品的设计紧紧围绕着用户利用视觉刺激思维以及人机交互细处理模式来实现人机互动,进而达成传递或获取信息的目标。
比如当下流行的各类手机 APP,以其精美的界面设计吸引着用户。当我们打开一款音乐播放软件,绚丽的色彩搭配、简洁明了的图标布局,瞬间抓住我们的眼球,让我们能够快速找到自己想听的歌曲。这就是视觉设计在人机交互中的重要作用,通过视觉刺激引导用户进行操作。
在这个过程中,我们常常能听到界面产品的开发人员发出这样的抱怨:“我们讨厌交互设计。” 而交互设计师则会坚定地表示:“我们不需要图形。” 然而,视觉设计师却往往对来自各方面的意见持相反态度,显得一厢情愿。
但事实上,视觉设计绝非孤立的存在,它是在 UI 设计中可用性和交互设计研究的综合体现。例如一些知名的电商平台,其界面设计既考虑了用户的操作便捷性,又通过精美的商品图片展示和富有创意的页面布局,满足用户的视觉需求。用户在浏览商品时,流畅的交互体验和美观的视觉效果相辅相成,提升了用户的购物体验。
视觉思维,宛如一座神奇的桥梁,将感知与思维、艺术与科学紧密地结合在一起。它能够将人类本能的视觉感知、图形设计以及视觉可视化巧妙地联系起来。在满足使用功能设计的基础上,现代 GUI 设计已然成为一种辅助交互的强大力量,它不仅能满足用户的感知需求,还能迎合审美需求以及自我实现需求,成为功能性十足的视觉设计杰作。它就像一颗璀璨的明珠,在数字世界中散发着独特的魅力,为用户带来前所未有的体验。
计算机和用户
计算机和用户
 
视觉思维在 UI 交互体验设计中的作用
在 UI 交互体验设计中,我们确实应当将这样的交互设计视作用户对品牌的认知工具和用于信息传递的重要渠道。
从处理平面图像的角度来看,人类的大脑具有强大的能力,能够在一定程度上通过思维进行心智图像的建立。想象一下,当我们在脑海中构思一幅美丽的风景或者一个复杂的场景时,各种元素在思维的画布上逐渐清晰起来。然而,当这些图像被纸张、荧幕等媒介物表现出来时,情况又发生了变化。我们能够把网页、图标、信息图表等可视化指令经过视觉思维的处理过程,快速地解决问题。比如,当我们浏览一个设计精美的网页时,清晰的布局、醒目的图标和直观的信息图表能够迅速引导我们找到所需的内容,让我们在短时间内获取关键信息。
而在 UI 交互体验设计中,“视觉思维” 手段更是发挥着独特的作用。它能够帮助用户提前整理视觉引导任务,为用户的交互之旅提供清晰的方向。不同的用户有着不同的需求和偏好,“视觉思维” 可以根据这些差异增加视觉注意力的多样性。对于喜欢简洁风格的用户,简洁明了的界面设计和少量但突出的视觉元素能够吸引他们的注意力;而对于追求丰富体验的用户,多彩的色彩搭配和动态的视觉效果则更能满足他们的需求。这样的差异化设计使得不同类型的用户都能在交互过程中找到满足自己需求的视觉引导。
同时,“视觉思维” 能使人类本能的认知线索在视觉图形语言处理中直接快速切换。在用户潜意识的情况下,利用用户自身的视觉引导去完成交互任务,大大缩短思考的时间。例如,在一款游戏应用中,巧妙的色彩变化和图形动画可以在用户不经意间引导他们进行操作,让他们在享受游戏的过程中自然地完成各种交互任务,而不会感到繁琐和困惑。
总之,在 UI 交互体验设计中,“视觉思维” 以其独特的优势成为了连接用户与品牌、实现信息高效传递的关键手段。通过差异化的设计和巧妙的视觉引导,它为用户带来了更加便捷、愉悦的交互体验。
 
成功运用 “视觉思维” 的 UI 交互体验设计案例
一、苹果 iOS 系统
苹果的 iOS 系统以其简洁、美观的界面设计而闻名。图标设计简洁直观,色彩搭配和谐,能够让用户一眼就识别出不同的应用功能。例如,相机图标是一个逼真的相机造型,让人一看就知道其功能。在交互过程中,动画效果流畅自然,如打开应用时的渐显效果、关闭应用时的收缩效果等,这些动画不仅增加了视觉吸引力,还为用户提供了操作反馈,引导用户的视觉注意力,让用户在操作过程中更加流畅和舒适。
二、Airbnb
Airbnb 的界面设计充满了故事性和吸引力。在首页,精美的图片展示了各种独特的房源,吸引用户的目光。图片的选择和排版都经过精心设计,能够让用户快速了解房源的特色。在搜索结果页面,清晰的布局和简洁的信息展示让用户能够轻松比较不同房源的价格、位置等关键信息。同时,地图视图的交互设计也非常出色,用户可以通过拖动地图直观地查看不同地区的房源分布,这种视觉引导方式大大提高了用户的搜索效率。
三、微信
微信的界面简洁易用,图标和文字的搭配恰到好处。绿色的主色调给人一种清新、舒适的感觉。在聊天界面中,不同类型的消息有不同的显示方式,如文字、图片、语音等,让用户能够快速区分。朋友圈的设计也充分运用了视觉思维,用户可以通过图片、视频等多种形式分享自己的生活,点赞和评论的互动方式也通过视觉效果进行了明确的提示,增加了用户之间的互动和交流。
 
用户交互体验设计过程中的视觉思维
为了更好地体现用户交互性能,我们确实需要在整个用户交互体验设计过程之中引入视觉思维分析模式来规范指导设计。这一模式就如同一位智慧的导航者,引领着设计的方向,确保每一个环节都能最大程度地满足用户的需求和期望。
对整个设计过程中一系列层级结构进行视觉归纳,是一项至关重要的任务。
从 UI 设计过程中最初的方案构架开始,就如同搭建一座宏伟建筑的基石,需要深思熟虑。设计师要以视觉思维为导向,考虑如何让方案构架既具有创新性又符合用户的使用习惯。草图阶段,则是将创意初步呈现在纸上的过程,此时要充分发挥视觉思维的作用,捕捉那些瞬间的灵感,用简洁而有力的线条勾勒出未来产品的轮廓。
动态 layout 的设计更是离不开视觉思维,它要让页面的布局在动态变化中保持流畅和自然,给用户带来舒适的视觉感受。而后期特效的安排,则如同为产品披上一件华丽的外衣,需要恰到好处地运用,既不能过于耀眼而分散用户的注意力,也不能过于平淡而无法引起用户的兴趣。
例如,如何使整个方案更符合目标用户的色彩定位,这是一个需要深入思考的问题。
不同的用户群体对色彩有着不同的偏好和情感反应。设计师要通过对目标用户的调研和分析,了解他们的文化背景、年龄层次、性别差异等因素,从而确定最适合的色彩方案。比如,对于年轻的用户群体,可能更倾向于鲜艳、活泼的色彩;而对于商务用户,则可能更喜欢稳重、大气的色彩。通过精准的色彩定位,能够让用户在第一时间对产品产生好感。
如何让复杂的层级关系在视觉上显示得更为简单且明朗化,也是视觉思维分析的要点之一。
结合设计认知心理学总结出一套适合当前项目的用户交互体验设计的视觉规范,是实现优秀设计的关键。设计认知心理学研究人类在设计过程中的认知和心理活动,它可以为设计师提供宝贵的理论支持。设计师可以借鉴设计认知心理学的研究成果,制定出符合用户认知习惯的视觉规范。比如,遵循简洁性原则,避免过多的视觉干扰;运用一致性原则,让用户在不同的页面和功能模块中都能保持一致的视觉体验;注重可读性原则,确保文字和图标易于识别和理解。通过建立一套科学合理的视觉规范,能够提高设计的效率和质量,为用户带来更加出色的交互体验。
下面介绍下我在过往项目中的实际案例,看看如何处理复杂的视觉层级
 
案例分享
首先我们了解一下背景:
盒马店仓拣货是门店仓储作业中的一个重要环节,员工需要用到PDA实时接收仓储系统分配的拣货任务,并为拣货员提供清晰的任务指引,包括商品的位置、数量等信息,它就像一个智能导航仪,指引拣货员快速找到目标商品,PDA中就需要进行界面设计,保证拣货员能高效的完成任务,但是实际仓的环境是极其复杂的,往往店仓环境较为昏暗且存在温差,同时拣货员往往是边走边拣货,整体过程是非常紧张和匆忙的,这就对视觉识别效率要求非常高。
拣货员的具体工作流程如下:
1.接收订单:当顾客在盒马 APP 上下单后,订单信息会同步传输到门店的仓储系统。
2.拣货任务分配:仓储系统根据订单内容,将拣货任务分配给相应的拣货员,并将任务信息发送到拣货员手中的 PDA(掌上电脑)设备上。例如,某顾客下单购买了苹果、牛奶和面包,系统就会指示拣货员去相应的区域拣取这些商品。
3.商品拣选:拣货员根据 PDA 上的指示,前往指定的货架区域。通过 PDA 扫描货架上商品的条形码或二维码,确认商品信息无误后,将商品拣选出来放入拣货篮或推车中。在拣货过程中,拣货员需要严格按照商品的数量和规格进行拣选,避免出现错拣、漏拣的情况。
4.复核与打包:拣货完成后,拣货员将拣选好的商品送到复核区,由复核人员对商品进行再次核对,确保商品的种类、数量、质量等与订单一致。复核无误后,根据商品的特性和订单要求进行打包,例如,对于生鲜商品需要使用特殊的包装材料和方式,以保证商品的新鲜度和品质1。
5.出货:打包完成的商品被放置在出货区,等待配送人员前来取货,进行后续的配送环节,确保商品能够及时、准确地送达顾客手中。
在这个过程中我们可以发现从“行为、感受、环境、设备”几个维度来看,我们需要关注的点是非常多的,如下面所示我们需从效率和步骤感入手,保证界面清晰无障碍的基础上对小小的屏幕进行占比的优化,同时加入情感化和温度感,这是最理想的设计目标。
设计前需关注的内容
设计前需关注的内容
 
提炼设计目标和原则
提炼设计目标和原则
 
对目标用户群体进行深入调研,了解他们的年龄、性别、职业、文化背景等基本信息。
这些因素会影响用户对色彩、图形、布局等视觉元素的偏好。分析用户的视觉感知优势和弱势。例如,对于老年用户,可能需要更大的字体和更鲜明的色彩对比;对于视力受损的用户,可能需要高对比度的界面和清晰的图标。通过用户访谈、问卷调查、观察等方法,收集用户对现有产品或类似产品的视觉反馈,了解他们的喜好和不满之处,为后续设计提供依据。
色彩定位根据目标用户群体的特点和产品的定位,确定合适的色彩方案。
色彩可以传达不同的情感和氛围,如蓝色通常给人沉稳、可靠的感觉,红色则充满活力和激情。考虑色彩的对比度和可读性。高对比度的色彩组合可以提高文字和图标的清晰度,便于用户阅读和识别。同时,要确保色彩在不同的设备和环境下都能保持良好的显示效果。
 
设计规划阶段(视觉层研究)
方案构架运用视觉思维,从整体上规划产品的架构和布局。考虑用户的使用流程和场景,将功能模块进行合理的分组和排列,使界面简洁明了,易于导航。确定主要的视觉焦点和引导路径。通过大小、颜色、位置等方式突出关键信息和重要操作,引导用户的注意力,提高交互效率。
功能色视觉研究保证视觉可读性和清晰性
功能色视觉研究保证视觉可读性和清晰性
 
中性色研究 保证对比度清晰可读
中性色研究 保证对比度清晰可读
 
字号字阶优化
字号字阶优化
 
设计实施阶段
特效应用谨慎地选择和应用特效,如阴影、渐变、发光等。特效可以增强界面的视觉吸引力,但过多或不当的使用可能会导致视觉混乱和性能问题。考虑特效对用户操作的引导作用。例如,使用特效来突出可点击的区域或提示重要信息,可以提高用户的交互体验。
通过视觉明确任务
通过视觉明确任务
 
时效思考
时效思考
 
设计方案
设计方案
 
测试评估阶段
  1.  
    用户测试邀请目标用户进行用户测试,观察他们在使用产品过程中的视觉反应和行为。注意用户对不同视觉元素的关注程度、理解程度和操作效率。收集用户的反馈意见,了解他们对界面设计的满意度和改进建议。根据用户的反馈,及时调整和优化设计。
  2.  
    数据分析利用数据分析工具,收集用户在使用产品过程中的行为数据,如点击次数、停留时间、页面跳转路径等。通过分析这些数据,可以了解用户的视觉注意力分布和交互习惯,为进一步优化设计提供依据。
方案调研
方案调研
 
方案验证可行
方案验证可行
 
组件沉淀
对设计组件进行沉淀和归纳,同时定义好设计样板间。
  1.  
    组件识别,需要对已有的设计项目进行全面梳理,识别出其中重复出现的元素和模块。这些元素可以包括按钮、输入框、图标、导航栏、卡片等。例如,在一个电商网站的设计中,商品展示卡片、购物车按钮、搜索框等都是常见的组件。同时,也要关注不同项目中具有相似功能或外观的元素,它们可能经过适当调整后可以归纳为同一类组件。比如,不同页面的提示信息框,虽然在内容和位置上有所不同,但在风格和交互方式上可能具有共性。
  2.  
    规范制定对识别出的组件进行规范制定,包括尺寸、颜色、字体、间距等方面的统一规定。例如,确定按钮的标准尺寸、颜色搭配和文字样式,确保在不同的页面和场景中都能保持一致的外观和交互效果。制定组件的使用规范,明确在什么情况下应该使用哪种组件,以及如何进行组合和布局。例如,规定导航栏的位置和结构,以及不同级别页面的导航方式。
  3.  
    分类整理将规范后的组件进行分类整理,建立一个清晰的组件库。可以按照功能、类型或使用场景进行分类,方便设计师在后续的设计中快速查找和使用。比如,将组件分为界面组件(如按钮、输入框等)、交互组件(如弹窗、下拉菜单等)、布局组件(如网格系统、分栏布局等)。
  4.  
    持续更新随着设计项目的不断进行,新的组件可能会不断出现,旧的组件也可能需要进行优化和调整。因此,需要建立一个持续更新的机制,定期对组件库进行审查和更新,确保组件库始终保持活力和实用性。
以B端小二拣货场景为例 - 视觉思维在交互体验中的运用
 
 
 
总结:
在现代的 UI 设计中,往往存在着众多的功能模块和信息层级。如果处理不当,就会让用户感到混乱和困惑。设计师可以运用视觉层次、分组、对比等手法,将复杂的层级关系进行梳理和简化。例如,通过不同的字体大小、颜色深浅、图标形状等方式来区分不同的层级,让用户能够轻松地理解和操作。
如何保证特效的使用恰到好处,不会引起用户的使用误解,同样需要设计师的精心考量。特效可以为产品增添趣味性和吸引力,但如果使用不当,就会适得其反。设计师要根据产品的特点和用户的需求,合理地选择特效的类型和强度。比如,在一些需要强调操作反馈的地方,可以使用适度的动画特效,让用户清楚地知道自己的操作是否成功;而在一些重要的信息展示区域,则要避免使用过于花哨的特效,以免干扰用户的阅读。
设计师不仅需要对人类视觉系统有一定的了解,同时也需要对目标用户视觉感知的优势和弱势进行分析和归纳。人类的视觉系统是一个复杂而神奇的系统,它有着自己的特点和规律。设计师要了解人类视觉的注意力机制、色彩感知、空间感知等方面的知识,以便更好地运用视觉元素进行设计。同时,不同的目标用户群体在视觉感知方面也存在着差异。比如,老年人可能对色彩的对比度要求更高,而视力有障碍的用户则需要更加清晰的文字和图标。设计师要通过对目标用户的视觉感知优势和弱势进行分析,制定出相应的设计策略,确保产品能够满足不同用户的需求。
谢谢!
 
 



作者:小鸡小小小小鸡
链接:https://www.zcool.com.cn/article/ZMTYzMzYzNg==.html
来源:站酷

 

 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

WechatIMG27.jpg

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

 

B端产品设计优化-基于用户需求调研与分析

ui设计分享达人

在当今设计和产品开发领域,用户研究扮演着不可或缺的角色。理解用户的需求、行为和体验,是设计师们打造成功产品和服务的关键步骤。
用户研究不仅是设计师和产品团队的重要工具,更是提升产品竞争力和用户满意度的关键因素。通过深入的用户研究,我们能够更准确地捕捉用户需求,创造出创新产品。
这篇文章将深入而全面的讲解用户研究的方法与具体实践,包括用户研究的重要性、用户研究的核心因素、定性定量研究方法、基于产品生命周期的用研方式、用户研究在设计流出中的具体应用等多维度探讨用户研究的核心概念及其实际应用方法,帮助读者更好地理解如何通过有效的用户研究提升产品的用户体验和市场竞争力。同时提供清晰的方法论和实际操作指南,帮助在设计和开发过程中有效地应用用户研究,实现产品与市场的良性互动与成长。
B端产品设计优化-基于用户需求调研与分析
 
 
杰夫·贝佐斯是亚马逊集团创始人,他曾说:“用户的需求是创新的源泉,只有深入了解用户,我们才能创造出真正有价值的产品。”这句话强调了用户需求在创新过程中的核心地位。
他指出,真正有价值的产品来源于对用户需求的深入了解。
也就是说,创新不是凭空产生的,而是通过仔细观察和理解用户的实际需求和问题而实现的。只有当我们真正了解用户的痛点、期望和行为模式时,才能开发出满足他们需求并解决他们问题的产品和服务。
通过以用户为中心的设计,并通过数据驱动的决策,我们可以解锁设计的无限潜力,创造出更好的产品和服务。
想让用户爱上你的产品,你必须先爱上你的用户。
B端产品设计优化-基于用户需求调研与分析
 
 
一、我作为设计师的小思考
作为设计师,过往我常常在思考:设计的价值是什么?用户体验的价值又是什么?在设计之路上不断前行的过程中,这个问题始终如影随形。
我在企业中遇到很多困惑,系统的 BUG 会造成用户体验不好,这只是其中一个方面。比如,当用户在使用一款软件时,突然出现的系统错误提示,会打断他们的操作流程,让他们感到沮丧和无奈。又或者,在一个购物平台上,如果因为系统的漏洞导致商品信息显示不准确,用户可能会对产品的质量产生怀疑,从而放弃购买。这些看似小小的 BUG,却可能对用户体验产生巨大的负面影响。
而除了系统 BUG 之外,还有很多因素也和体验有关。界面的设计是否简洁美观?操作是否便捷流畅?信息的呈现是否清晰易懂?这些都是影响用户体验的关键因素。例如,一款音乐播放软件,如果界面设计过于复杂,用户可能很难找到自己想听的歌曲;而如果操作不够便捷,比如切换歌曲需要经过多个繁琐的步骤,那么用户的使用体验也会大打折扣。
再比如,一个企业的官网,如果页面加载速度过慢,用户可能会失去耐心而直接关闭页面;如果网站的信息架构不合理,用户难以找到自己需要的内容,那么这个官网就无法发挥其应有的作用。在移动应用领域,推送通知的频率和内容也会影响用户体验。如果推送过于频繁或者内容不相关,用户可能会感到厌烦,甚至卸载应用。
总之,在设计和用户体验的领域,每一个细节都至关重要。设计师需要不断地思考和探索,如何在满足功能需求的同时,提升用户的体验,为用户创造真正有价值的产品。
 
 
二、用户研究的核心
用户研究(User Research)是一种系统性的方法,旨在通过了解用户的需求、行为、态度和痛点,来改进产品或服务的设计和功能。它通过各种研究方法,如访谈、调查、可用性测试和观察等,收集和分析用户的数据。这些数据帮助设计团队和开发者更好地理解用户,从而做出更明智的设计决策。
在实际设计和开发过程中,通过收集和分析以上信息,设计团队可以更有针对性地制定商业模式、服务方式、策略重点和盈利模式,确保产品不仅能够满足市场需求,还能够提供良好的用户体验,从而提升产品的竞争力和市场份额。
总之,用户研究的核心在于通过深入理解用户,为设计和开发团队提供关键的信息和见解,以便他们能够有效地创造出符合用户期望和需求的产品或服务。
B端产品设计优化-基于用户需求调研与分析
 
 
 
用户研究(User Research)是一种系统性的方法,旨在通过了解用户的需求、行为、态度和痛点,来改进产品或服务的设计和功能。它通过各种研究方法,如访谈、调查、可用性测试和观察等,收集和分析用户的数据。这些数据帮助设计团队和开发者更好地理解用户,从而做出更明智的设计决策。
用户研究(User Research)确实是设计和产品开发过程中至关重要的一环。它通过系统性的方法和工具,深入研究用户的目标、需求、能力以及体验,旨在指导如何优化设计、产品架构或工具,从而提升用户的工作和生活体验。
 
在进行用户研究时,主要关注以下几个方面:
1.用户体验(User Experience):
这是用户与产品或服务互动的整体感受和反应。通过用户研究,可以了解用户在使用过程中的体验如何,哪些方面需要改进,从而优化产品设计和功能。
2.用户痛点(Pain Points):
指的是用户在使用产品或服务时遇到的困难、不便或不满意的地方。通过深入了解用户的痛点,可以针对性地改进产品的功能和设计,提升用户的满意度和忠诚度。
3.用户需求(User Needs):
这是用户在特定情境下必须满足的条件或期望。通过用户研究,可以准确把握用户的需求,确保产品或服务能够有效地解决用户的实际问题。
4.用户行为和态度(User Behavior and Attitudes):
研究用户在使用产品或服务时的行为模式和心理态度,包括他们的偏好、习惯以及对新技术或设计的接受度。这些信息有助于设计团队调整产品策略和功能,以更好地迎合用户的期望和习惯。
在实际设计和开发过程中,通过收集和分析以上信息,设计团队可以更有针对性地制定商业模式、服务方式、策略重点和盈利模式,确保产品不仅能够满足市场需求,还能够提供良好的用户体验,从而提升产品的竞争力和市场份额。
总之,用户研究的核心在于通过深入理解用户,为设计和开发团队提供关键的信息和见解,以便他们能够有效地创造出符合用户期望和需求的产品或服务。
 
B端产品设计优化-基于用户需求调研与分析
 
 
B端产品设计优化-基于用户需求调研与分析
 
 
三、产品生命周期的用户研究考量
一个0-1的产品,在产品设计前,可能没有大量的用户或数据,而又需要了解用户的偏好,来定义产品需要解决的用户痛点等问题,所以需要采取一些定性研究(访谈、用户角色定义等)的方式来收集产品设计的核心需求。
1-N的产品,在产品设计前就拥有了一定比例的用户和数据,可以参考一些数据来确定产品优化的方向和指标。产品设计后,根据项目,也有两种验证方法: 一是做A/B测试,慢慢推向市场小范围收集反馈,待稳定后再大规模推向整个市场。这种做法属于定量的范畴。二是可用性测试,招募符合要求的用户来参与新产品的试用,提前设计一些任务要求用户来完成,并可以增加一些定性研究(眼动实验、用户访谈等)辅以完善。
B端产品设计优化-基于用户需求调研与分析
 
 
B端产品设计优化-基于用户需求调研与分析
 
 
 
在用户研究中,定性和定量研究恰似一对相辅相成的伙伴,二者互为补充,紧密结合使用能够为我们提供全面而深刻的用户洞察。
首先,在发现问题方面,定性研究发挥着至关重要的作用。
通过深入的用户访谈、焦点小组讨论以及实地观察等方式,我们能够走进用户的世界,聆听他们的声音,捕捉那些细微之处的潜在问题和珍贵的机会。比如,在一款新的社交软件的研发过程中,通过与用户的面对面交流,我们可能会发现用户对于隐私设置的担忧,或者对于特定功能的强烈需求,这些都是定量研究难以直接触及的领域。
接着,验证假设环节,定量研究则展现出其强大的实力。
利用大规模的数据收集和统计分析,我们可以对定性研究中发现的假设进行验证和量化。例如,我们在定性研究中发现用户对某个新功能的兴趣较高,那么通过定量研究中的问卷调查或数据分析,我们可以确定这个兴趣的具体程度以及在用户群体中的普遍性,从而为产品决策提供有力的数据支持。
最后,在迭代设计阶段,定性反馈成为了改善设计的关键。
用户的具体意见、感受和建议,能够为设计师提供精准的改进方向。同时,定量数据的评估效果也不可或缺。通过对关键指标的监测和分析,我们可以客观地评估设计迭代后的成效,如用户留存率的提升、使用时长的增加等。这样的循环往复,使得产品在不断的优化中逐渐趋近于用户的真正需求。
总之,定性和定量研究的结合,如同为用户研究搭建了一座坚实的大厦,为打造出卓越的产品和服务奠定了坚实的基础。
 
四、项目实战-星汉低代码平台基础建设 提升产品体验
1.项目介绍:
星汉低代码平台是一款将先进的AI技术与低代码开发理念完美结合的智能化开发平台
旨在通过简化且智能的开发工具
赋能开发者,提升研发效能、降低开发门槛,并增强应用效果
2.项目背景:
低代码平台去年下半年开始支撑教育数字基座应用开发助手的建设,去年主要处于内部打磨阶段,今年上半年随着应用开发助手前三单的推广,直面真实客户的需求和交付压力,暴露出来了许多问题:功能性的、非功能性(性能、安全、稳定性)、架构、协作与流程等。for商业化,为保障教育规模化交付,解决影响应用交付的基础功能问题及风格换新,包括账号权限体系、多租户与资源隔离、第三方平台对接、业务逻辑编排。基于此需求对平台的础功能进行完善,存在一下两个问题:
1.基于多租户与资源隔离问题:
无法支持多租户及多租户管理;多应用不支持共享数据、账号权限、工作流;不支持按交付项目管理和复制多个应用等。使用优先解决底层资源隔离的技术架构调整、基础项目管理产品功能,调整产品基础功能架构,租户配置、模板的措施才优化体验。
2.基于业务逻辑编排问题:
无后端(1.业务逻辑处理,2.数据处理功能)均需要硬编码;硬编码部分无法随产品升级而更新,与产品脱节需要独立维护;教育助手无法修改硬编码的逻辑,无法最终提供给信息化老师(弱开发者)修改的问题。优先解决业务逻辑脚本和SQL脚本代码在低代码平台中可留存可复用可调式的基础功能。
B端产品设计优化-基于用户需求调研与分析
 
 
3.设计目标及方法:
基于产品的背景,明确了设计目标是打造
“好用、易用”
的平台操作体验。
通过设计洞察,从易操作性、易学性和易见性的角度重新定义问题并寻求最优解决方案。
首先通过用户调研&体验度量 了解平台现状和用户痛点,然后进行竞品分析和体验自查发现问题,最后基于发现的问题明确设计优化点梳理并优化产品。
B端产品设计优化-基于用户需求调研与分析
 
 
B端产品设计优化-基于用户需求调研与分析
 
 
4.三大指标分析:
在用户体验的领域中,满意度、净推荐值和费力度这三大主观指标犹如三把衡量产品或服务质量的关键标尺。
B端产品设计优化-基于用户需求调研与分析
 
 
满意度:短期内衡量用户幸福感的用户得分
适用所有场景,适合作为补充指标做体验评估。
满意度的适用性非常高,可以用于询问用户各种问题,可以看整体的产品体验满意度,也可以看具体的某个功能的满意度。满意度能够体现出用户对产品短期内的幸福感。
满意度的缺陷是无法体现用户对产品的长期态度。
净推荐值:长期内衡量用户幸福感得分 即客户忠诚度
头部厂商常用,适用于高频高竞争对外用户的产品。
是一种计量某个客户可能会向其他人推荐某个企业或服务可能性的指数。
NPS被用于衡量目用户长期的幸福感,广泛用于互联网产品来衡量用户忠诚度。
费力度:短期内衡量用户完成任务的难易程度
主要应用于,ToB任务效率度量,相对于满意度,企业内部产品度量准确度更高。
费力度通过询问用户产品是否容易处理用户的问题,来发现用户对产品最真实的评价和用户的痛点,从而解决用户关注的问题以提升用户忠诚度。
 
4.对整体平台进行调研
对平台进行分析后总结出我们的平台更适合于用费力度进行度量,得到的结果如下
费力度度量:了解现阶段平台体验费力度情况,为提升搭建效率10%做基准线辅助定位。
体验纬度认同度度量:了解现阶段平台操作效率、容易上手、界面美观、系统稳定、功能全面五个维度的认同。
过程中发现平台整体
产品服务路径和体验非常费力,系统稳定度低
拆分操作效率、容易上手、界面美观、系统稳定、功能全面五个维度,结果认同度均低。
最低的为系统稳定度,最高的是界面美观度。
B端产品设计优化-基于用户需求调研与分析
 
 
B端产品设计优化-基于用户需求调研与分析
 
 
B端产品设计优化-基于用户需求调研与分析
 
 
B端产品设计优化-基于用户需求调研与分析
 
 
B端产品设计优化-基于用户需求调研与分析
 
 
我们的主要竞品产品是宜搭、轻流、明道云、简道云。
宜搭
:是阿里巴巴自主研发的低代码应用开发平台,基于阿里云的基础设施和钉钉的企业数字化操作系统。具有高度灵活性和适应性,支持多种应用场景和业务模式,提供丰富组件和模板,能快速构建高质量、可靠的应用。例如,在企业级通信、项目管理、客户关系管理等方面表现出色。它还具备出色的可扩展性和易维护性,可与阿里云其他产品无缝集成,实现数据共享和协同办公,同时支持自定义业务流程和数据字段。
轻流
:是一个无代码系统搭建平台,能帮助用户轻松搭建各种场景应用,如进销存、客户管理、OA 协同办公、项目管理等。其特点是操作界面简洁,通过拖拽添加字段、设置业务流、分配权限等简单操作即可让业务数据规范严谨地流转。它还支持自定义门户打造业务枢纽,实现不同业务场景,并且有多种视图类型,让业务人员以自己的方式高效工作,能够满足绝大多数企业信息化建设的需求。
明道云
:可零代码构建各种企业中后台应用,功能较为强大和灵活,例如在数据处理和分析方面有一定优势,支持复杂的业务逻辑搭建和数据整合。它提供了丰富的接口和集成能力,方便与其他系统进行对接和扩展。其应用场景广泛,涵盖了项目管理、业务流程管理、数据分析等多个领域3。
简道云
:是一个零代码应用搭建平台,以表单为核心,擅长数据的收集、整理和分析。用户可以通过拖拉拽的方式轻松创建个性化的表单,实现信息收集管理。在流程自动化方面表现突出,可视化调整业务流程,让业务处理有条不紊。同时具备领先的报表能力,支持多表数据连接、权限管理、异常报警等,能帮助用户进行高效决策,数据全打通,可消灭数据孤岛
 
我们对其视觉层的形、色、质、构,与体验层均做了详细的竞品分析
调研完成后进行视觉侧梳理优化点:基于用户原声/竞品分析/体验走查纬度等维度梳理优化点,进行设计优化。
B端产品设计优化-基于用户需求调研与分析
 
 
基于优化点对产品进行优化升级,优化了组织架构,原来我们的架构是单租户,无法支持SaaS版本多租户需求;无法支持多应用业务逻辑和数据表复用,仅通过连接器、硬编码方式联通;模版功能不完整,无法支持多应用综合解决方案的模版新建功能。通过用户调研发现用户的痛点,单租户形式影响了用户的操作效率与资源的隔离。
优化后将租户内加入项目作为资源隔离,行业或服务商可以在一个租户下管理交付给不同用户的项目,针对项目进行复制和授权;可以解决多个应用间的数据共享问题;开发者与用户账号权限分离,权限定位更加清晰减少安全风险。
B端产品设计优化-基于用户需求调研与分析
 
 
对网页栅格系统进行了规则划分,确保页面元素的对齐、平衡和一致性,主要基于的维度是:
  1.  
    提高设计效率:设计师可以依据栅格系统快速确定页面元素的位置和大小,无需反复尝试和调整,从而节省设计时间。
  2.  
    增强页面一致性:通过栅格系统,不同页面的布局可以保持统一的风格和结构,提升整个网站的视觉一致性。
  3.  
    改善用户体验:合理的栅格布局使页面更加清晰、易读,用户可以更轻松地浏览和获取信息。
我们的左侧导航比常规的更加短一些,方便用户在右侧更好的操作和筛选。同时新增了展开和收起的功能,给予用户更大的操作空间。
B端产品设计优化-基于用户需求调研与分析
 
 
基于颜色和情绪的关系,围着功能属性和特点给予了不同的颜色选择。
蓝色通常被认为是稳定、可靠和专业的颜色。因此,对于一些科技产品或金融服务,蓝色可能是一个合适的选择,因为它传达了产品的可靠性和安全性。
红色则是充满活力、激情和力量的颜色。对于一些运动品牌或能量饮料,红色可能是一个理想的选择,因为它传达了产品的活力和能量。
绿色通常与自然、健康和环保相关。对于一些食品、保健品或环保产品,绿色可能是一个合适的选择,因为它传达了产品的健康和环保特点。
B端产品设计优化-基于用户需求调研与分析
 
 
B端产品设计优化-基于用户需求调研与分析
 
 
B端产品设计优化-基于用户需求调研与分析
 
 
最后,完成了包括多租户与资源隔离、业务逻辑编排、角色权限能功能设计。
构建简洁、直观、高效且具有吸引力的用户界面,确保用户能够轻松、愉悦地完成各项操作,从而提升产品的整体用户满意度和忠诚度,为产品的成功奠定坚实的基础。谢谢。



作者:小鸡小小小小鸡
链接:https://www.zcool.com.cn/article/ZMTYzMzU2MA==.html
来源:站酷

 

 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

WechatIMG27.jpg

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档