Blog

很多设计师在进行UI设计没有灵感的时候,都会从其他设计师的作品中获取灵感,这是最佳的UI设计案例研究,既可套用常用的设计模式,也符合主流的设计规范,而且使用用户熟知的UI组件,能让界面变得更加易用。 But,经常借鉴别人的作品,会完全扼杀了创造,导致产品同质化严重;而且习惯于复用那些常见的UI组件,容易使自己陷入一个误区,忘了质疑这个UI组件是否适合自己的产品。 哪些UI组件应该谨慎使用? ● “深藏不露”的汉堡导航 对设计师而言,汉堡导航设计特别省事,只需要将所有菜单项排个序,然后放进可滚动的浮层中,并藏匿于汉堡菜单内即可,根本不用担心屏幕大小的问题。 但在实际应用中,可视化菜单项比汉堡菜单更能提高用户的参与度、满意度,甚至是商业利益,因此在近年流行的主流APP设计中,汉堡菜单已逐渐被底部导航的可见菜单设计取代。 不过,如果导航菜单项过于复杂,非要采用汉堡导航设计,一定要注意信息的优先级问题,同时将重要的菜单项可视化。 ● “遍地开花”的icon设计 过去由于手机屏幕空间有限,于是很多设计师都会使用icon代替文字来节省界面空间。icon虽然占用空间少,但要知道并不是所有用户都知道这些抽象化icon所表达的含义,他们极有可能需要花费多余的时间去探索并学习这些icon的功能,这是一个常见的UI设计错误,同时也严重伤害了产品的用户体验。 当然,这并不意味不能使用图标,因为在某种情况下,icon可提高菜单的可发现性,在界面中形成一个合适的触摸区域,并且能增加APP的个性。 因此,对于那些已经形成普遍用户认知icon,如搜索、视频播放、邮件、设置等代表常规功能的icon,可根据实际情况单独应用;而对于复杂功能的icon,应配以合适的文字说明。 ● 基于手势的菜单 自2007年苹果推出iPhone时,多点触控技术逐渐成为主流UI设计技术,同时也让用户逐步认知到触屏操作并非只有“点击”,还可以缩放、滑动等。 尽管手势在UI设计中深受青睐,有时也可以帮助设计师节省屏幕空间,但手势并不是显而易见的功能,而且大部分手势都没有标准的定义。有些用户熟知的手势操作,如点击、缩放和滚动,在不同的APP中可能会有不同的功能,这就需要用户自己去发现并学习。 ● 一打开APP就是引导 引导页是指用户第一次启动APP或APP更新后,用于让他们快速了解产品的某个功能/流程的页面。一般只出现一次,关闭后再次打开APP是不会再看到的,除非某些APP的设置功能中有新用户介绍入口。 为什么说引导页需谨慎设计呢?因为很多用户下载或更新APP后都会直接跳过这种介绍,而马上开始使用APP。即使他们注意到引导页的内容,也会很快在关掉APP后忘得一干二净(尤其是界面充斥着满满的信息)。另外,在界面中加入引导并不一定能让用户更容易上手。用户界面就像讲笑话,但如果需要去解释笑点,那就…… 事实上要设计引导页面并不难,比如在引导页中给用户创造情景,简单地介绍自己,并将重点聚焦在给用户带来的好处上,而不是介绍界面功能;又或者是增加和用户的互动,使用步骤化的引导,不仅能更好地传递产品的品牌理念,同时还能给用户营造更的操作体验。 ● 创意十足但作用不大的空白页 有时设计师看到错误信息或空白状态是个空的画布时,会认为这是做创意的绝好机会,然而却忽略它们在整体用户体验中扮演着重要的角色,也就是说大多设计师在设计空白页时都忽略它的实用性。 空白页设计与web上的404页面一样,不仅是视觉设计和品牌表现,更改是可用性的表现。在考虑创意的同时,我们更应该在空白页中告知用户出现空白页的原因及解决方法,以便帮助用户去解决问题而非制造问题。 其实除了上述几种UI组件,还有很多组件都应该谨慎使用,谨慎设计。有创意的设计是好的,能提高界面可用性的设计也是好的,但是如果在不恰当的情景中出现,再有创意、再有用的设计对用户而言都只不过是“食之无味弃之可惜”的鸡肋组件。

为什么有些品牌投放巨大营销费用,却依然没有被用户记住;而有些品牌只用了一个定位准确的关键字,就能一击即中,从默默无闻到迅速迅速出圈,实现声量销量双丰收? 品牌营销最离不开的就是“打造核心关键字” 什么是关键字?关键字就是用户在购物或查找信息时,通过搜索引擎而得到信息的那个输入字词。 对品牌营销而言,每个关键字都有着他独特的使命。根据品牌下商品权重的不同,关键词大致可分为一、二、三类: 一类关键字:竞争系数很低,但有一定搜索量同时也可以轻松带来流量的关键字。 二类关键字:也就是我们经常说的精准长尾词,相比起一类关键字,二类关键字的转化和搜索流量整体趋势都大,但竞争度也相对较大。一般搜索这类关键字的用户,他们的搜索意向都是非常具体,有强烈的购买意愿。 三类关键字:竞争力度非常大,商品竞争数也大,这类关键字大多是类目词。虽然数据上很可观,但转化率精准没有二类关键字高,而且关键字广告投放费用也非常高,比较适合资金雄厚的公司。 打造核心关键字的本质是什么? 可口可乐前CEO曾说过,“即使可口可乐在世界各地的厂房被大火烧光,只要这个品牌还在,我就能一夜之间让所有厂房从废墟中拔地而起。” 所谓打造核心关键字的本质,其实就是让用户对品牌产生惯性记忆,当用户听到某个词就会自然而然地联想到你的品牌。当你的品牌在用户的脑海中形成惯性思维,这意味着你的品牌核心竞争力将会有更高的提升。 然而,从固有的红海关键字中厮杀出来是非常困难的,因此创造属于自己的品牌核心关键字,才能使自己处于不败之地。怎样创造品牌核心关键字?这肯定是离不开品牌和产品本身,下面小编就以例子来说说具体着手的方法: 1. 从产品本身下手 通过产品卖点、外观、颜色、成分来创造关键词,能更容易与消费者发生联系,譬如: 汽车品牌千千万万,但作为安全汽车领域领导者地位的Volvo,一直凭着“安全性”为卖点杀出重围,让人一提起“安全的汽车”,首先就会联想起Volvo。 充满创意与趣味的法斗犬戴着墨镜,有着霸道总裁的既视感,光看外形就知道这是Jarre AeroBull,让人形象深刻。 香水作为化妆品细分领域的必争之地,市场竞争一直非常激烈,但冰希黎凭着鎏金香水走出独特的定位。 Home Facial Pro没有很直接从竞争激烈的美白、祛痘、去黑头等关键字切入,而是通过各种护肤品有效成分不断教育市场,抢占市场一席之地。 2. 从使用场景入手 提起租车,很多人都会想起“神州租车”。其实在神州租车出现之前,已经有两位大佬,分别是一嗨租车和至尊租车,前者更专业,后者则是更早出现于市场。 但为什么神州租车依然能取得成功?因为他是第一个用Slogan引起消费者联想的租车品牌。“要租车,找神州”,神州租车把租车品类和品牌强绑定,让用户一有租车需求就会想到神州。 3. 定义新品类 面膜市场早已是大红海类目,竞争非常激烈,尤其是针对敏感肌和痘痘肌人群的祛痘产品更是层出不穷,新品牌想要切入并不容易。 然而敷尔佳成功定义医学面膜新品类,并找到一个非常精准的用户群体。这主要得益于近年中国女性对医美的追捧和认同,因此敷尔佳从医学面膜细分品类打入市场,会比其他护肤祛痘品牌更具有权威性。 4. 文化与情感连接 提起国风彩妆品牌,很多女性首先就会想到,以“东方彩妆,以花养妆”为理念的花西子。 花西子无论从品牌代言人、店铺页面、产品设计及成分配方,都融入中国风元素,表里如一得调性,加强了用户对品牌的认知。 5. 创造新需求 如果你的品牌与上述四点丝毫没有关系,那我们可以通过创造新用户消费场景,培养和引导用户新消费习惯,加深用户对品牌的认知。 比如,益达广告里的“餐后嚼两粒”,以往大多中国人都没有饭后清洁口腔的习惯,但自从这个广告播出后,一些人已经习惯吃完饭后嚼两粒口香糖。 做好养词准备,提高关键字的质量得分 完成创词部分,接下来我们就要借助关键字广告,做好养词准备,提高关键字的质量得分。 关键字排名=关键字质量分×关键字出价 通过关键字排名公式可以看出,关键字排名并不是单纯以关键字出价为主,还要结合关键字质量分来决定排名。 * 关键字质量分主要与点击率、相关性、投放稳定程度,以及ROI等多个因素影响,其中点击率与相关性是最核心的关键因素。 一般来说,如果品牌与投放关键字的相关性不大,甚至毫无关联,用户自然不会点击或点击后快速离开,导致点击率低、跳出率高,那么关键字整体质量分就会大打折扣,关键字排名也会大不如前。 因此,下一步我们要做的就是在关键字广告所投放的关键字和品牌强绑定,让彼此具有强相关性,从而提升关键字点击率,提高关键字质量分,最终使关键字排名靠前,以CPC低出价占据关键词坑位。 最后我想说…… 信息产品爆炸时代,即使品牌向用户传递100%的信息,最终用户能记忆的可能不足1%。想要在关键字广告投放后,让用户记住你的品牌?投放内容时,必须做到“聚焦、重复”才有效。 最简单粗暴的方法就是,通过不同数位行销渠道和多位与品牌相关的KOL,不断重复又重复,重复又重复……发出同一种声音,让广大消费者熟知并记住。再以“Home Facial Pro”为例, 中国美妆近年迅速发展,如今的女性消费者已经不像以前那样,单纯通过功效来判断产品好坏,而是将注意力放在化妆品本身的成分。Home Facial Pro就是通过细分垂直领域的百万粉丝美妆KOL,在短时间内密集输出“乳糖酸原液”等成分关键字。而这些KOL中有相当部分重合粉丝群体,用户在短期内多次强化记忆,使用户听到“乳糖酸原液”就会牢牢想起Home Facial Pro这个品牌。

如何设计好搜索框?“搜索框”是UI设计中非常重要且必要的功能模块。好用的搜索框能为用户提供一条便捷检索内容的绿色通道,从而提高产品的用户体验。市面上大多产品的搜索框存在很多相似性,但要想将搜索框的效用发挥出来,就需要在细节上为用户带来差异化的反馈,营造出暖而贴心的氛围。 搜索框的类型有哪些? 虽然市面上大多UI设计的搜索框,从样式上看差别并不大,但其实每个搜索框的细节都是经过精心设计的,而且用途也各不一样。 ① 搜索图标:页面上只提供放大镜图标,用户需要点击图标后才能跳转到搜索页面。 ② 基本搜索框:主要由放大镜图标、文字提示、输入框三部分组成。 ③ 文字提示类搜索框:样式上大致与基本搜索框相同,唯一不同在于这类搜索框中的文字提示部分不再是“搜索”二字,而是根据产品需求支持预置多组文字提示并在搜索框内循环提示。 ④ 功能类搜索框:在文字提示类搜索框的基础上,根据产品功能额外添加常用功能性图标,以赋予搜索框更多功能属性。 如何设计好搜索框? 由于搜索框主要由输入区域和提交按钮组成,对此部分设计师会认为搜索框无需花心思设计。但正是搜索框是UI设计中经常会用到的设计元素,因此设计好搜索框对产品的重要性不言而喻。 UI设计技巧一:视觉上突出搜索框 如果“搜索”是产品中非常重要的功能,那么搜索框就应该被放在最醒目位置,以便用户能快速查找到想要的内容。 如果用户需要点击icon或按钮,才能激活隐藏的搜索框,这可能会: 1. icon和按钮所占用的空间较小,导致用户容易忽视产品的搜索功能。 2. 增加用户的交互成本,因为用户在使用搜索框前需要增加一步操作。 UI设计技巧二:搜索框与放大镜icon搭配使用 icon数量千千万,能被大众一眼便可识别的icon却少之又少,而放大镜icon就是其中之一,甚至无需多余的文案标签,用户就能轻松识别放大镜代表的是“搜索”。 尽量使用最简单的放大镜icon,因为视觉细节越小,越能减轻用户的认知负担,从而提高认知效率。 UI设计技巧三:将搜索框放在用户预期位置 搜索框放在界面中什么位置最合适?其实这并没有一个准确的说法,不过根据F型视觉浏览原则,将搜索框放在页面中的左上角或右上角,能让用户很容易就会找到搜索框。但如果搜索框并不在用户预期内的位置,这意味用户需要付出额外的成本才能找到搜索框。 另外,你也可以使用眼动热力图或其他眼部追踪工具研究用户浏览行为,找到用户关注的页面区域,这样你就能知道搜索框该放在哪里比较合适。 UI设计技巧四:提供搜索按钮 虽然点击键盘的回车键可触发搜索,但部分用户仍喜欢搜索传统的“搜索提交”按钮。因此,设计时尽可能为用户保留回车键和按钮两种触发搜索的形式,同时确保“搜索提交”按钮的大小合适,让用户在使用鼠标或手指进行点击时不需要特别精准地操作。 UI设计技巧五:告诉他们可以搜索哪些内容 如果用户可搜索的内容种类很多,那么搜索输入提示就显得比较重要,因为它能告诉用户可以搜索哪类内容,减少用户出现错误的几率。但搜索输入提示一定要限制字数,否则会增加用户的认知负担。 UI设计技巧六:搜索框尺寸要合适 搜索框过小,即使用户能输入很长的搜索文案,但也会导致仅有部分文案可视,让用户不能很好地审视或编辑搜索文案。另外,搜索框设计过于短小,用户会因为长文案的可读性较差,而倾向输入简短或不准确的搜索文案。 因此输入框尺寸,最好能根据用户预期的输入文案来进行定义,从而保证它的可读性和展示性体验。一般来说,搜索框的展示字数最好控制在27个字母左右。 UI设计技巧七:使用智能推荐/匹配机制 智能匹配可节省用户的输入成本,提高用户输入速度,同时还能帮助用户组织搜索语言。普通用户大多不善于组织搜索语言,这种情况下如果用户没有表达清楚,很难成功找到合适的搜索结果。因此,为用户提供智能匹配功能,能帮助用户表达清楚搜索问题。 设置智能匹配功能时,需注意以下几点: 1. 确保智能匹配符合可用性原则,避免对用户造成干扰或困惑。 2. 智能匹配的推荐项目不要超过10个以上,以免信息过载。 3. 允许用户使用键盘对匹配列表的内容进行导航操作(主要针对PC端)。当用户下滑到最后一个项目时,若想回到匹配列表顶部,应允许用户使用Esc键进行操作。 4. 强化用户输入的文案信息与智能匹配文案信息的不同之处。 5. 除文案描述,还可通过增加列表项内容的缩略图,提升搜索内容的感知。 好的搜索功能是搭建重内容的UI设计中至关重要的部分,无论是搜索框的尺寸大小,亦或是搜索框内所展示的搜索字词引导,都会影响搜索功能的可用性,进而影响整个产品的体验。

随着大数据、深度学习、语音识别、自然语言理解、机器人等技术逐渐等上舞台,搜索领域的巨头们已经着手将机器学习的方法引入到搜索引擎中,致力打造更更快、更精准、更个性化的搜索体验。那么要满足如今搜索引擎的要求,网站管理员需要关注哪些SEO技术呢? 网站管理员需要关注哪些SEO技术? 一、 注重基础 很多网站管理员总会忽略SEO基础知识,比如了解如何识别和修复可爬网性,索引编制,可访问性和站点性能问题等等,但其实这些SEO技术策略才是整个SEO优化中最重要的环节。 如果没有做好这些步骤,那么你的SEO技巧再高超,依然对网站SEO排名没有什么帮助。 二、 为核心网络生命做好准备 页面体验更新包括核心网页内容、移动友好性、网页应用安全,及删除插页广告等,要想利用SEO为网站带来更多流量,就需要留意上述提及的因素。 另外,在2021年SEO优化策略中一定要把提升网站速度作为重点优先级。那么,如何优化网站速度? 1. 想要提升网站打开速度,最重要就是要有一个配置合理的服务器。 2. 在服务器配置有限的情况下,使用CDN缓存加速可以有效的提升网站访问速度。另外通过使CSS和JavaScript内联也可实现最大程度地减少对每个页面发出的单个请求的数量。 3. 网站程序对网站速度的影响很大,一个轻巧简洁的网站程序可以极大的提升网站的整体速度。 4. 专注于图像性能优化。 5. 在开发过程的早期就围绕页面速度设置要求和期望。 三、 策略性地使用架构和结构化数据 为确保搜索引擎能读取和索引网站内容,并在搜索结果页中显示给用户,网站管理员需要针对结构化数据和架构框架优化站内容。 结构化数据可以为搜索引擎提供有关网站所包含实体的更多上下文信息,对帮助搜索引擎理解和处理网站具有重大影响,但这需要网站管理员设置具有明确意图和目的的结构化数据才能获得的结果。 四、 利用自动化来完成SEO工作 过去两年,SEO行业不断涌现很多新思想和创新的技术,譬如大数据、SEO流程自动化等,这导致诸如Python之类的编程语言成为人们关注的焦点。 SEO自动化技术能帮助SEO日常工作变得更轻松精简,提高完成任务的时间,同时它还影响所有渠道并直接对业务产生积极影响。因此,2021年探索SEO自动化技术可以帮助网站管理员有效实现SEO和更广泛业务的目标。 五、 不要忘记分析和报告 SEO的成功是需要数月到数年的时间,才能确定你所做的工作是否有成效。那么如何可以在优化过程中,知道哪里出现问题?很多时候我们都需要借助数据收集和分析,才能知道目前的SEO优化策略哪里出现问题,原因在哪,以及改善方法有哪些。 只有不断调整SEO优化策略往正确的方向走,才能让你所做的工作没有白费。 虽然SEO优化核心在2021年仍保持不变,但随着各类技术陆续出现,仍有大量机会建立和改进基础技能,结合结构化数据和自动化技术,阐明分析数据报告结果,有效升级核心网页指标,让网站SEO效果获得更大的提升。

MENU
網頁設計公司