`
k1121
  • 浏览: 182920 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

网站中的用户提示信息也要重视用户体

 
阅读更多

web2.0时代后到SNS社区再到云算法网站的SaaS平台。多交互流程和用户自定义的复杂化,都需要各种各样的提示信息来给用户带来引导。

通用提示是网页的重要组成部分,应用的多元化造成复杂的提示场景:

网站运者会在网站的变更中加上提示文字; 

开发人员的系统提示也会出现在页面上; 

一些网站独特的功能中也必须给出相应的提示信息来引导用户; 

种种的情况导致每当有提示出现时,需求方都要去找交互设计师进行相应的沟通。当成一项需求去进行开发,从文案到视觉、布局,再将以前做好的提示模板拿出来改动、从运营PO,产品规划师PD,UED部们的交互、视觉,发布时QA的质量监控。。。等等部门,改丝毫而动全身,成本提升,工作严重下降。

那么对其进行量化和归类的重要性就可见一斑了。下面我总结了一些通用的提示信息:




通用提示信息分为四种:

第一类:提示,它诠释当前需要提示内容的信息,依附于所提示的内容显示。

alt:图片的XTHML提示信息,主要是为了SEO优化和低端环境下的提示;




title:文字、操作的解释,在大多数情况下用于段落显示不全的提示信息;




tips:对信息的对话云式的提示,用作在当前区域的提示;


 



注:在XTHML中,系统题注的alt和title会在几秒中后消失,对于比较重要的提示建议用tips或者用JS行为来控制提示信息。

第二类:反馈,是由一个操作所引导的提示页面,并独立成提示区域,通常在页面的顶部显示。

构成:

图标(可选):跟据不同的提示场景来应用。




字体:指字体上的强弱变化和色彩区别;

如有操作,需给出操作引发的结果提示和详细内容;

如果通过用户介入,当前流程可继续执行,需要提示用户或进行引导到相应功能页面;

为起到提示的作用,提示内容必须单独成行或与其他内容独立;

文案不能太长,适当情况请换行;

文案 文案不能有责备的词汇;

需要告知用户引发错误的原因,除非系统异常,其他错误都应以用户看的懂得文字进行描述;

业务规则不满足的提示:{说明不满足的业务规则},不能执行{##}操作!

系统异常的提示:{显示系统错误信息},请与服务人员联系等!

用例:

成功 

场景:成功提示;

操作正确时需要的提示;




(此图例提供了包含丰富信息的提示,下面的图就省略了)点击放大

错误 

场景:系统异常;

当前链接失效,必须终止当前流程;

且用户无法通过修改继续提交,提交修改的已被

删除;保存时发现其执行当前操作的先决业务规则已不满足;




提醒

场景:通常情况下的系统提示信息;

不带有警示作用;具有提示作用;




警示 

场景:由于无法再往下走,产生的提醒、警告之类的提示;

通常情况下的系统警告,由于##操作引发的问题;




第三类:备注,对现有信息的补全和关联,通常出现在页面的底部和尾部。

关联 

由于现有的内容所引导相关的解释性内容;




备注

是对当前内容的补充,以完善它的用用意;




第四类:图示,用图例和当前状态的图例来直接引导用户进行相关操作。

流程图 

流程图有很强的导向性,告知用户当前步骤和要完成操作的整个流程关系;




引导

引导是指向性的图例,用当前图例来指导用户完成操作;



作者:cancan 来源:Alibaba.com UED

分享到:
评论

相关推荐

    精选毕设项目-用户反馈组件.zip

    公司内部需要形成一种以用户为中心的文化,让所有团队成员都能够理解和重视用户反馈的价值。同时,反馈的管理、分析和应用应该是组织内部的一个持续过程,而不是一次性的活动。 用户反馈组件是提升用户体验、改进...

    用户体验要素:以用户为中心的产品设计

    它不仅仅关注产品的功能实现,更重视用户在使用过程中的情感体验。优秀的用户体验设计能够提升用户满意度,从而增加产品的市场竞争力。 ### 以用户为中心的设计原则 1. **了解目标用户**: - 进行用户研究,包括...

    答辩pptjava jsp ssm mysql 081人体健康信息管理系统.ppt

    - 管理员负责用户信息、健康信息、文档信息和网站信息的管理。 5. **界面设计**:系统有首页、健康自检、个人中心、管理员功能、知识管理、健康自检管理、用户功能等多个界面。 6. **技术栈**:根据文件名中的...

    海康网口线阵相机使用手册

    在获取这些基本信息后,用户可以通过访问海康机器人官方网站,下载更为详尽的技术资料,如技术规格书、说明书、结构图纸、应用工具和开发资料等,以便深入理解产品。 接下来,用户应当重视手册中提供的操作指导。...

    医疗网站美工年度工作总结范文.doc

    按钮的位置、状态变化、提示信息的设计等都需要精心考虑,以提高用户操作的便利性和满意度。 总结来说,医疗网站美工年度工作总结涉及的不仅是技术层面的色彩搭配、布局规划和细节处理,还包括了对行业特性的理解、...

    阿里云 专有云企业版 V3.7.0 采云间 用户指南 20181204.pdf

    这些细节的处理,不仅展示了用户指南的专业性,也体现了对用户操作体验的重视。 ## 系统管理和维护 采云间的系统管理和维护是确保企业云服务高效运行的关键。用户指南在这一部分着重介绍了如何进行系统配置、监控...

    基于HTML+JavaScript+CSS的牙医门诊网站设计源码

    在本项目中,JavaScript文件的数量达到了87个,表明了网站设计中对于用户交互体验的重视。 再者,CSS(层叠样式表)用于控制网页的样式和布局。它负责网页的美化工作,包括字体样式、颜色、背景、布局等。一个具有...

    基于Python、HTML、JavaScript、CSS多语言结合的酒肆街网站设计源码

    在项目的目标定位上,该项目旨在打造一个集视觉与功能于一体的酒肆街在线平台,这表明其不仅仅重视网站的功能实现,也非常注重用户界面的美观和操作的便捷性。这样的设计思路对于吸引和留住用户至关重要,特别是在...

    基于HTML、CSS和JavaScript的老年群体服务网站设计源码

    从网站设计的角度出发,本项目还可能涉及到无障碍设计理念,这一理念在近年愈发受到重视,其核心是让网站设计更加包容,确保不同能力水平的用户都能顺利访问和使用网站。这不仅包括了对老年用户的特别关照,还包括对...

    用户界面设计

    ### 用户界面设计 #### 1. 修订历史记录与引言 本文档旨在明确系统界面的...通过对用户需求的深入理解、遵循统一的设计规范、优化信息展示方式、合理布局以及重视美学设计,可以显著提升系统的可用性和用户满意度。

    Xband

    在网页设计中,Xband可以用于网站标题、导航菜单或者重要的提示信息,以提高用户的阅读兴趣和网站的整体视觉效果;在广告设计中,这款字体的个性化特征往往能够帮助广告吸引观众的注意力,从而提升广告的传播效果。 ...

    404错误页面.docx

    因此,网站管理员在日常工作中,应重视404错误页面的设计和优化,将其作为提升网站整体质量的重要环节来对待。通过巧妙运用创意和策略,即便是面对错误和挑战,也能将问题转化为机遇,为用户提供更加满意和流畅的...

    Scriptina

    标题“Scriptina”提示我们关注的是一个特定的字体设计,很可能是一种手写字体或装饰性字体,具有艺术感。在IT行业中,字体是用户界面设计的重要组成部分,...同时,尊重版权,遵循使用规则也是每个设计师应当重视的。

    基于Java Server Pages技术的美容院网站设计源码

    在当今互联网技术迅猛发展的时代,...这个项目不仅展示了JSP技术在现代Web开发中的应用,也体现了对用户体验和项目维护的重视。对于希望提升服务质量、拓宽市场渠道的美容院来说,这样的网站无疑是一个宝贵的资产。

    Snidely

    在应用程序或软件界面中,它可以用来创建有识别度的按钮文本或提示信息。 在技术层面上,使用Snidely字体可能需要将其安装在计算机系统中,以便于在各种设计软件中调用。对于Web设计,可以使用@font-face CSS规则将...

    30个非常有趣的404错误页面设计欣赏

    404错误页面是网页设计中的一个重要组成部分,它在用户尝试访问不存在的网址时出现,提示用户请求的页面无法找到。通常,一个标准的404错误页面会显示简陋的错误信息,如"404 Not Found",这可能会导致用户离开网站...

    非常漂亮的仿QQ界面的JS提示框组件 javascript alert

    通过这种方式,开发者可以在不修改原有代码的情况下,快速提升网站或应用的提示信息展示效果,使用户在与系统交互时感受到更多的乐趣。 在提供的压缩包文件中,包含的就是这个仿QQ界面的JS提示框组件的所有资源。...

    《Bootstrap用户手册(高清pdf)》PDF

    2. **预定义的CSS样式**:Bootstrap包含了大量预设的CSS样式,如字体、颜色、按钮、表单、导航、提示信息等,极大地简化了网页设计工作。开发者可以直接使用这些样式,快速打造出专业且一致的外观。 3. **...

    a_BighausTitulB&W

    同时,版权问题也需要重视,商业用途可能需要获取字体设计师的授权。 总的来说,"a_BighausTitulB&W" 是一款独特的字体资源,它的黑白设计为创意工作提供了新的可能性。理解字体的特性和如何在不同的设计场景中有效...

Global site tag (gtag.js) - Google Analytics