首页

全套WEB表单设计基础

蓝蓝小助手

表单是一种用于收集用户输入的HTML元素,通常用于创建用户与网页交互的表单。表单可以包含各种输入字段,如文本框、复选框、单选按钮、下拉列表和提交按钮等。当用户填写表单并提交后,数据将被发送到服务器进行处理。在web开发中,表单是实现用户交互和数据收集的重要手段之一。

从一个UI界面设计看体验设计师要具备的基本技能

蓝蓝小助手

 
这个原型是一次UI测的作业,本身其实没有定任何的背景,让同学们自由发挥,只要能逻辑自洽那么都可以说的过去。好,大家一起来分析一下,这个案例做的怎么样。
 
如果我们给到的原型是这样的,缺失了很多重要的信息,这时候你会如何补全?如果你具备产品思维,那么你可以考虑到很多信息,如果你对这个行业和用户又更深的认识你可以补全更多信息,当然了,还是要尊重原著,既然原型给的是这样的,那么说明这个产品还是比较聚焦业务的或者说处于起步阶段,业务功能并不多,主要围绕着拍照搜题、批改、错题这样的功能来做的。
从一个UI界面设计看体验设计师要具备的基本技能
 
 
从上往下我们依次来分析功能、交互、视觉的合理性。
 
1.导航栏
从一个UI界面设计看体验设计师要具备的基本技能
 
 
1.用户头像、昵称、学年这些信息对于这个产品的用户来说其实可有可无,除非这里需要用户切换学年,但明显不是个高频的操作,所以放或者不放影响不大。搜索其实不需要做这么明显,因为关于搜题还是拍照更直接,所以搜索可以有但不需要展开。历史记录,这里基本上都是题目搜索,错题本可以直接查找到的,并不需要历史记录,可以弱化或者删除。
关于该功能是否有必要,大家只要思考是否具备业务场景和用户场景即可,具备了场景,再思考是否具备核心价值。
 
 
2.业务分流入口区
从一个UI界面设计看体验设计师要具备的基本技能
 
 
这里在原型中其实并没有体现,学员主动加上去,这个在实际工作中不需要UI设计师或者体验设计师这么去做,主要的业务功能还是要交给产品经理去研究,设计师专注体验的优化迭代和功能设计支持工作即可。那么这里我们我们就主要看看这些功能是否合理。
 
作文和计算器可以保留,口算题其实包含在一些小体量的题目类型中,如果有口算,为什么没有选择、填空、解答题呢?所以如果要放题目类型那就要放全,或者给一个题库的入口,而不是只放一个小类目。问卷条烟是临时性需求,不适合常驻。下载要看能下载什么,下载题目其实和收藏、错题本功能就重复了。
 
 
3.错题本
从一个UI界面设计看体验设计师要具备的基本技能
 
 
在原型中,错题本几乎只有这三个字有用,所以错题本要提供给用户哪些信息,需要设计师自己思考。在工作中,
产品经理一般是如何对错题本模块进行功能分析的,可以通过用户调研、竞品分析、卡片分类等方法,找到用户对错题板块的功能需求。
 
所以从学员的作业上来看,还是有很多不合理的地方,比如错题本的卡片中的信息,这里的
几个数字以及该卡片呈现出来的示能,其实效用很低。
首先该卡片没有任何可点击进入的入口,数据展示虽然也有一定的示能,但比较弱。所以问题的 本质在于你想让用户干什么,那么你就需要设计 成什么样式,同时要看这个产品的定位,比如针对全年级和学级 还是只针对小学一个学级的,那么设计策略就会不同。
 
所以 要思考关于错题本相关的更多信息,比如:
 
从一个UI界面设计看体验设计师要具备的基本技能
 
 
1.产品定位与发展时期,在产品初期、中期、后期,版块的设计策略会有很大的不同。
2.错题本应该、需要有什么功能,
比如不同类型题目的分类、收集错题、筛选错题、管理错题等等。
3.如何让用户在错题本功能中更高效的进行交互
,入口示能和意符的表达,点击进入后 的信息布局和交互流转。
4.更多的信息细节:
每一个字段信息的溯源, 比如错题收藏超过99%的用户,这个字段是想 让用户看了之后干什么,有成就感吗?好像说不通 所以如果没有存在的意义、价值和用户动机的话 就去掉。还有掌握度,这个其实没有太大的意义,错题本的初衷就是帮你去改错, 那么这里势必不可能达到100%,因为一直会有错题,所以就没必要加入这个张无毒字段了 页面下半部分中的信息要斟酌,例如重要性和星级、复习次数这些信息的存在意义
 
其实底部的筛选栏和下方的卡片也都是错题本的内容,但这样的筛选和管理效率太低了。从原型中我们可以得出,产品更希望用户之前的社交更多一些,我们暂且不论这类产品做社交的必要读,但是还是要部分尊重原型。所以错题本在首页中不要进行展开和筛选,一个是效率低,二是不符合产品策略。
 
最好的做法就是把错题本作为一个业务入口放到上面,替换口算题等不合适的入口。然后就是错题本到底应该怎么样设置交互和布局才能够高效完成用户任务。
 
从一个UI界面设计看体验设计师要具备的基本技能
 
 
1.错题分类
,这是最关键也是最开始的环节,用户查看错题首先要选择不同科目的题目。
 
2.筛选条件
,这里可能会有家长来使用,那么就会需要用到年级/学期的标签,再根据使用场景来分析还需要:掌握程度、录入时间、错题来源、错误原因、自定义标签等等。
 
3.更多场景
,除了筛选出错题外,还可以有哪些用户场景呢?例如错题拍照、题目的管理(增删改查)、错题随机重做、错题组卷等等
在课程中有教过大家一个我自创的排除法来研究页面该如何进行划分步骤,其实很简单,就是我们不停的往一个页面塞东西,如果塞不下了就另起一页。
 
从一个UI界面设计看体验设计师要具备的基本技能
 
 
 
所以在这里从错题本进入的第一页,根据用户核心使用场景我们要让用户去选择题目的板块,需要填入的就是多个不同的板块,以及题目拍照功能,如果不另起一页那么需要在这个页面中塞入具体的题目、各种筛选标签,那么,在第一页明显是不合理的,所以就要另起一页,进入不同板块题目的合集页,并且在这个页面中我们就可以实现筛选、管理、错题随机重做、组卷等共功能了。
 
好啦,这样的简单思考你学会了吗?在实际工作中要更深入的研究业务与设计策略以及用户痛点,才能更好的发挥出体验设计师的价值!
 


作者:应骏
链接:https://www.zcool.com.cn/article/ZMTYxMDgwNA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

image.png

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

image.png

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

超全面的页面分割设计指南

蓝蓝小助手

在我们界面设计中,我们应充分考虑信息条目的复杂度。当信息较为简单时,利用留白分割,能够创造出清爽且不受干扰的视觉体验。但随着信息复杂度的增加,留白分割可能不足以清晰地展现信息层次,此时,引入线性分割是一个有效策略,它能提升屏幕的利用效率,使信息条理更加清晰。

帮助用户解决B端引导体系

蓝蓝小助手

B端产品引导体系并不是单一 的某个功能,而是一种体系化的能力,旨在帮助用户更好地使用产品,是产品成功与否的关键因素之一。它通过不同的手段,如在线文档、视频教程、客服支持等,为用户提供全方位 的帮助和指导,使用户能够快速上手产品,提高工作效率。

基于手机APP界面设计中的色彩应用研究

蓝蓝小助手

随着智能手机的高度化普及,手机App已经脱离了单一的信息传递的阶段,用户对App的视觉要求越来越高。色彩在App界面设计中非常重要,对App界面设计色彩进行充分的研究,把握其色彩运用规律对App界面设计色彩的发展有着深刻的理论和实际意义。本文章总结国内外UI设计行业的发展现状和趋势,使读者对该行业有一个宏观的了解。从色彩设计的基础理论、色彩在App界面设计中的应用等方面入手。在研究了几十款国内外的成功App案例,对色彩在App界面设计中的应用和色彩感情进行分析。从而提出色彩在App界面设计中的应用方法,希望给设计师用色方向提供一些理论参考。最后笔者运用发展的眼光,对国内App界面的发展做了简单的总结和期望。

从混沌到清晰:大数据可视化设计的艺术

蓝蓝设计的小编

在当今信息爆炸的时代,数据如同汹涌的洪流,源源不断地冲击着我们的认知边界。而大数据可视化设计,恰似一位神奇的艺术家,将这混沌的数据世界转化为清晰、易懂且富有魅力的视觉盛宴。

大数据可视化设计在科学研究中的应用

蓝蓝设计的小编

在科学研究的广袤领域中,大数据可视化设计正逐渐成为探索未知、揭示真理的有力工具,为科研工作者打开了一扇洞察世界的新窗口。

大数据可视化设计能够帮助科学家更直观地理解复杂的数据。科学研究往往涉及海量且多维度的数据,例如天文观测中的星系分布、气象学中的气候模型数据、生物学中的基因序列信息等。这些数据的复杂性使得直接解读变得极为困难。通过可视化,将这些数据转化为清晰的图表、图像或动画,科学家能够迅速把握数据的整体结构和关键特征,从而更有效地发现其中的规律和趋势。

大数据可视化设计

它有助于发现隐藏在数据中的潜在关系和模式。在物理学的粒子碰撞实验中,大量的碰撞数据需要被分析。通过大数据可视化设计,将这些数据以三维空间中的粒子轨迹图呈现,科学家可能会意外地发现之前未曾注意到的粒子相互作用模式,为新的物理理论提供线索。

在医学研究领域,大数据可视化设计发挥着重要作用。例如,在疾病传播的研究中,将患者的地理位置、发病时间、传播路径等数据进行可视化,可以清晰地看到疾病的扩散趋势,从而制定更有针对性的防控策略。同样,在药物研发过程中,可视化药物分子的结构和与靶点的相互作用,有助于研究人员更好地理解药物作用机制,优化药物设计。

在环境科学研究中,大数据可视化设计也有着广泛的应用。对于气候变化的研究,将全球气温、海平面上升、冰川融化等数据以动态的地图和时间序列图表展示,能够直观地呈现气候变化的趋势和影响,为制定环保政策提供有力依据。

大数据可视化设计

此外,大数据可视化设计促进了跨学科的交流与合作。不同学科领域的研究人员可能使用不同的术语和方法,但通过可视化的共同语言,他们能够更轻松地理解彼此的研究成果,促进知识的融合和创新。

举个例子,在地质科学研究中,对地层结构和地质演化过程的数据进行可视化,研究人员可以直观地看到地层的分层、断层的分布以及地质运动的历史。这不仅有助于地质学家自身的研究,还能让其他相关领域的科学家,如考古学家、生态学家等,更好地理解地质环境对人类活动和生态系统的影响。

大数据可视化设计

总之,大数据可视化设计在科学研究中的应用极大地提升了研究的效率和深度。它让抽象的数据变得生动具体,为科学家提供了新的视角和灵感,加速了科学发现的进程。随着技术的不断进步和数据的持续增长,大数据可视化设计必将在科学研究中发挥更加重要的作用,引领我们不断探索未知,推动科学的进步和发展。

大数据可视化设计在分析数据中的作用

蓝蓝设计的小编

在当今数字化的浪潮中,数据已成为企业和组织决策的重要依据。而大数据可视化设计在分析数据方面发挥着举足轻重的作用,宛如一盏明灯,照亮了数据背后隐藏的真相和价值。

大数据可视化设计能够将海量、复杂的数据以直观易懂的形式呈现出来。面对庞大的数据量,如果仅仅依靠传统的表格和数字罗列,人们很容易陷入迷茫和困惑。而通过可视化的手段,比如将数据转化为生动的图表、图形,甚至是交互式的地图和动态的演示,能够让数据的特征和趋势一目了然。例如,在销售数据分析中,通过柱状图可以清晰地比较不同产品在不同时间段的销售业绩,折线图则能直观地展现销售的增长或下降趋势。

大数据可视化设计

它有助于快速发现数据中的异常和模式。在海量的数据中,一些异常值或潜在的规律可能并不容易被察觉。但通过可视化设计,这些异常和模式能够以突出的视觉效果呈现出来。比如,在金融交易数据中,通过可视化可以迅速发现某笔异常的大额交易,或者某个时间段内频繁出现的特定交易模式,从而及时进行风险预警和监控。

大数据可视化设计能够促进团队之间的有效沟通和协作。在一个跨部门的项目中,不同专业背景的人员对于数据的理解和需求可能各不相同。通过直观的可视化展示,各方能够迅速对数据达成共识,减少误解和沟通成本。大家可以围绕可视化的结果进行讨论和分析,共同挖掘数据背后的问题和机会。

大数据可视化设计

它还能激发创新的分析思路和方法。当数据以新颖、直观的方式呈现时,往往能够打破传统的思维定式,激发人们从不同的角度去思考和分析问题。例如,在市场调研中,通过将消费者行为数据以创新的可视化方式展示,可能会启发营销团队提出全新的营销策略和产品定位。

此外,大数据可视化设计能够提升数据分析的效率和准确性。在处理大量数据时,人工筛选和分析容易出现疏漏和错误。而可视化工具可以快速对数据进行分类、汇总和计算,以直观的形式呈现结果,减少了人为失误的可能性。

举个实际的例子,一家电商企业在分析用户行为数据时,利用大数据可视化设计构建了用户画像。通过直观的图表展示用户的年龄分布、地域来源、购买偏好等信息,企业能够精准地调整商品推荐策略,提高用户的购买转化率和满意度。

大数据可视化设计

总之,大数据可视化设计在分析数据的过程中扮演着不可或缺的角色。它不仅让数据变得易于理解和解读,还能够加速分析的进程,提高决策的质量和效率。在未来,随着技术的不断进步和数据量的持续增长,大数据可视化设计的作用将愈发凸显,成为推动数据分析和决策的强大助力。

大数据可视化设计的风格都有哪些

蓝蓝设计的小编

在大数据时代,数据可视化设计不仅仅是将数据呈现出来,其风格的选择更是影响着信息传递的效果和用户的体验。那么,大数据可视化设计都有哪些常见的风格呢?

大数据可视化设计的作用

蓝蓝设计的小编

在当今数字化的时代,数据如同潮水般涌来,而大数据可视化设计则成为了驾驭这股浪潮的有力工具,发挥着至关重要的作用。

日历

链接

个人资料

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

存档