欢迎访问晶羽文学网

微信
手机版

做标签说说(空间说说标签怎么取消)

2022-10-04 22:14 作者:人民网 围观:

河南洛阳:一个古今辉映 诗和远方相会的地方,下面一起来看看本站小编人民网给大家精心整理的答案,希望对您有帮助

做标签说说(空间说说标签怎么取消)1

来源:人民网-国际频道 原创稿

临黄河而知中国,临河洛而知华夏。

洛阳,八大古都之一,丝绸之路、隋唐大运河在此交汇,十三个王朝的荣辱兴衰在此上演,五千年历史文明在此起源,历史文化名城,是洛阳的一张亮丽名片。

工业重镇,是洛阳另一个著名标签。“一五”期间,国家156项重点工程有7项布局于此。如今,洛阳推动文旅融合,加快产城互促,传统产业不断转型升级、新兴产业方兴未艾,民生福祉不断增强。

近日,人民网“看见中国”融媒体采访团队走进洛阳,感受这座千年古都在传统中汲取养分,在发展中焕发新机。

文旅融合:让文化“活”起来

华灯初上,洛阳老城区内,洛邑古城似乎刚刚苏醒。

洛阳“网红”景区——洛邑古城 徐文波 摄

入口处,人们举着身份证排成长龙,不时踮起脚尖向里张望。城门内,文峰塔挺立,新潭水荡漾,亭台楼阁在烟雨中朦胧。忽有琵琶声起,若珠玉落盘,宫装美人舞于岸边。游人屏息,如痴如醉。

走在古城内,仿佛穿越时空。唐代的酒楼、宋代的商铺,一不留神走过了明清,抬头就是民国的旧墙。然而洛邑古城真正的魅力,却在藏身古街中的百态非遗。

传统音乐、传统美术、传统医药、曲艺民俗……国家、省、市级200多种非遗令人惊叹。“以前没想过进景区,觉得旅游产品都是小年轻喜欢的,跟我们不搭边。”刘潇丹是汝阳刘毛笔第67代传承人,她坦言,洛邑古城以非遗文化为特色“颠覆”了她的观念。

非遗抱团取暖,文化、经济双丰收。首先是文化传承。“直接跟游客互动,传播面一下变大了。”刘潇丹说,以前“汝阳刘”只在书法爱好者圈内有名,如今游客现场体验,了解更深入,使“汝阳刘”知名度更高。

用旅游的方式传播文化,让文化看得见、摸得着、品得出味道。

洛阳博物馆镇馆之宝之一:曹魏白玉杯 人民网记者 杜明明 摄

高大威武的石辟邪“变身”可爱的卡通玩偶,镶嵌绿松石铜牌饰做成笔记本……在洛阳博物馆,构思精巧的文创产品吸引了不少游客。洛阳博物馆文物保护与产业开发中心主任张波介绍,这些文创产品根据藏品设计开发,主打实用、亲民路线。下一步将结合文物元素推出更多文具、邮品、服饰等,让大家把“文物”带回家。

“遍地”博物馆,是洛阳城独特的标签。漫步大街小巷,一抬头,或许就会和一座博物馆不期而遇。截至目前,全市共有102家博物馆,其中,三级以上博物馆12家,博物馆总数和三级以上博物馆数量均居全省第一。契约博物馆、军品博物馆、饮食文化博物馆等都独具特色。

二里头夏都遗址博物馆 郑瑶 摄

如今,洛阳正把这些“明珠”串成展现河洛文明的精美“项链”。 2020年,洛阳新建成班超纪念馆、洛阳体育博物馆、考古博物馆等20余家博物馆,全力打造15家精品博物馆,“东方博物馆之都”建设初具规模。

“我们正以高质量建设‘东方博物馆之都’为突破口,创新体制机制,紧抓文博行业发展机遇,把博物馆优势提升为城市发展优势。”洛阳市文物局负责人表示,“东方博物馆之都”这一城市品牌必将越擦越亮,吸引更多的人为一座博物馆来到这座城。

洛阳牡丹 郑瑶 摄

用文化带动产业发展,洛阳也屡出奇招。每年四五月份,洛阳城总是“爆满”。游人纷至沓来,只为一睹牡丹的天香国色。

当“赏花经济”发展得如火如荼时,洛阳人李学武剑走偏锋专注于研发牡丹瓷。“牡丹文化节期间,‘门票经济’很红火,但‘产业经济’没有做起来。”李学武说,“游客来了啥也带不走,本地人也很难从中获取经济收益。”他以唐白瓷技艺为基础创造出独具特色的牡丹瓷,成了洛阳爆款文创产品。除瓷盘、盆景等摆件外,如今牡丹瓷已开发出娃娃摆件、饰品等创新产品,每年销售5万余件,稳定销售额约6000万元。

李学武牡丹瓷作品 人民网记者 杜明明 摄

李学武研发的“一带一路”系列、“东方妞妞”系列等摆件出口到“一带一路”沿线国家超万件,受到广泛欢迎。“我们需要抓住当地的文化元素,融合当地的特色,用牡丹瓷技艺做出他们需要的产品。牡丹伴着中国传统文化,通过我们的工艺制作,必能辉煌在‘一带一路’上。”

“洛阳地脉花最宜,牡丹尤为天下奇。”拥有1500多年栽培史的洛阳牡丹正从“一朵花”变成一片产业。

从观赏品到食用品再到化妆品,洛阳牡丹迈进工业领域,衍生出了牡丹茶、牡丹籽油、牡丹日化用品等近百个深加工产品,形成了集培育种植、加工销售、观赏旅游等为一体的牡丹特色产业。

洛阳市文化广电和旅游局局长胡大鹏说,从“老三篇”向“新三篇”转,从“门票经济”向“产业经济”转,洛阳市正努力把优秀的历史文化资源融入到旅游产业规划建设中,以文促旅,给旅游增内涵;以旅彰文,让文化活起来。提升已有旅游产品文化内涵,不断丰富文化旅游业态,形成更多的“诗和远方”。

工业转型:老树发新枝 新树结硕果

“东方红”拖拉机被印上了第三套一元人民币 中国一拖供图

新中国成立初期,第一拖拉机制造厂、洛阳矿山机器厂等“十大厂矿”落户洛阳,洛阳成为重要的工业基地,我国第一台拖拉机、第一台压路机等“全国第一”诞生于此,“洛阳制造”享誉全国,“东方红”拖拉机更是承载了一代人的时代记忆,见证了新中国农机工业的发展历史。

近年来,面对转型升级压力,老工业基地洛阳树立新发展理念,既促进传统产业转型升级,实现“老树发新枝”,又坚持创新驱动,培育新兴产业,迎来“新树结硕果”,工业基地的名片越擦越亮。

5G电动无人驾驶拖拉机 人民网记者 杜明明 摄

5G高清摄像头、蘑菇头GPS天线、毫米波雷达、大数据云平台、氢燃料电池、3分钟加氢、24小时待命。演示现场,通过远程操控,无人驾驶拖拉机迅速进入农田,自动规划路线、自动转弯、自如进退、精准停靠,娴熟高效地完成耕地作业……2020年6月,由中国一拖牵头组建的国家农机装备创新中心发布了中国首台5G 氢燃料电动无人驾驶拖拉机,一经亮相,便吸引了众多目光。

此次发布的首台5G 氢燃料电动拖拉机,系国家农机装备创新中心牵头,清华高端装备研究院洛阳基地联合打造。

“我们的工作就是给机器装上眼睛和电脑,让工业机器变得更加智能,实现制造业加工需求中的柔性化要求。”清洛基地副主任邹怡蓉说。这位“四清学霸”(清华大学本科、硕士、博士、博士后)2017年将家从天津搬到了洛阳,投身“洛阳智造”。除了邹怡蓉,还有不少类似的高层次人才及团队,汇聚在清洛基地,重点围绕机器人与智能制造、轨道交通、先进农机装备等,攻破关键技术,协同创新发展。

绿色智能是新一代农机装备的发展趋势, 5G 氢燃料电动拖拉机的问世,对新一代绿色智能农机装备的创新探索,推动我国农机装备转型升级,促进智慧农业发展、保障国家粮食安全等都具有重要意义。

中国一拖是洛阳产业转型升级的缩影。先进装备制造、高端石化、新材料、电子信息等主导产业是洛阳推动产业改造升级的重点,“老树发新枝”遍地开花。

坚持传统产业改造提升的同时,洛阳培育壮大机器人及智能装备、新能源、生物医药等新兴产业,加快新旧动能转换。

银隆(洛阳)新能源汽车生产基地 洛阳市网信办供图

2020年4月下旬,18米长的银隆新能源公交车在洛阳正式运营,满载可容纳160人,在马路上犹如一条红色“长龙”。这是洛阳银隆新能源产业园投产以来的新成果。

3年前,银隆新能源股份有限公司要在中部地区布局生产基地,洛阳的产业、人才优势以及务实作风为当地引来了“金凤凰”。“客车生产线从开工建设到第一台样车下线,仅用一年零两个月。”洛阳银隆新能源有限公司总经理张强赞许洛阳的干事劲头,他说,“整车制造项目已经投产,公交等商用车系列和市政环卫等专用车系列正批量生产。”

引进一个企业,带动一片产业。银隆新能源产业园将是洛阳培育新能源产业的重要载体。此外,洛阳还打造大数据、轨道交通、高端装备等产业园,推动机器人及智能装备、新能源等新兴产业集聚发展。如今,格力智能制造填补洛阳产业空白,阿里、腾讯等企业入驻洛阳大数据产业园,“中部云谷”应运而生,一系列新兴产业正蓬勃发展。

“抓住新一轮科技革新和产业变革的机遇,‘洛阳制造’正加速向‘洛阳智造’‘洛阳创造’转变。”洛阳市工信局副局长李君说,工业基地的名片将越擦越新,越擦越亮。

生态宜居:以“绿”为底 绘就幸福画卷

洛阳伊河龙门桥夜景 人民网 寇杰 摄

潺潺缓流的伊河、满目皆画的风景、优哉游哉的游人……每到周末,只要天气好,洛阳市民李先生都会带着一家人,在伊水游园消遣时光。“咱洛阳的生态真是好,来到这里,一身的疲惫都消了。而且这里还有儿童乐园、城市书房,健身场所,一家老小都有乐趣。”

好生态不仅是全面小康“硬杠杠”,更是增强群众获得感的“加分项”。这里过去曾是垃圾山、污水滩、乱石岗、采砂场。“游园内的伊渠最早是灌溉渠,后来变成污水渠,我们建园的第一步是治污清淤。”洛龙区住建局副局长王恒志说,而今,这里已是“绿”的海洋。

“我们就是要把臭水沟、垃圾场等人们捂着鼻子过的地方变成各种小游园,提升市民的幸福感。”洛阳市城管局绿化科相关负责人姚孝祺说。

发挥富水城市的优势,洛阳把“水”和“绿”融合起来,统筹推进生态修复。278处小游园见缝插绿,195万亩国土绿化生机盎然,13万亩沿黄生态廊道赏心悦目,“15分钟生态休闲圈”逐步形成,市民正享受家门口的“绿色福利”,一河清水绕洛城的愿景正在逐步实现。

洛河湿地公园 洛阳市网信办供图

除此之外,洛阳还高标准打造了一批湿地自然保护区、湿地公园和城市湿地,湿地面积达4.97万公顷,湿地保护率52%,国际湿地城市创建顺势起步。目前,全市已建成1处湿地类型自然保护区、2处国家湿地公园和3处省级湿地公园,湿地保护体系初步形成。

“十三五”以来,洛阳市坚持“绿水青山就是金山银山”理念,树立以人为核心的城市观,深入实施蓝天、碧水、净土、国土绿化、生态修复“五大行动”,统筹推进“四河同治、三渠联动”综合治理,加快构建生态环境建设体系,让好生态成为“最公平的公共产品”“最普惠的民生福祉”。

洛阳定鼎门遗址 郑瑶 摄

走进洛阳城市规划馆,洛阳历史、现代、未来3个城市轴线,清晰可见、特色鲜明。洛阳不走“摊大饼”式城市扩张模式,因地制宜、科学规划实施“一中心六组团”城市发展战略,一座座地标性建筑,点缀在三个轴线上,一个错落有致、疏密有度、古今辉映、山环水润,具有洛阳特色的城市格局跃然而现。

“居者心怡、来者心悦”。洛阳用善治呵护城市的风景,提升城市的温度,不断增强市民获得感、幸福感、安全感。一幅以“绿”为底的幸福画卷正在徐徐绘就。

做标签说说(空间说说标签怎么取消)2


不同于一般的家用或者办公用、学习用标签打印机,驰腾是侧重商业用的标签打印机,支持服装标签、奶茶标签、商品价签、小票等等的打印,可满足商家更多的打印需求。

先来一个简单开箱,包装很清爽,蓝色很醒目,也大气。

内里比较简单,将简约进行到底,说明书、充电线、打印纸和主机。

打印机造型比较周正,是四方形圆角抛光的设计,整体感觉很简约大方,放在那里不会显得太突兀。

我收到的是黑色蓝牙版,手机或电脑都可连接使用。

专属充电头,设计的也有驰腾的流线设计图标,富有标识度。

还有3卷不同尺寸的标签打印纸(官方有各种尺寸标签打印纸售卖,根据最常用的标签用途进行选择购买即可)

主机整体360开箱观赏一下,做工超好,颜值也耐打,黑得很有型。

标签机前脸和上方之间做了一个45度切割面,设计成光滑面,驰腾的商标和开机键设计在这里,呈现圆形和椭圆形的造型,整体都很圆润舒服没有棱角。

中下部是斜杠式的磨砂图案设计,显著增加视觉设计感和防滑性能。背面是总开关的位置,便于实时开启或者关闭电源。

侧面有一个蓝色按键造型,往下一按就能自动弹开标签仓。

标签轴可调节,并左右凹凸刻度标识,便于根据标签的尺寸大小进行松紧调节,让标签更稳定。



顶部是出签口,有一排细密的刀口,使用要注意避开儿童常用的区域,避免划伤的风险。

底部专门做了2个防滑圆垫,稳固性超强。凹陷口是供电接口、钱箱接口和TYPE-C接口,可以外部供电、电脑供电,充分利用空间,隐藏性好,使用时候更美观。

使用的时候装好标签纸,插好电源线,硬件准备就就绪了。

有了硬件,还要有软件配合不是。所以呢,要根据包装盒或者说明书上的二维码,下载驰腾APP小程序“驰腾云标签”,也可以通过公众号进行信息查询和说明书指南的读取。

根据系统提示,进行蓝牙的配对和链接。


APP上的项目非常琳琅满目,有照片打印、PDF打印、扫描打印、图片识别等,但是个别功能需要注册VIP,这里就不赘述了。

说说主要的标签打印功能。

  1. 扫一扫打印

这个功能超级实用,适合店铺陈列商品时候打价签。选择”商品打印”,对准商品的条形码或者二维码,自动生成相关的产品信息条,可以批量进行打印,个别信息需要修改进行修改,很方便。

  1. 模板打印

选择产品对应的模板,根据商品类别进行模板选择,进行品名、事项等的编辑,一些重复的可以归类排版,一次性打印出来,分门别类贴标签就非常方便。

蜡笔是个快递大户,所以其实打印快递标签是我的快乐源泉。把品名、尺码、价格等信息打印完成,销售就很方便。



3.小票打印


还有小票打印,功能是限时免费的,打印的时候支持各种自主设计和模板导入,不过需要配置相应尺寸的长款打印纸,手头没有,只能系统演示一下了。

值得一提的是,驰腾作为专业的商用打印机制造商,提供了很多商业模板。包括服装、食品、珠宝、物流、收款码、零售、电器、电力、医药、资产、家装、生产、直播、小票以及其他等共计十余个门类,甚至还有冷链食品溯源码,也是很与时俱进了有木有?

还有一些可爱的易于识别的小图标,可以作为标签打印的时候注入,更为直观。

在模板使用的时候可以很方便的根据们来进行选择,或者直接输入自己想要的类别进行菜单选择——比如蜡笔输入“快递”。

还有蜡笔最喜欢的一款智能功能,就是驰腾有根据打印纸尺寸进行模板选择的功能,这个功能非常方便,你可以快速辨别你需要打印的品类需要什么尺寸的打印纸,或者根据打印纸的大小选择适合的模板,双向选择更为便捷,让人得心应手。

经过一段时间的使用,蜡笔觉得驰腾作为一款专业的商用便标签打印机,颜值大气、功能使实用、操作方便,而且电脑手机双用,供电也多样化,算是很大程度上抛开了时空限制的标签打印机,值得一赞!

做标签说说(空间说说标签怎么取消)3

编辑导语:表单可以被拆解为标签、输入框、按钮三个基本要素,在进行这些设计时,往往会有无数疑问从细节中冒出来,要怎么解决呢?本文作者对七个常见的问题进行了分析解答,一起来看一下吧。

按钮的圆角用多大,标签后面是否用冒号,选填必填怎么区分,线索模式和说明模式应用区分……针对这些小细节问题有时候感觉非常头疼,一边不停地催稿,一边不停地纠结这些细节,最后大家一起合作的往往五花八门,而单独页面改版也不是一直存在的事。

提起表单,相信我们往往用最直觉的设计经验本能驱动我们去解决一些看似在界面设计中的问题,但每到细微之处,又会有无数疑问从细节中冒出来给我们造成困扰。今天的分享有点冷门,希望能抛砖引玉,引起大家的重视。

表单基本形式可以被拆解成三个最基本要素:

标签是用来提示用户列表项是什么;输入框是用户信息录入的;按钮是供用户完成信息录入后进入下一个流程的。

问题一:输入框是否放入清空按钮?

1. 单行文本

输入账号和密码后面往往有个「清空按钮」,因为密码输入默认******,无法直观看到哪个字符输入错误,全部清空重新输入就非常符合用户场景。写到这想起来搜索后面也是有「清空按钮」,那就是常见表单输入框后面是没有「清空按钮」,特殊场景才会有,那么怎么判断输入框是否放入关闭按钮呢?

各种功能场景用户主要希望要快,无论在登录注册还是搜索场景下,除了本身内容外,最注重的就是效率。

在APP进入市场时往往有业务指标是注册量、留存等,所以设计师会在登录注册的操作流程中抓住提高效率的每个细节,这时候输入框的交互效率至关重要,一个是与业务指标挂钩,另外一个在电商行业高效率某个程度来说是可以提高成交率的。

2. 搜索场景

搜索也是也是一样,当用户使用搜索框时是有明确目的的,关键词就是用户当前最关心的。如果输错或换一个关键词则需一个个删除,这样反而没有清空来得快,特别在电商行业决定用户买不买就在那一两秒。

这类场景下的「删除」功能作用是「清空」,其主要原因是快捷方便,在符合用户预期目标场景下最节省删除成本。

3. 多行文本

为什么我们在淘宝上买商品,在商品不符合预期时往往编辑一大段话描述不好的特点,甚至还附图佐证,这时候后面没有清空按钮呢?

这里存在「输入成本」与「修改成本」,它不像搜索和登录几个关键词或一串数字就可以了,它是需要别其它用户能看明白并了解商品属性的一段文字。这时候输入成本高,如果这时候放了「清空按钮」,用户原本是希望修改个别文字,如果误点了「清空」就需要重新输入一大段文字,这时候输入框中的「清空」有诱导操作嫌疑。

当然我们有多种操作方式让用户重新输入,比如键盘滑块定位,触摸连续几个字等都比清空后重新输入成本低很多,也不需要清空的便捷性了。

综上所述:在我们需要清空按钮时,我们的输入成本和修改成本是低的,以便提高输入的便捷性;当输入成本较高时,清空按钮是不合适的。

问题二:单行文本框长度多长合适?

很多设计师在拿到需求的时候,都会潜意识追求视觉上的对齐,强行将表单宽度定位统一宽度,这种处理方式没有深入思考用户实际需求场景,在web端错落有致会比左侧整齐划一更舒适,更有节奏感。

表单的宽度应该向用户暗示所需输入内容的长度来减轻判断负担。如下图案例,一个房屋面积可预估的情况下,用右侧输入框等宽处理容易误导用户对所输面积的判断,需求多次确认信息无误。

错落有致也得有个规则,没有规矩不成方圆,也没法系统的沉淀出设计规范去延展,我们的目标就是让表单设计有规律的错落有致,这时候就想到了「栅格系统」,大家可以翻前期文章有写web端栅格系统。

每一类的表单输入区域都因其录入存在合理的宽度,输入区域的宽度刚好暗示其填写内容的长度,合理的输入宽度不仅给用户带来心理预期,也提升了整个表单的操控感。

注意:匹配合适的键盘

根据表单内容的不同属性,应对不同的输入需求,应该提供不同的键盘类型,以便于用户使用更加快捷。常见键盘有以下类型:

  • 设备系统内置的输入法,或者下载符合我们长期使用习惯的输入法APP
  • 涉及资产安全方面,提供打乱字母及数字顺序的键盘,可以防止窥窃,提高安全性
  • 数字输入,提供纯数字键盘,能够提升用户的完成效率,让输入变的更简单

问题三:标签后是否带冒号?

连起来的句子往往是带有冒号的,比如见贤设计笔记:B端产品设计总结,这里的冒号带有解释上文的意思,那么我们标签和输入框之间是否需求冒号呢?

国APP上比较少看到冒号,但这并不是没有如下图Mac系统设置:

度娘说:冒号通常表示提示语后的停顿或表示提示下文或总括上文,它的后面可以是一个例子,一个引用,或者一个解释,那从情感角度分析标签带冒号的是否对用户体验有影响呢?其实无任何影响!

所以如果我们设计有冒号,那请一直保持;如果没有冒号,可以不需要冒号,保证页面一致性即可。

1. 冒号对齐

冒号对齐(右对齐)能让内容锁定在一定范围内,让用户眼球顺着冒号的视觉流,就能找到所有填写项,从而提高填写效率。

2. 在上个层级的标签和冒号同时存在时,我们这时候怎么对齐呢?

我们最好确定统一的起点,如下左图,当然在使用的过程中需要判断用户使用场景,如下右图是12306修改乘车人信息,用户注意力在信息上,标题仅起到区分模块的作用。

问题四:为什么优先进行在线验证?

我最初入行和研发小哥哥就争执过登录页面,密码输入后需要点击登录按钮才能判断密码是否正确,如果在输入密码后直接判断密码错误就少一步交互,对老年用户来说少一步就是进步一大步。为什么密码输入后不能直接判断密码是否正确呢?

1. 在线验证

在以往的网页设计中,信息填写的正确与否都要等待用户点击「提交」按钮后,产品将用户填写的数据提供到服务器,由服务器来判断是否正确。这种方法太过于依赖网速,并且不符合用户体验中的「及时反馈」原则。

所以现在产品设计,在数据还没有提供给服务器之前,先在前端进行一些基础的错误排查,即在线验证。

一些基础的规范,如邮箱是否加上了 @xxx.com ,都是可以通过在线验证的,而无需上传到服务器去比对数据库。

理想情况下,所有用户填写的信息都应该先经过在线验证。用户填写完字段后,如果包含错误,应该立即给予反馈并将错误提示消息放置在用户填写字段到附近。这样,错误提示容易引起用户注意,对于用户的交互成本也低。用户不必要重新查找和导航到错误位置。

需要比对数据库的信息可能无法进行在线验证,那就还是当用户提交将信息发送给数据库后再提示错误。也就是是说前端只能进行简单的验证,比如手机号位数不对、邮箱格式不对等,判断密码是否正确需要后端对比数据库才能判断,这时候就需要点击提交按钮。

左图一输入账号后里面提示不可用,方便用户及时修正;而图二需要输入手机号验证码点击提交后再提示错误信息,从信息反馈上来看,全部输完了提示错误,交互过于繁琐。

  • 前端校验:一般校验显示错误和格式错误:必填项、(邮箱、电话号、地址)格式、密码强度等。快速反馈,直接提醒用户错误内容,让用户及时知晓并更改。
  • 后端校验:唯一性验证、验证码、敏感词等,触发校验请求后系统会去数据库查询校验信息,再给予用户相应的反馈。

2. 复杂字段设置填写成功指示器

同样的,在线验证也可以用于提示用户填写的内容符合规定。谨记错误预防准则:提供给用户相关的建议,将用户的输入值限制为合规的范围内,并允许输入错误、缩写和不同的输入格式的存在以保证产品的兼容性。

对于复杂的输入(例如输入新密码),即时的在线验证(在输入字符的一瞬间提示)将防止用户多次猜测或检查输入的内容是否符合系统的设置。在下面的示例中,密码强度指示符会随着用户的输入而变化,并帮助用户确定到目前为止的输入是否合规,还是要继续改进。

另外不要过于关注这个「进度指示器」。优秀的进度指示器不应该分散用户填写表单的注意力,仅仅当添加这个「进度指示器」有助于用户填写时,才应该使用。

3. 将错误信息一直保留在输入框旁边

通过在线验证,错误消息会自然的显示在输入框旁边。有一些基础的规则,或者用户大概率会出现的问题,即使用户还未填写任何信息,也应该以备注的方式在输入框下方标注,这是一种非常有性价比的行为,将错误信息一直保留在输入框旁边可最大程度的减少用户思考。

4. 错误提示该放输入框哪个方位?

登录注册这块错误消息的两个最常见的位置是表单顶部置和输入框行间那么到底那个位置对用户来说更直观呢?

根据上下左右四个位置,根据浏览习惯列举出考虑每种情况的设计图一边分析。

1)右边

网页端微博注册如图错误提示放输入框右边,符合人们从左到右从上到下的阅读习惯;用户视觉路径自然流畅,很大程度上减少了用户的视觉工作。

Web端输入框较长时,输入字段后面往往大段空白,接着是错误提示,这时候视觉上也存在来回跳跃感;

而移动端屏宽右边显示不了错误提示,所以错误提示常出现在输入框下侧,若网页和移动端设计保持一致时,错误提示就出现在输入框下侧了。

2)左边

错误提示在左侧与用户期望相违背,因为错误提示左侧放置更高输入框的优先级。但事实上用户需要专注于纠正他们的输入,因此输入框应该是更重要的元素。

3)上边

当标签在顶部时,一共存在标签、错误提示、输入框中的文本3个提示,当用户输入错误时,视觉来回在标签、错误提示、输入框之间交换,用户注意力被分散,认知负荷增加。

4)下边

放置下边的错误信息提示,虽然不符合从左到右的阅读习惯,但它确符合从上倒下的阅读流程。

手机屏幕缺少水平空间,把错误信息提示放置在下方是个不错的选择。

输入框显示错误信息是更加减少用户认知负担,可以当场识别错误而不需要视觉来回切换,减少记忆负担,在表单底部和顶部。

5. 错误提示与其它内容视觉上区分

出错之后,用户需要迅速注意到报错信息。大多数使用警示色红色,红色面积过多往往给人压迫感,产生畏难心理,所以在其它地方尽量减少红色使用。

另外考虑到色盲的用户需求,我们在错误提示时不仅仅使用颜色标注,比如可以加入表示错误的icon,当前内容抖动等,比如QQ登录抖动提示,苹果电脑的锁屏密码错误抖动,或现在适老化的语音播报……

上图是新版花瓣和国外printerest登录界面对比,由于主色调都是红色,而错误提示也是红色。当用户光标聚焦输入框正在输入时,花瓣已提示错误,整体视觉提示是过重,设计相比之下稍逊色与printerest。

典型反面案例:下图是追波注册流程,由于3个问题没做好,在表单过长的情况下,用户极大可能性流失。

  • 输入前用户名没有引导说明
  • 输入后未激活用户名和邮件没有实时反馈(前端格式未校验)
  • 完全输入后由后端校验,错误太多,用户易产生畏难心理(为了方便看,输入后已激活图三翻译成中文)

问题五:用「线索模式」还是「说明模式」好?

1. 线索模式

是指用示例输入或说明文本以占位符的形式显示在输入框中,以帮助用户理解需要输入的内容,或给出相关线索的一种设计方式。信息表达轻盈、简单、与业务逻辑关系弱。

时间控件中有“请选择日期”,输入框中会有“请选择日期和日历icon”等线索文字,这就是线索设计模式。

假如下图Facebook输入框什么文字也没有,用户预期可能是输入或其他,因为设计者没有给用户框定搜索边界,因此线索设计模式可以让界面不言自明。

线索模式特点:

  • 更好的帮助用户理解输入框要求输入的内容
  • 文本提示的位置应该和输入值的位置一致
  • 配合下拉菜单或者组合输入框使用
  • 使用祈使句,以动词短语开头,以描述输入内容的名词结尾,例如“请选择状态”,“请输入您的账号”或“请输入患者姓名”等
  • 输入线索的内容位于用户输入的位置,因此用户会注意到这个地方

2. 说明模式

是指在空白文本字段的旁边或下方,放置一个短语或示例,以解释此处需要输入的内容或提供关于此内容的详细要求及信息。

说明模式特点:

  • 使用户无需猜测,同时可以进行上下文提示;
  • 使输入框前的字段保持简洁,不要包含太多文本,使用户能够快速明确要输入内容;
  • 视觉上将说明模式与线索模式的字段区分开,可以使已经知道要做什么的用户忽略该说明,并将注意力集中在输入操作上;
  • 带有引导性的文案处理,会促进用户优化填写方案;
  • 操作项一侧或下方,提示需要输入的文本的具体要求和注意事项

典型案例:下图第一个案例每一项后面都有对应的输入说明和输入线索,比如社交账号后简单的说明了其作用, 让用户迅速了解填写什么内容更合适。

另外,好的引导能激发用户的填写欲望,比如QQ个性签名输入线索展示我的独特态度,非常符合年轻人的定位,填写几率也大大增加了。同时也吸引其他好友的关注,使用户之间互动更频繁,平台也能因此更活跃。

3. 该用线索模式还是说明模式?

慎单独用线索提示,当输入内容过多时,可能会忘记这个提示,适用于简单的输入框,如注册、登陆界面的表单,输入框的长度如果不用暗示信息长度,需要统一输入框长度。

如下图iconfont极易忘记输入新密码的要求,当输入时候会疑惑密码是要字母/数字/符号三者组合,还是单一组合即可。

另外输入错误时会发现和提示内容和输入前不一样,也会造成不解,这些我们在设计过程中尽量避免。

4. 对比:「线索模式」VS「说明模式」

「线索模式」与「说明模式」都是辅助用户输入的设计模式,这些模式可以帮助用户明确输入信息的内容形式。那么这两种模式有什么差异性呢?

使用说明模式时,快速浏览界面的用户可能会轻易地忽略说明信息,因为此时用户的目标是尽可能快地填完表单,进入下一步操作。

因此,过多的文本说明也会给用户带来较大的视觉压迫,所以说明模式下的文字往往简短易懂。

Google 注册账号页是结合使用「输入说明」与「输入线索」的一个典型案例。通过使用「输入线索」告诉用户需要填写的内容,通过「输入说明」来补充填写信息的相应意图,进而使得用户可以清晰地意识到需要填写什么,并输入相应信息。

问题六:非单选又非多选的选择该怎么设计?

关于单选、多选、开关3种对比设计很多文章都写过,但是是不是往往忽略了一个场景,单选和多选都是有多个选择的场景,那如果只有一个选项用开关设计形式又不合适,这时候该怎么设计呢?能简单把这个场景直接归类为单选或多选吗?为什么呢?

是否选择有的产品用圈,有的产品用方块,那么到底是处于什么场景下考虑这个圈和方块呢?我一直相信做的越好的产品中任何符号都有其缘由,现在我们先假设2款产品不同是有其道理

1. 谷歌规范定义

复选框:允许用户从一组中选择一个或多个项目。

两个关键点:

单选框:单选按钮允许用户从一组选项中选择一个选项。

两个关键点:

2. 问题思考

我们看到电商产品比如淘宝京东购物车,无论单选还是多选都没按照谷歌或iOS规范,我们看到登录时勾选政策时勾选也是2种设计形式存在,如果你拿着这个结论去和产品交互沟通最后可能就是拍脑袋决定,非常不利于后续设计工作的展开。

不管是国内常用产品还是国内竞品截图,都没有严格按照某一规范来制定单选或多选的设计形式,甚至同一款产品多个不同业务线多选形式也不一样。

我们继续深挖以下3点:

  1. 是否和系统有问题,查看安卓和iOS系统
  2. 竞品的应用方式,以及他们是否具有参考性
  3. 线上相关文档资料支持

针对这3点呢我们就会有个途径去论证我们的设计形式是否正确。

Android使用与 Material规范保持一致,IOS使用上单选和多选没有明确区分,可以直接使用勾选

即:iOS和安卓不同系统上单选和多选还是存在一部分差距。

由此说明,行业内并没有明确规定单选和多选的设计样式,各个产品都是根据各个产品的规范所得出,只是我们常常看到国内产品政策勾选是「圈+勾」,看得多了就习惯认为是这样,但其实并没有过这样的规则。生活我们往往习惯把某个具象的内容抽象化,把某个具体的问题概念化,这也是我们常常说的归纳法。

因为我司产品是台湾地产项目,所以这时候的竞品需要符合台湾用户使用习惯。台湾和大陆用户不同,更多是受国外互联网影响,我们查找了台湾用户用的比较多的网站,勾选这块更多是方块。

所以说设计工具/方法论,常常具有指导作用,但不能作为绝对性或权威性的内容来吸收,应该辩证地去看。而之所以在移动端延伸出许多自定义组件(形式并没有遵循所谓的市场常见规范),是因为业务与功能的多样性导致的结果。所以样式的选择不单单是看到的那部分,不该被样式表面套住,内容是它的决定性因素。

比如用户知道闹铃只能选择一种,不会同时有 2 个铃声响起来,所以即便闹铃的单选形式再如何变化,也都知道它是单选的,这就是功能决定了操作形式的例子。再比如用户知道设置闹钟的时间,可以同时选择周一到周天,就算用单选的设计样式,用户也知道他是可以多选的。

类似于,无论如何变化选择样式,无论是圆圈、方框,或只有勾,甚至是其他情况,大家也都知道它就是单选。

所以只要梳理出符合自己产品的「单多选」样式,形成规范即可。后面遇到符合规范中已有的形式的,就遵循,不符合的就不遵循。

单纯说什么时候该遵循,什么时候不该遵循,是很概念化的一个问题,不可能存在一个具体话术标准,说什么时候应该,什么时候不应该的。

问题七:必填项用「*」还是「必填、选填」?

用红色「*」标注必填项常出现在标签前面,是一个比较清晰标志必填项的方式,并且还很节省空间,也能在一定程度上起到视觉降噪的作用 ,提升可读性和填表率。

而必填选填跟在标签后面,往往与标签文字同色,移动端标签在左输入框在右时,不仅增加了标签的长度,而且增加了阅读的难度,回头核查时也更不易察觉。若选填必填在输入框内与提示信息一起,当文字输入时用户常常会忘记是必填还是选填。

用「*」时我们需要注意:

  • 「*」对用户来说是否理解
  • 必填项总是比选填项要多,红色的星号会让用户更加畏惧,这会增加错误风险并降低表单完成率。 比如我们当必填项较多时, 我们会看到满屏的「*」,这个时候我们内心往往是崩溃的

1. 用「必填、选填」场景

有一些产品选择了「必填、选填」,原因在于:假如总共有10个表单项,有9个表单项必填,1个选填,那么为了界面整洁,就可以给选填的表单项备注「选填」。假设刚好相反,1个必填9个选填,那么给必填的表单项备注「必填」,当然这个时候也需要要考虑这些选填项的必要性了,设计的目的及作用。

当然表单较少时,可以利用用户与界面的交互,告知用户选填必填。如上图必填项未操作时,提交按钮未激活不可操作;当必填项操作后,按钮激活可以提交表单。

综上:

  • 所有必填可不用区分
  • 使用带 * 标记加入标签提示,来告知用户必填字段,选填字段不做标记(使用时考虑用户接受度)
  • 必填字段过多时,不用做任何标记,选填字段标签处备注「选填」
  • 避免必填和选填字段同时标记或者都没有任何标记

总结

本篇文章更多是从表单设计中的一些平时工作中遇到的小细节,极易忽略和遗忘的一些设计点在展开说明。利用问题加案例把每一个细节剥离拆解,没有系统地、成本成套的来分析表单的构成和交互细节等等,因为这类内容讲的人太多了。

同时,我也希望能够通过这篇文章给到大家更多的启发,一起探讨进步。

本文由 @见贤设计笔记 原创发布于人人都是产品经理,未经许可,禁止转载。

题图来自 Unsplash,基于CC0协议。

相关文章