首页

原创作品案例:光谱油气检测软件界面设计

前端达人

 

 

西派特(北京)科技有限公司是研发和制造科学仪器和智能工业仪表的国家高新技术企业,公司总部位于北京经济技术开发区。产品是将光谱与物质物化性质全息智能分析技术相结合,开发制造的快检设备,可快速检测液体、固体、气体物料的多种性质指标。适用于炼油、化工、煤炭、电力、生物发酵等领域。

 

该软件由北京西派特科技有限公司委托蓝蓝设计负责界面视觉设计、交互设计。蓝蓝设计人员通过前期详细沟通,参考大量相关竞品,为其提供四种方案视觉设计。最终双方确定方案一设计风格,后续根据客户提供的原型图及需求完成其他页面设计。

image.png

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

为极端情况而设计

前端达人

前言
为极端情况而设计
 
 
当我们在进行产品设计的时候,设计师会优先考虑理想状况下的各种场景,而理想的用户流程是没有任何问题和障碍的。但是人们很少按照我们期望的方式使用我们的产品。超出预期之外的情况,就是我们通常所说的「边缘情况」,或者说「极端情况」。
事实上,针对不太理想的情况进行设计同样重要。如果没有计划界面如何处理异常情况,整个体验可能很快就会令人崩溃。
作为一名职场中合格的用户体验设计师,避免在工作中遗漏各种边缘情况的考虑,与规避在方案评审的时候会遭到评审会中其他同学的各种diss的尴尬,有时候业内也会将“解决边缘情况问题”的能力作为一个产品经理或交互设计师是否有经验是否资深的一个评判标准。。
所以,
设计方案的完整程度需要看是否有对边缘情况的对应处理方案。
产品设计其实是“向好避坏”并行的设计过程
,向好设计是要追求绝对的好,结合实际情况尽可能保证产品体验的舒适和惊喜,这是产品设计一定要为用户的极致体验需要负责的;避坏设计是相对的坏,结合实际情况尽可能为一些低频场景的极端情况做好容错方案和机制,这就是产品设计中常常提到的边缘情况处理设计。
为极端情况而设计
 
 
为什么要重视极端情况?
针对用户体验中的边缘情况进行设计至关重要,
因为这些特殊场景虽然不太常见,但可能会对用户体验产生重大影响。
通过解决边缘情况,可以确保产品设计能够满足更广泛的用户需求和情况,从而提高可用性、可访问性和用户满意度。主要有以下几个方面的好处:
  1.  
    提高产品质量和可靠性
    : 考虑边界情况可以帮助发现并解决潜在的问题和漏洞,从而提高产品的质量和可靠性。通过深入挖掘极端情况,可以发现在正常使用中可能不会遇到的问题。
  2.  
    增强用户体验
    : 处理边界情况可以确保产品在各种情况下都能提供良好的用户体验。当用户遇到边界情况时,如果产品能够正确处理并给予合适的反馈,用户将感到满意,并且对产品的信任感会增强。
  3.  
    降低风险
    : 不考虑边界情况可能会导致严重的问题,甚至是安全漏洞。通过在设计和开发过程中考虑边界情况,可以降低产品出现故障或安全漏洞的风险,从而减少潜在的损失和责任。
  4.  
    满足法律和标准要求
    : 在某些行业中,产品必须符合特定的法律法规或行业标准。考虑到边界情况是满足这些要求的一部分,因为它们通常要求产品能够在各种情况下都能够安全可靠地运行。
  5.  
    增强产品竞争力
    : 在当今竞争激烈的市场环境中,提供稳健、可靠的产品可以帮助企业赢得用户信任并提升竞争力。考虑到边界情况可以帮助企业开发出更具有吸引力和竞争力的产品。
所以考虑边界情况对于确保产品的质量、用户体验和安全性至关重要,并且有助于降低风险并提高产品竞争力
 
常见的极端情况有哪些
一、文本极限值
处理文本极限值在 UI 设计中是一个重要的考虑因素,特别是当设计涉及到文本输入框、文本区域或文本标签等元素时。以下是一些处理文本极限值的常见方法:
1、限制输入长度。
对于文本输入框,可以设置最大字符数限制,以确保用户输入的文本不会超过预期的长度。这可以通过前端或后端验证来实现,避免用户输入过长的文本。
2、提供字符计数器。
在文本输入框旁边或下方显示一个字符计数器,实时显示用户已输入的字符数和允许的最大字符数。这可以帮助用户了解他们输入的文本长度,并且知道何时达到了极限值。
3、友好的错误提示。
当用户输入超过最大字符数限制时,及时向用户提供友好的错误提示,说明他们已经超出了文本长度限制,并且指导他们如何进行修正。
4、自动修剪或截断文本。
对于一些 UI 元素,可以自动修剪或截断超出限制的文本。例如,可以在显示文本的区域中截断超出限制的字符,并在末尾添加省略号。
5、动态调整输入框大小。
对于可调整大小的文本输入框,可以根据用户输入的文本长度动态调整输入框的大小,以确保用户能够看到他们输入的所有内容。
6、提供预览功能。
在用户输入长文本时,提供一个预览功能,让用户可以在输入之前查看他们输入的文本在 UI 中的最终显示效果,从而避免超过极限值。
7、
多行文本框。
如果用户需要输入大段文本,可以提供一个多行文本输入框,允许用户自由输入任意长度的文本,但也需要在适当的时候提醒用户输入的文本长度限制。
综上所述,处理文本极限值需要综合考虑用户体验和界面美观性,通过设置限制、提供实时反馈、自动修剪或截断文本等方式,以确保用户能够方便地输入和管理文本内容。
为极端情况而设计
 
 
二、空状态
处理空状态是指在应用程序或网站中,当没有数据或内容可显示时所呈现的界面状态。这种情况下,用户可能会感到困惑或失望,因此设计空状态界面非常重要,以提供清晰的信息和引导。
以下是常见的空状态使用场景以及处理建议:
1、
用户主动触发
主要分为「内容被清空/已完成」和「搜索结果为空」两种情况。
1.1、内容被清空/已完成
这种空状态是用户自主删除所有数据或完成了所有任务的情况。一般此类场景不需要进行操作引导,只需要用「插图+正文」或「仅正文」的形式说明情况即可
为极端情况而设计
 
 
1.2、搜索结果为空
当用户搜索关键字后没有对应的结果显示时出现的空状态。此场景需要用「插图+正文」的形式说明情况,并视情况增加行动连接引导用户进行下一步操作,例如:添加、查看等
友好的提示信息: 当搜索结果为空时,向用户显示友好的提示信息,说明搜索未返回任何结果,并且可能提供一些建议或建议用户修改搜索条件。
相关建议或推荐: 在搜索结果为空时,向用户提供一些相关的建议或推荐,以帮助他们找到他们感兴趣的内容。这可以是热门搜索、相关主题、或类似内容的推荐。
为极端情况而设计
 
 
2、
用户被动接受
主要分为「暂无消息/内容/权限」、「初始状态(新手指引)」两种情况。
2.1、
暂无内容/消息/权限
这种情况表示页面暂时无数据的状态,一般情况下使用「插图+正文」的形式,必要时可增加行动连接来引导用户进行下一步操作
为极端情况而设计
 
 
为极端情况而设计
 
 
2.2、
初始状态(新手指引)
对于首次使用复杂流程功能的用户来说,一个新手指引可以帮助用户快速上手,也可以填充原本为空的界面。
除了空状态之外,向用户提供有关如何开始的说明非常有帮助。
教程是让人们轻松了解应用程序功能的好方法。在普通用户界面中使用微妙的动画或提示可以让用户开始执行一些关键任务。
最好的教程是不引人注目的。与其展示超长的视频或幻灯片说明,不如将提示置于体验本身的背景中,这可能非常有效。这有助于用户边做边学,而不是被动地接受大量信息。
仅在必要时才应使用教程。如果您的界面是不言自明的,则可能不需要它。是否包含教程是您需要考虑的设计因素。另一种方法是引导用户直接进入他们的第一个任务,让他们“边做边学”。
为极端情况而设计
 
 
多邻国的这个很棒的示例展示了如何将教程构建到应用程序体验中。它有助于指导用户设置应用程序,并直接进入使用过程。
 
三、
用户和系统的错误
1、用户操作错误
每当发生某种用户输入时,通常都有可能出现错误。考虑一下输入长表单的时候。这些是潜在用户错误的雷区。
即使我们尽力让事情变得直观,也很难完全消除发生错误的可能性,这些都需要在设计阶段进行规划。
有许多不同类型的错误值得我们思考。
验证。
用户没有按照系统期望的方式输入信息。
提交。
出现的问题不是用户的错,但我们需要让他们知道。
内容。
用户请求了我们无法提供的东西。
在设计产品时,您需要考虑可能发生错误的每种情况。然后,您应该为其设计一个状态,以确保系统正常处理该错误。
这可能很耗时,但正是对细节的关注才造就了设计精良的产品。
这里有一些不同的事情需要考虑......
错误是如何出现的。
我们应该使用动画或对比度来吸引用户的注意力。
样式和位置。
错误通知应直观地链接到问题发生的位置。
语言。
错误应该以清晰、用户友好且品牌化的方式编写。不惜一切代价避免“技术演讲”。
明确的解决方案。
在通知用户错误之后,我们还应该提及解决方案。这可能是一条说明,或者是其他可能对他们有帮助的内容的链接。
为极端情况而设计
 
 
输入错误的密码后,该字段会左右轻微晃动(就像有人摇头一样)。这会引起用户对问题的注意,但不会显得突兀
2、系统错误
服务器异常、无访问权限、 网络异常(断网、网速过慢、加载失败、网络连接失败)、浏览器异常、数据出错;
异常状态用来提醒用户发生了未指定的系统错误,需要用户了解此情况,并且提供下一步引导或解决建议,为用户解释异常状态的原因,解决困惑,提供解决办法,引导用户继续产品流程而不是关闭窗口离开
为极端情况而设计
 
 
四、
页面内容过多时的加载方式
还有一种情况就是页面内容过多的情况,这里我们不考虑页面展示只考虑进入页面的加载,大家平时估计遇到过点开一个列表页面,就一直在观看“菊花转”(页面内容加载状态),等的时间如果超过5秒可能就会产生焦虑了,再多点时间直接就和产品说拜拜了,那么这种极端情况一般怎么处理呢?
1、
骨架屏
骨架屏是一个可选方案,也就是说不一定要有,有了会更好。
骨架屏适合页面布局固定的页面,目前很多APP都会使用骨架屏,常用的页面有列表页、详情页等。
一般骨架屏由开发写,如果我们要做骨架屏,需要定义好骨架屏的样式,让开发照着写,骨架屏实现难度我也跟开发同学咨询过,很简单,所以可以放心大胆用。
2、
占位图
占位图应该是许多新人容易忽视的地方,提及占位图就不得不提到加载,为了减少用户感知加载时间,应用加载一般会先加载文字后加载图片,可以缓解用户等待的焦虑情绪。
如果这么做就涉及到一个问题:原本放图片的位置拿什么来占位?
所以就出现了占位图这个东西,当图片还没有加载出来的时候,使用一个占位图进行占位,让用户知道这里是有东西的
占位图一般有带logo的图片和纯色图,如果是加载视频,一般还会在图片上做一个视频的图标,让用户知道这里是视频。
为极端情况而设计
 
 
五、页面上滑处理
当一个页面向上滚动时,页面的元素会发生什么变化,场景的变化有导航栏置顶、标签栏置顶等,这些都是我们需要提前定义好的。
处理页面上滑的交互是指当用户向上滑动页面时所触发的交互效果或行为。这种交互可以增强用户体验,并使用户更轻松地浏览页面内容。以下是一些处理页面上滑交互的方法:
1、导航栏
1.1、固定导航栏
即将导航栏固定在顶部,其余内容上滑,我个人比较倾向于这种方式,当页面比较长的时候可以让用户随时可以看到导航栏,不仅仅是给习惯了导航栏的用户增添一份安全感,更是因为当导航栏有功能入口(比如设置)的时候,用户可以随时看到并随时点击
1.2、内容迁移
这就是一种内容迁移到导航栏区域的情况,这种交互方式不仅能提升用户的操作体验,也能提升产品的数据,比如当关注入口曝光更多,点击关注的概率就会有一定上升。
为极端情况而设计
 
 
2、筛选栏
筛选栏的固定方式也极为常见,很多地方为了用户可以方便做切换,都会把筛选栏固定在顶部,那么这时候就需要我们对交互进行详细的定义。
2.1、第一种是筛选栏本身就在顶部
当筛选栏在页面顶部时:
如果此时我们需要让筛选栏固定在顶部,那么可以这么说明:
页面上滑时,导航栏和筛选栏固定在顶部,其余内容向上滑动。
2.2、第二种是筛选栏在页面中间
这时候有两种情况,一种是筛选栏随页面一起上滑不做固定,另一种是筛选栏需要做固定。具体使用哪种需要视具体场景来定,下面说一下当筛选栏需要固定时我们该如何描述交互。
我们可以以筛选栏为基准
① 当筛选栏位置未到达顶部时
页面整体上滑(一般情况下导航栏当然始终固定在顶部)
② 当筛选栏的位置到达导航栏下方时
筛选栏固定,筛选栏下方内容继续向上滑动
为极端情况而设计
 
 
如何找到极端情况
有些设计师认为,极端情况往往是意料之外的情况,但是实际上,绝大多数的极端情况是可以提前预测的。有两种方法可以帮你找到极端情况:
1、
设计评审。
为了创造出色的设计,你应当主动寻找极端情况。设计评审是一个非常有用的环节,它可以帮助产品团队找到许多潜在的优势案例。在产品设计的早期,就应该进行设计评审。为了获得更好的结果,最好邀请开发人员和其他的团队成员参与此类会议。
2、
使用真实用户测试。
尽早在其他的团队成员的帮助下寻找极端情况是一种很好的办法,但是它不能保证你会发现所有的问题来源。只有在真正的用户进行测试的时候,才能帮你了解用户使用你的产品的时候所面临的问题。同时,值得一提的是,严格且有节制的可用性测试,用户可能会因为经常被指示要做什么而很难暴露极端情况的存在。所以,最好创建一个让用户可以尝试和探索的体系,在灵活的测试和充足的时间下,更容易找到问题。
 
结语
为各种可能发生的情况进行设计
好的设计就是注重细节。
正是这种针对每种场景进行设计的承诺,才使出色的体验与普通体验区分开来。作为设计师,你有责任针对这些边缘情况进行规划。无论您是否为它们进行设计,它们都会发生,所以最好做好准备!
以上仅仅举了几个极端情况的例子,实际上还会有很多,若想尽量覆盖全极端情况,在设计时可以多多思考,将自己切换成“找茬儿模式”,也可以寻求QA同学的帮助,因为他们在写用例时会考虑的更多。即使努力去想可能发生的极端情况,但是有些极端情况还是可能会遗漏,到真正遇到了才知道,不过其实也说明了那些想不到的极端情况可能发生的概率更小。
总之,有些极端情况一定要处理,尽量做到给用户一个好的体验,但是有些情况其实并不需要投入过多精力去思考该如何提升体验,因为本身就不是正常的产品使用场景,只要在发生的时候保证产品可用性即可,因为还有更重要的产品主线体验需要不断去迭代提升。
 


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

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

UI设计公司打造的B端后台管理界面欣赏与优化

前端达人

在现代商业环境中,B端后台管理界面的设计质量直接影响到企业的运营效率和员工的使用体验。本文将带您欣赏和解析由专业UI设计公司打造的几个优秀的B端后台管理界面设计案例,并分享一些优化建议,以提升后台系统的用户体验和功能性。

蓝蓝UI设计公司的杰出案例

在众多UI设计公司中,蓝蓝UI设计公司凭借其卓越的设计能力和丰富的项目经验,打造了多个备受赞誉的B端后台管理界面。其设计案例不仅美观实用,还充分考虑了用户的操作习惯和实际需求。

例如,在一个大型零售企业的后台管理系统中,蓝蓝UI设计公司采用了简洁清晰的布局,结合现代化的设计元素,使得界面不仅美观,还极大地提升了用户的操作效率。通过直观的导航栏和精心设计的图表,用户可以快速获取所需信息,简化了复杂的数据管理流程。

 

优化B端后台管理界面的关键要素

在欣赏这些优秀设计的同时,我们也可以总结出一些优化B端后台管理界面的关键要素:

 

简洁明了的布局

:后台管理界面通常需要展示大量信息,简洁明了的布局可以帮助用户快速找到所需内容,减少操作时间。

 

直观的导航

:清晰的导航结构是提升用户体验的关键。使用固定导航栏或侧边栏可以帮助用户在不同模块之间快速切换。

 

数据可视化

:通过图表和图形展示数据,比纯文本更直观、更易理解。适当的数据可视化设计可以帮助用户快速分析和决策。

 

响应式设计

:确保后台管理界面在不同设备上都能良好显示,尤其是在移动设备上的表现,这对于需要随时随地访问后台的用户尤为重要。

用户反馈机制

:在用户进行重要操作(如数据删除或修改)时,提供及时的反馈或确认提示,可以避免误操作,提高系统的安全性和可靠性。

结语

总之,优质的B端后台管理界面设计不仅需要美观的视觉效果,还需兼顾功能性和用户体验。通过参考蓝蓝UI设计公司等专业设计公司的成功案例,并结合以上优化建议,相信企业可以打造出更加高效、便捷的后台管理系统,提升整体运营效率和用户满意度。

无论是新系统的设计还是现有系统的优化,选择一家经验丰富、口碑良好的UI设计公司都是至关重要的。希望本文提供的案例欣赏与优化建议能为您的B端后台管理界面设计提供一些启发和帮助。

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

PC端的页面设计,如何优雅呈现在移动端?

前端达人

电商boss系统采购订单页面在移动端呈现,我做了哪些思考?
PC端的页面设计,如何优雅呈现在移动端?
 
 
在B端UI/UX设计领域,我们常常会遇到类似的需求:随着业务的发展,需要将复杂系统中的核心功能摘出来,并在小程序或移动应用上呈现,以便客户能够便捷地使用和操作,从而提升工作效率。然而,实际操作中我们会发现,尽管对这些功能很熟悉,但是落地过程中却会遇到一系列问题。
 
本文中,将分享我在将复杂电商BOSS系统的订单页面呈现在移动端的设计过程,希望对大家有所帮助。通过本文,您将了解到以下内容:
1、如何在设计过程中充分考虑电脑端和移动端用户的需求和使用习惯;
2、如何将复杂的订单页面优化为简洁、易用的移动端界面;
3、针对移动端的限制和挑战,如何进行设计决策和权衡;
4、使用哪些有效的UX技巧来提升用户体验和工作效率。
PC端的页面设计,如何优雅呈现在移动端?
 
 
 
一、深入分析业务背景和使用场景
1、业务背景关系梳理
选款的零售商客户通过衫海精选款下单后,订单信息和订单状态会传到BOSS后台,相关负责人可随时查看并处理。
PC端的页面设计,如何优雅呈现在移动端?
 
 
2、为什么需要在移动端呈现?
为了确保平台高效履约,需要市场部同事随时掌握订单状态,特别是
发货即将超时、揽收即将超时、发货已超时和揽收已超时
的订单,以便及时通知上下游。但是由于工作性质,他们无法随时坐在电脑面前,所以需要在小程序上呈现订单信息,可以让市场部同事随时查看并处理订单,避免出现订单超时,客户投诉的情况。
PC端的页面设计,如何优雅呈现在移动端?
 
 
 
二、功能拆解
1、将电脑端订单内容拆分重组,信息归类
PC端的页面设计,如何优雅呈现在移动端?
 
 
PC端的页面设计,如何优雅呈现在移动端?
 
 
 
2、订单功能拆分后,主要分为以下四个部分
PC端的页面设计,如何优雅呈现在移动端?
 
 
1)订单状态
订单状态包括:全部、待付款、备货中、待收货、已完成、已关闭。全部状态下
新订单、售后中、发货即将超时、揽收即将超时、发货已超时、揽收已超时
的订单类型需要重点露出,方便快速查询。
  •  
    设计差异:
1、订单状态:电脑端大屏横向可以全部平铺展示;移动端则是横向滑动。
2、售后中、发货即将超时、揽收即将超时、发货已超时、揽收已超时的订单快捷入口,电脑端大屏可以全部平铺展示;移动端则需要换行,这里不做横向滑动是因为会影响用户的操作效率
PC端的页面设计,如何优雅呈现在移动端?
 
 
2)订单查询条件
订单查询条件包括:订单编号、时间排序、商品名称、供应商名称、下单时间、订单状态、履约方、SKU编码、商品ID、是否缺货、所属云仓等等。
  •  
    设计思考:
分析用户日常的使用习惯,对高频操作的筛选项进行提炼在移动端展示,提升使用效率。低频操作则不在移动端展示。
PC端的页面设计,如何优雅呈现在移动端?
 
 
经过与业务方沟通,订单编号、时间排序、商品名称、供应商名称、下单时间、订单状态、履约方的使用频次相对较多,
订单编号、时间排序
使用频次最高。
 
a、订单编号/排序时间
  •  
    设计差异:
1、订单编号查询:电脑端和移动端都是直接输入,但是电脑端支持批量查询,单次查询内容会更多。
2、下单时间排序:电脑端采用input框的样式,下拉筛选;移动端是通过点击切换排序方式,操作会更便捷。
PC端的页面设计,如何优雅呈现在移动端?
 
 
 
b、商品/供应商查询
  •  
    设计思考:
1、商品查询:电脑端、移动端都是直接输入;
2、供应商查询:电脑端采用input框的样式,下拉筛选;移动端则是进入新的页面进行选择;两者都支持关键字搜索;
移动端不直接展开的原因是:供应商数量多,在当前页面展示篇幅较长,还涉及到分页,会影响用户的操作体验。
PC端的页面设计,如何优雅呈现在移动端?
 
 
 
c、时间查询
  •  
    设计差异:
电脑端点击出现时间选择器,支持快捷查询;移动端点击选择跳转到新页面,时间全部铺开展示;两者都支持滑动鼠标(手指)连续选择时间段。
PC端的页面设计,如何优雅呈现在移动端?
 
 
d、订单状态查询
  •  
    设计差异:
电脑端采用input框,下拉选中;移动端则是全部展示出来,采用勾选的方式进行选择。
PC端的页面设计,如何优雅呈现在移动端?
 
 
3)批量操作
小程序不做批量操作功能。
 
4)订单内容
订单内容包括订单编号、下单时间、零售商、商品信息、数量、发货方式、买家信息、订单状态、实收款、订单详情、查看物流。这些内容可以归纳为3类:
a、订单信息 b、商品信息 c、操作。
 
a、订单信息
订单信息包括:订单编号、下单时间、零售商、、发货方式、买家信息、订单状态、实收款
  •  
    设计差异:
电脑端面积大,内容需要散开排列;移动端面积小,内容需要集中排列。
PC端的页面设计,如何优雅呈现在移动端?
 
 
b、商品信息
商品信息包括:商品名称、图片、价格、货号、规格、SKU编码、供应商、下单数量、拿货数量、仓内现货、缺货原因
  •  
    设计差异:
同样的内容,移动端更加聚焦,但是商品数量展示也偏少。
PC端的页面设计,如何优雅呈现在移动端?
 
 
c、操作
操作包括:订单详情、查看物流
  •  
    设计差异:
交互方式相同,都是跳转到新页面。
PC端的页面设计,如何优雅呈现在移动端?
 
 
 
三、总结
由于屏幕大小和分辨率的不同,电脑端和移动端页面在功能的布局和信息展示上也会有所不同。
电脑端使用鼠标操作,包含滑动、左击、右击、双击等,相对来说单一,交互效果较少。而对于手机端来说,由于屏幕大小的限制,操作方式需要更加的丰富,通过这些丰富的操作来实现页面和功能之间的交互。所以电脑端和移动端相同功能的操作方式也会不同,组件也有所差异。在做设计时,尽量使用成熟的组件,给用户良好的使用体验。
遇到复杂的设计需求,不要慌张,
核心都是看透事物的本质,拆解为基础的组件,再从根本上解决问题。
谢谢!
 
 


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

探索 VR 和 AR 界面设计的美学:欣赏与思考

前端达人

虚拟现实(VR)和增强现实(AR)技术的发展为界面设计带来了全新的挑战和机遇。在这个充满创新的领域中,设计师们不断探索新的美学原则和用户体验,为用户提供更加沉浸式和丰富的体验。本文将通过一些精选的案例,分享一些令人赞叹的 VR 和 AR 界面设计,以及对这些设计背后的思考和启示。

 

1. 空间感的呈现:

在虚拟现实中,空间感是一个重要的设计元素。通过精细的场景设计、逼真的光影效果和流畅的动画,设计师可以打造出令人身临其境的虚拟环境。例如,某 UI 设计公司最近推出的虚拟展览应用,通过高度还原的展览场景和交互设计,为用户带来了仿佛置身于现场的体验。

 

2. 交互体验的创新:

增强现实技术为用户带来了全新的交互方式。例如,一款 AR 应用可以利用手机摄像头和虚拟元素的结合,将现实环境转化为交互式的游戏场景。蓝蓝设计公司的一项 AR 游戏项目就采用了这种创新的交互方式,用户可以在现实场景中进行虚拟物品的收集和互动,增强了游戏的乐趣和参与感。

 

3. 用户体验的关注:

无论是 VR 还是 AR,用户体验始终是设计的核心。设计师们不断优化界面布局、操作流程和反馈机制,以提升用户的使用感受和参与度。在虚拟现实眼镜的显示器上,合理的信息展示和交互设计尤为关键,以确保用户能够轻松地理解和操作。在一些 VR 应用中,蓝蓝设计公司采用了简洁直观的界面设计和自然流畅的交互方式,获得了用户的一致好评。

 

结语:

虚拟现实和增强现实技术的蓬勃发展,为界面设计带来了前所未有的挑战和机遇。通过不断的探索和创新,设计师们正在打造出更加沉浸式、交互式和人性化的 VR 和 AR 界面,为用户带来全新的体验和感受。期待未来,我们将继续关注这个领域的发展,并为之贡献我们的智慧和创意。

 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

创新医疗电子病历界面设计:提升用户体验与医疗效率

前端达人

随着科技的不断进步,医疗信息技术已成为现代医疗系统中不可或缺的一部分。在这一领域中,电子病历系统作为医疗信息化的核心组成部分之一,对提高医疗服务的质量和效率起着至关重要的作用。本文将介绍一种创新的医疗电子病历界面设计,旨在提升用户体验、简化操作流程,并进一步促进医疗卫生领域的数字化转型。

 

1. 用户体验的重要性:

在医疗电子病历系统中,良好的用户体验是确保医务人员能够高效准确地记录和检索患者信息的关键。传统的电子病历系统往往存在界面复杂、操作繁琐等问题,导致医务人员工作效率低下,甚至可能影响医疗服务质量。因此,设计一种用户友好的界面至关重要。

 

2. 创新设计理念:

基于此,我们提出了一种创新的医疗电子病历界面设计理念,主要包括以下几个方面:

  • 简洁直观的布局:
  • 界面布局简洁明了,重点突出患者关键信息,避免了信息过载的问题,使医务人员能够快速定位所需信息。
  • 智能化的操作流程:
  • 引入智能化技术,例如自动填充、智能搜索等功能,简化了医务人员的操作流程,减少了重复性工作,提高了工作效率。
  • 个性化定制选项:
  • 提供个性化定制选项,使医务人员可以根据自己的工作习惯和需求,调整界面显示方式和内容,进一步提升了用户体验。

 

3. 实践与效果:

我们在实际医疗机构中对这种创新设计理念进行了应用与实践,并取得了一定的成效。通过对比实验和用户反馈,我们发现新设计的界面大大提高了医务人员的工作效率,减少了错误发生的可能性,同时也增强了医务人员对电子病历系统的接受度和使用意愿。

 

4. 展望与挑战:

尽管创新设计理念在实践中取得了一定的成果,但我们也面临着一些挑战。例如,技术的局限性、用户习惯的改变等都可能影响创新设计的推广和应用。因此,我们需要进一步研究和探索,不断优化界面设计,提高系统的稳定性和安全性,以更好地满足医疗信息化的需求。

 

结论:

综上所述,创新的医疗电子病历界面设计旨在提升用户体验与医疗效率,是医疗信息技术发展的重要方向之一。通过不断的创新与实践,我们相信在未来的发展中,医疗电子病历系统将会更加智能化、便捷化,为医疗卫生事业的发展做出更大的贡献。

 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

探索医疗软件与App的界面设计艺术

前端达人

随着数字化时代的到来,医疗软件与App的设计不再仅仅是功能性的体现,更成为了用户体验与视觉美感的结合。这些软件的界面设计不仅简洁易用,还能够提供直观而美观的用户体验,让用户在使用过程中得到更加愉悦的感受。下面我们将探索几款医疗软件与App的界面设计,欣赏它们的设计之美。

 

Ada健康

:Ada健康是一款提供个性化健康服务的应用程序。其界面设计简洁明了,以温和的蓝色为主色调,给人一种舒适和安心的感觉。在用户使用过程中,界面上的图标和文字都设计得非常清晰,用户可以轻松地了解自己的健康状况并得到相应的建议。

 

1mg

:1mg是一款综合性的医疗App,提供药品信息、健康资讯、在线药店等多项服务。该应用的界面设计非常简洁,色彩明快,给人一种清新的感觉。首页以卡片式布局呈现各种功能模块,用户可以根据自己的需求快速找到所需信息,使用起来非常方便。

 

Headspace

:Headspace是一款专注于心理健康的应用程序,提供冥想和放松的引导。该应用的界面设计简洁大方,以柔和的色彩和简单的图标为主,给人一种舒适和放松的感觉。在使用过程中,用户可以通过简单的操作找到适合自己的冥想课程,轻松地放松身心。

 

Prognosis

:Prognosis是一款医学案例学习应用程序,以案例模拟的方式帮助医学生和医生提高诊断能力。该应用的界面设计简洁明了,以白色为主色调,给人一种清爽的感觉。在用户使用过程中,界面上的案例以图文结合的方式呈现,用户可以通过简单的操作了解病例情况并进行诊断。

 

以上几款医疗软件与App的界面设计,无论是色彩搭配还是布局设计,都展现了设计师对用户体验的深刻理解和对美感的追求。这些设计不仅提高了用户的使用体验,还为医疗信息的传递提供了更加便捷的途径,助力用户更好地管理自己的健康。

蓝蓝设计也有很多精彩的案例,医疗的超声波以及手术机器人界面是我们最主要的工作方向之一,但大多数是保密状态的,所以不能在网上发。欢迎我们联系,请到www.lanlanwork.com欣赏更多案例作品。#产品设计 #设计外包 #UI设计公司 #数据可视化 #B端产品经理

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

探索优秀的后端管理控制界面设计

前端达人

在当今数字化时代,后端管理控制界面是许多企业和组织必不可少的一部分,它们为管理员提供了管理系统、监控数据、配置参数等功能。一个优秀的后端管理控制界面不仅能够提高管理效率,还能够增强系统的稳定性和安全性。在本文中,我们将深入探讨一些优秀的后端管理控制界面设计,从功能布局、用户体验、数据可视化等方面进行分析和解析。
 
1. 功能布局与导航
优秀的后端管理控制界面应该具有清晰明了的功能布局和导航结构,使管理员能够快速找到所需的功能模块和操作项。我们将介绍一些设计精良的导航菜单、侧边栏和标签页等,帮助管理员轻松进行系统管理和配置。
 
2. 用户体验与交互设计
良好的用户体验和交互设计是后端管理控制界面设计的关键,它直接影响管理员的工作效率和满意度。我们将分析一些用户友好的界面设计元素,如响应式布局、交互式组件、数据过滤和搜索等,以提高管理员的操作体验。
 
3. 数据可视化与监控展示
后端管理控制界面通常需要处理大量的数据和监控信息,优秀的设计应该通过数据可视化和监控展示,将复杂的数据呈现为直观的图表和图形,帮助管理员快速理解和分析系统运行状态和性能指标。
4. 安全性与权限管理
 
安全性和权限管理是后端管理控制界面设计中至关重要的一环,它涉及到用户身份认证、访问控制、操作日志记录等方面。我们将介绍一些安全性和权限管理的最佳实践,确保系统数据和功能的安全性和可靠性。
 
5. 未来发展与趋势展望
最后,我们将展望后端管理控制界面设计的未来发展趋势,包括技术创新、功能拓展、用户体验优化等方面,为读者提供对行业发展方向的深入思考和参考,助力他们在实践中构建出更加优秀和创新的后端管理控制界面。
通过对优秀后端管理控制界面设计的深度探讨,我们希望能够为读者提供启发和灵感,帮助他们设计出更加优秀和实用的后端管理控制界面,提升系统管理和运维效率,推动企业数字化转型和智能化发展。
蓝蓝设计也有很多精彩的案例,后台管理界面是我们最主要的工作方向之一,但大多数是保密状态的,所以不能在网上发。欢迎我们联系,请到www.lanlanwork.com欣赏更多案例作品。#后台界面设计欣赏 #界面设计公司 #界面设计灵感 #B端设计#UI设计公司#B端产品经理

【Figma超级教程基础篇】看透Frame,是认识Figma的第一步

前端达人

如果四年前的我遇上现在的我,那我在Figma的学习上就少走4年弯路,如果现在的你刚接触设计或刚准备转Figma,重视我的教程,一定不会让你失望,你也能少走几年弯路!
全文无重点标注,因为字字纯手敲,每个字都很重要,希望需要的朋友用心去看每一个字!
【Figma超级教程基础篇】看透Frame,是认识Figma的第一步
 
 
感谢每一位朋友的阅读,后续章节,一定会尽快更新。
 


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

日历

链接

个人资料

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

存档