Blog

创建美观、可用且高效的APP UI是需要花费不少时间和来回多次的设计修改和调整,最终产出令消费者满意的作品。在这里,小编将为大家总结一些易于实践的UI设计技巧,掌握这些UI设计技巧可以毫无费力地打造让用户满意的APP。 掌握这些易于实践的UI设计技巧 轻松打造令消费者满意的网站 UI设计技巧①:尽量采用一致且同心的圆弧边角 UI设计过程中,若遇到带有圆角的控件且两者不是嵌套关系,那么圆角需要保持一致,确保整体视觉效果的同一性;若两者属于嵌套关系,就需要让这两个控件的边角看起来有“同心”的效果。 一般来说,这种按比例缩小的圆角半径,更符合物理世界的逻辑,给人一种更精致且专业的视觉体验。 UI设计技巧②:深色模式下注意高程变化对颜色的影响 深色模式下,尽量使用深灰色来呈现而避免使用纯黑,已是众所周知的事情。不过当UI控件出现互相重叠的情况时,控件在Z轴的高程上存在差异,需控制好深灰色的色价变化,确保它在UI视觉逻辑上的合理性。 由于APP在深色模式下,背景颜色总体偏黑,通常不需要进行任何阴影上的设计,只要控制好控件主色根据近浅远深的逻辑来控制色阶,就能让界面的高程逻辑更加合理。 UI设计技巧③:使用简短明确的文本标签来传递讯息 除非进行完整且全面的解释,否则标签内容在消除可能存在的歧义后,尽量使用简短而明确的文本来描述,这样可以帮助用户在最短时间内更准确地获取想要的关键讯息。 UI设计技巧④:何时使用单选按钮,何时使用下拉菜单 当涉及到上述类似的产品列表的选项设计时,“单选按钮”和“下拉菜单”这两种UI控件的选取常常会让人感到非常混乱。 虽然这两款控件的使用方式看起来非常相似,但在实际应用上还是需要分情况的。至于是选用单选按钮,还是使用下拉菜单,关键判决在于“用户认知负荷”上。通常可选项数目少于4个时,选用单选按钮即可;若超过4个,则使用下拉菜单来承载所有选项。 UI设计技巧⑤:避免使用默认的阴影样式 在彩色背景上处理UI元素的阴影时,尽量避免使用黑色阴影。因为在物理世界中,阴影效果是会受环境颜色影响的,因此要解决那些看起来很假的阴影,最简单的方法就是在UI元素的阴影中混入一点背景色,这会让界面看起来更加真实。 UI设计技巧⑥:深色模式下的白色需要适当调暗 正如刚才提及到的,在进行深色模式的UI设计时,背景色彩永远不要选择纯黑色,因为它会降低APP的可用性,适当调亮黑色,能降低强对比所造成的刺眼状况。 同样道理,深色模式若应用纯白色元素也会降低APP的可用性。这个时候应适当降低白色的明度,以免用户因为过强的对比而产生视觉频闪的效果。 UI设计技巧⑦:不要仅靠颜色来传达表单的错误状态 如上图,若表单设计仅使用红色边框作为错误状态的警告,向用户传达目前产品的状态,一旦遇上存在视觉障碍的用户,他们很容易会漏掉这个错误状态的指引。 如果表单设计不仅靠颜色来传达表单的错误状态,还使用图标和文本说明,确保讯息的正确传递,才能准确告知用户到底发生什么错误,以及问题的症结在哪里。 UI设计技巧⑧:使用占位符示例来改进表单体验 与默认占位符文本相比,使用贴合表单内容的占位符格式,能更直观地告知用户,该表单需填写的内容格式。 用户体验的重要性不言而喻,尤其是对APP UI设计而言。随着智能手机的发展,各种各样的APP也不断涌现,同时产品同质化问题也日益严重,因此品牌APP若能通过用户体验方面来改善,便能毫无费力地打造让用户满意的APP。

众所周知,网站只有搜索引擎收录,才能有机会获得SEO排名,为网站带来更多流量。因此新网站上线后,首要任务就是让搜索引擎收录网站。那么,如何让新网站快速被搜索引擎收录呢? 第一步,了解影响新网站被收录的因素 随着搜索引擎算法不断更新,搜索引擎对网站的收录标准也越来越高,下面168solution就为大家分析一下,影响新网站被收录的关键因素有哪些? 因素1:网站结构不合理 网站结构是否合理,对网站是否被收录起着关键性的作用。 如果网站结构混乱,甚至没有内页链接,想要搜索引擎光顾网站并收录,是几乎无可能的。通俗点说,搜索引擎来到网站,反映条条路都不通,自然没兴趣继续逛,更何况是收录。 因素2:对网站不够信任 搜索引擎对网站的信任度,同样对网站被收录起到至关重要的作用,然而很多品牌都忘记了,新网站刚上线时,搜索引擎并不会对它产生任何信任。 但随着内容不断更新、网站架构不断完善,搜索引擎会逐渐对网站产生信任度。换句话说,想要提升搜索引擎对网站的信任,最好的方法就是定期更新高质量的原创内容。 因素3:服务器不稳定 网站服务器是否稳定,也是确保网站内容能否被收录的决定性因素之一。 如果服务器不够稳定,会导致网站加载速度缓慢,甚至出现完全打不开的情况。网站一旦出现这种情况,影响的不仅是用户体验,还导致搜索引擎无法抓取网站讯息,使网站在用户以及搜索引擎心目中的印象大打折扣,甚至面临降权风险。 因素4:域名曾有黑历史 很多企业在架设网站时,都会选择一些老域名来使用,却忽视了检查该域名之前是否曾被搜索引擎惩罚。 若域名被搜索引擎惩罚过,这个老域名不仅没有权重,甚至怎样优化都不会有效果,与其这样,倒不如买一个新域名要来的划算。 第二步,如何让新网站快速被搜索引擎收录? 知道网站没有被收录的原因,接下来我们可以运用一些SEO优化技巧,让新网站快速被搜索引擎收录,例如: SEO优化技巧一:主动向搜索引擎提交站点 各大搜索引擎都向网站提供了自动提交站点的功能。需要注意的是,主动向搜索引擎提交站点,虽然不会提高爬虫抓取网站的效率,但能让搜索引擎尽快发现网站已经上线;同时网站每次更新内容并主动提交给搜索引擎,可保护网站内容的原创性。 SEO优化技巧二:制作网站地图(Sitemap) 网站地图(Sitemap)是网站内部优化的重要部分之一。网站地图可方便网站管理员通知搜索引擎他们网站上有哪些可供抓取的网页,方便搜索引擎对网站页面进行收录和排序。 SEO优化技巧三:注重内容原创性和价值 所谓“内容为王”,在进行SEO过程中,定期更新高质量的原创内容,迎合目标用户和搜索引擎的喜好,增加网站与目标用户和搜索引擎之间的友好度,将有利于提升搜索引擎收录网站内容的效率,增加网站曝光量。 SEO优化技巧四:重视外链质量 要想加快搜索引擎对网站的收录,外链建设是非常重要。外链建设不仅对网站起到引流作用的,对提高网站SEO排名同样起到一定的辅助作用,但是首要前提必须是高质量的外链。所谓的高质量外链,不外乎以下几点: · 在与网站主题相关的平台发布外链; · 在权重较高的平台发布外链; · 外链发布形式尽量多元化,不要直接发个链接就算。 SEO优化技巧五:切完盲目改版 搜索引擎之所以对新网站设置审核起,是为了检查网站的品质,所以网站在上线后,切完进行大规模的改版,否则搜索引擎会认为网站不稳定,不适合呈现在用户面前,从而延长收录时间。 经营企业网站并不是一件容易之事,尤其是对新网站而言。因此新网站若想加快被搜索引擎收录,就需要定期更新站内内容,发布高质量外链,不断完善网站架构 才能给搜索引擎留下好印象,加快收录!

你的UI设计需要添加弹窗吗?好的产品通常会在适当的时间、合适的位置给出合理的反馈,弹窗也不例外。因此,如果弹窗设计不佳,给用户带来不好的实用体验,甚至误导用户,很可能就会出现大量用户流失的情况。因此,进行UI设计考虑是否需要添加弹窗时,应从用户角度出发,将用户需求转化成设计目标,最终才能打磨出服务于用户的弹窗设计! 你的UI设计需要添加弹窗吗? 在UI设计中,弹窗的目的是为了回应用户或让用户回应的控件。换句话说,弹窗就是用户与产品进行友好对话的一种方式,那么什么样的场景需要用到弹窗呢? ① 打断用户操作 风险警示:当用户的某种操作可能存在风险时,为避免其操作失误,产品会弹出对话框打断用户的操作,并给予一定的风险提示引起用户的注意,以便有足够的时间确认是否需要进行下一步操作。 前置条件:部分任务在流程中会设有一定的前置条件,需要用户满足条件才能进入下一步操作,通常这种情况会根据弹窗内容、重要程度以对话框或动作栏的样式弹出。 任务关键节点:当用户在满足任务的基本条件,并需要操作一个关键步骤才能成功时,产品会弹出对话框让用户完成最后一步操作。 ② 定制化弹窗 这类弹窗主要从产品角度出发,无论用户是否需要、会否反感,都会引导或强制用户操作。 例如产品发布新版本,会强制用户更新,否则将无法使用。 又例如部分电商APP,当用户进入首页时界面会弹出一堆红包、优惠券,利用鲜艳色彩或动态效果突出主题,增加弹窗的吸引力,以达到转化用户的目的。 ③ 二次确认 二次确认是在用户已做选择的情况下再次弹出确认,以免操作结果造成用户认知上的偏差。一般来说,二次确认使用得当,可以起到避免用户、产品的潜在风险,重要内容加深二次记忆等作用;但若是从主观角度一味的滥用,就会对用户造成恶意的干扰,影响使用体验,导致出现因多步操作增加任务完成难度、降低产品转化率,甚至损害产品/品牌形象等。 因此,二次确认弹窗需从业务的实际角度出发,着重用户体验和产品转化的两大方面考虑是否需要添加。 ④ 简单提示 简单提示常见于在任务过程中的提示(可重复)和结果反馈,以确保用户知晓当前所处的状态。无论用户是否注意到,也不会造成较大的损失,是众多弹窗设计中成本最低的弹窗。 如何设计有效的弹窗? 1. 信息的层级关系 设计弹窗时,需要注意信息的主次层级关系,优先传达用户想要或产品想要让用户知道的信息,以确保重要信息能第一时间传达给用户。 2. 展现形式 弹窗需要根据实际的场景合理使用,不能为了简洁而过分删减内容,更不能画蛇添足。例如部分偏向于操作状态、系统报告类的提示,大多情况可以使用简单的反馈,但对于可能造成用户的提醒就需要刻意打断用户,给予更明确的提示,甚至二次确认。 3. 文案表述 由于弹窗本身承载的内容有一定局限性,加上用户耐性优先,因此弹窗内容一定要简洁且精确,能用一句话说清楚就不要出现多一句,在有限的空间、有效的时间内清晰表达出核心内容。 4. 弹出的时机和频率 如果弹窗的弹出时间不对或过于频繁,可能会造成用户反感,因此在UI设计中需要把握好弹窗的弹出时间和频率,控制在大部分用户都可接受的范围内。 总之,在UI设计中,弹窗的出现或多或少都会产品的用户体验造成一定的影响,因此考虑弹窗设计时,我们需要考虑弹窗出现的时间、场景以及频率等,以便尽可能降低弹窗出现的干扰!

在运营网站SEO时,我们经常都会遇到网站死链的问题。那么,什么是死链呢?Solution168表示,几乎所有站点都遇到内容失效、过期,以及页面不需要再展现等情况,这些无法对用户提供任何有价值的页面就是死链。 死链的存在对网站SEO有什么影响? 一般来说,常见的死链包括协议死链和内容死链两种形式: 协议死链:即页面的TCP协议状态/HTTP协议状态明确表示的死链,也是百度搜索建议的死链类型,常见的如404、410。 内容死链:服务返回状态是正常的,但内容已经变更为不存在、已删除或需要权限等与原内容无关的信息页面。 根据百度搜索官方表示,当网站死链数累积过多,并且被展示到搜索结果页时,不仅会影响百度搜索对网站的评价,也会对网站的用户访问体验和用户转化起到一定的负面影响。另外,百度检查死链的过程中也会为网站带来额外负担,影响对其他正常页面的抓取和索引。 既然死链对网站SEO影响如此大,我们该如何正确处理网站死链? Step 1 筛查网站存在的所有死链 把网站存在的所有死链全部找出来,制作死链文件并将这些死链设置为404或410页面,当百度爬虫尝试抓取页面时,如果返回码为404或410,会将URL判定为死链,进而从搜索中删除。 设置完返回码后,修改页面标题,明确表示该页面为死链,页面内容可以进行个性化设置。 Step 2 将死链文件放置在网站根目录下 比如站点为example.com,并且已经制作了一个死链文件(如deadlink_example.xml),则将deadlink_example.xml放在网站根目录example.com下,即example.com/deadlink_example.xml Step 3 登录百度搜索资源平台,并在“死链提交工具”提交死链数据: ① 通过搜索资源平台→搜索服务→资源提交→死链提交,到达操作页面 ② 填写死链文件更新周期,可选“每隔xx小时/天更新一次” ③ 填写死链文件地址(留意提交矿右侧的配额提示) ④ 管理已提交的死链列表,可查看死链文件状态和死链处理状态 【提交死链注意事项】 1. 提交死链时,保证所有页面处于404状态,避免死链文件中存在活链URL,否则百度搜索会将活链URL从搜索中移除。 2、请勿提交索引型死链Sitemap文件,否则百度将不予处理。 总体而言,死链会影响用户体验及降低访问者对站点的信任,为避免造成大量用户流失,建议定期筛查网站死链并及时处理,以减少死链对网站SEO的影响!

全球老龄化日益严重,“如何让中老年用户群更好地使用互联网产品”成为当今非常热门的话题。 今天,小编将以“进行UI设计时如何兼顾好适老化问题”为本文主题,和大家说说:网页设计和APP设计在遵循“适老化”原则时需注意的事项。 那么,中老年用户群普遍存在哪些特点? 世界卫生组织根据现代人生命状况,提出“人生阶段年龄”的新划分:45~59岁为中年人;60~74岁为年轻老年人;75~89岁为老年人;90岁以上为长寿老人。 随着年龄增长,中老年用户群普遍会出现身体机能、生理状态和认知能力等的衰退: ● 生理机能衰退 1. 视力下降,影响眼睛对空间、颜色、明暗等感知; 2. 听力弱化导致听不清楚,尤其是在嘈杂环境中,老年人要听清楚声音会感到非常吃力。 3. 专业术语以及需求,会引起表达和沟通不便。 ● 认知能力不足 1. 互联网和AI等技术发展变化过快,导致中老年人出现认知力不足。 2. 绝大多数中老年人对现在数字化产品感到陌生,加上复杂的界面操作,需要反复学习使用才能熟悉掌握。 什么是适老化设计? 适老化设计是无障碍设计中的一种,即坚持“以老年人为本”的设计理念,设计师需从老年人的视角出发,切实地感受老年人的不同需求,从而设计除适应老年人生理和心理需求的应用环境。 提到适老化设计,我们通常都要考虑通用性设计和包容性设计: ① 通用性设计:强调任何用户群体都可以使用设计中的所有系统和产品。 ② 包容性设计:好的设计应该满足尽可能多使用者的需求。 总之,适老化设计的核心就是既能照顾好中老年用户群体的使用,又能兼容普通用户正常使用。 进行UI设计时如何兼顾好适老化问题? 目前大多数APP设计和网站设计中的适老化应用,主要集中在C端(consumer)。针对中老年用户群的特点,目前常见的适老化设计原则有: 1. “强烈”好于“柔和” 针对视力下降问题,常见的适老化设计主要有增加字体大小、使用非衬线字体,以及提高颜色对比度等。 在百度的大字版APP和支付宝的长辈模式UI中,每个功能模块都使用明亮的大色块、加大字体的UI设计,增加界面重要元素的对比度,让中老年用户更容易找到想要内容。 2. 善用“辅助”和“替代” 针对听力障碍问题,常见的适老化设计主要有视觉辅助(即将声音转化成文字)、扩大音量,以及降低语速等。 Google安卓系统推出“Live Caption”功能,可自动将手机上播放的内容转换成字幕;Live Transcribe得“Sound Notification 声音通知”功能,可识别特定声音,如烟雾警报器、婴儿啼哭、敲门等,并转化成文字和视觉符号推送给手机,方便听障用户辨别生活中的一些重要声音讯息。 3. “点击”好于“滑动” 针对肢体障碍问题,常见的适老化设计主要有减少页面信息的密度,避免使用过小的按钮以及复杂的交互手势等。另外,有研究表明,老年用户群由于视力衰退导致无法对焦,因此在操作APP时会不断用两只手指放大/缩小界面,并反复点击屏幕。 平安银行APP的关怀模式采用卡片拼接的UI设计方式,将各模块间的间距放大,保证每个信息有更大的展示空间,同时放大按钮点击热区,提高操作的准确率。 4. “具象”好于“抽象” 针对认知障碍问题,常见的适老化设计主要有避免使用不容易识别的图标,尽可能配有图标或图片,以及简化界面信息内容。 滴滴APP关怀模式对整个界面的功能进行精简,以满足老年用户群高优先级核心诉求。首页UI设计只放“一键打车”操作非常简单,而且没有多余信息干扰用户。 除了C端要考虑适老化设计,B端(Business)同样需要考虑适老化问题,下面我们简单说说C端和B端的适老化设计有何差别? ● C端适老化设计特点: 1. 重点放在用户激活、留存,获取收益及更多传播 2….

MENU
網頁設計公司