Blog

随着产品功能与内容品类的增加,美的美居APP的UI设计进行了升级改造,并带来全新的视觉体验。 下面,168solution将针对美的美居APP的UI改版进行多方面的梳理,从竞品对比、用户反馈、体验评价以及UI设计趋势等进行分析,希望大家能借此获得灵感,打造出更智能更有温度的智能家居UX设计。 美居APP产品介绍: 作为美的智能家居的重要入口,美的美居APP可以连接旗下所有产品以及加入生态链的智能家电和智能设备,还有多个场景玩法让用家每次打开APP都会收获到意想不到的惊喜! 旧版APP UI设计VS 新版 APP UI设计 旧版美居APP UI设计存在的问题 随着产品功能与内容品类的增加,旧版美居APP 缺乏情感化设计上的体验,信息内容与用户关联性不高,自定义与可玩性表现较弱。另外,在愉悦性方面,旧版APP设计缺乏动效的辅助,以及品牌意识和感染力也不足。 新版美居APP UI设计的特点 本次APP UI设计改版主要围绕“趣味、高效、简约”这三个最核心的关键字,“视觉”“心境”“物化”三个维度进行联想,为后续设计提供重要的铺垫。 ● 新版UI设计基调延续微光渐变插画风格,在保持时间幻变的概念上,提供用户角色主题选择,增强用户的情感共鸣。 ● 场景图片采用主流轻质感的玻璃拟态化设计,卡片细节元素设计更加圆润,并加入微效设计提升画面友好度和用户愉悦性。 ● 在趣味性上,APP把主题形象比拟用户生活场景随日光幻变,并通过智能提示及问候语加强APP情感化设计。 ● 在效率上,明确了组件的交互属性,以功能优先级调整结构以达到用户对关键数据一触即达目标。 ● 减少首页多余信息干扰,保持对关键信息的获取和功能的使用达到效率最大化。 总体来说,美居APP通过UI各维度设计的底层逻辑进行分析,同时将每个模块的细节做了更系统化的思考。 新版美居APP UI设计有什么值得借鉴的地方? 一、 色彩应用 颜色是用户感知界面内容和产品特性的直观方式和媒介,拟定合适的配色方案,有助于提高界面可用性,加强界面的一致性,从而提高产品用户体验和用户感知。 1) 品牌主色 在主色彩的选择上,美居APP延续了美的的品牌色“科技蓝”。 由于美居APP是一款偏生活服务和工具类的软体,整体风格应以简洁明快为主,避免过多的色彩造成喧宾夺主的效果。 对此,APP设计并没有大面积使用过于强烈和厚重的辅助色彩,删除界面中会干扰用户的装饰元素,使用户更专注于界面中的重要信息内容。 2) 辅助色 辅助色是基于色轮配色表制定,以标准色#267AFF(H38 S122 B255)为起始点,在S(饱和度)和B(明度)保持不变的情况下,H(色相)以210°为起点,以15°为增减量标准,生成24色板,再结合产品自身特性,提炼出一套APP标准色系,当中包含12种颜色。 为了让不同色相看起来更加协调,需要校正色板的明度和饱和度,以保证视觉感观体验同频且更加和谐舒适。 3) 色彩衍生 考虑到不同色彩在自然逛下的变化规律,结合产品在实际使用场景中的需求,以这12种基础颜色衍生出包含120种不同明亮度色彩的色板。 另外,为满足视觉辨认障碍人群的需求,消除他们在色彩感知上的偏差,保障产品的可用性和易用性,APP设计通过不同色相明度或深浅去做不同状态的区分。在针对无障碍色彩中,设计师还定义三种或多种色彩的组合搭配使用,同时列举在红绿色盲情况下哪些色彩是避免组合使用。 二、 主页布局 在排版布局上,界面要求清晰简明,并在一屏内呈现更多的核心信息,目的是提升信息浏览和操作效率以及增强互动,使页面变成一个可以与用户互动、方便用户快捷控制设备及场景且有情感化的界面。 新版还规划了“机器人语音概念”入口,减少家庭环境信息卡片的占比,从而让界面中的信息更加聚焦。 另外,设计师还根据用户偏好全方位优化展示逻辑,在用户没有添加任何设备的情况下,推荐相关内容,为不同需求用户量身定制个性化场景内容,从而提升用户体验。 三、 设备卡片…

关于SEO优化策略的问题,小编被问得最多的话题不外乎是: ① 网站每天需要发多少篇文章 ② 网站需要准备多少外链预算 但每天发那么多篇文章,真的有用吗?这些文章又给网站带来多少搜索流量呢?168solution表示,在实际操作中,中小企业网站的内容,90%以上都没有获得搜索流量。 问题来了,既然网站上90%的内容都是没有获得搜索流量的,那么我们还需要继续生产吗? 对于网站搜索流量的评估,相信很多网站站长都应该知道怎样计算,一般操作都是:利用SEO统计工具,直接查看一下特定周期,观察拥有访问量的页面是多少、网站收录量是多少,再计算一下网站的搜索量占比。 大多情况是搜索流量占比是异常低。 原则上,网站内容的输出一定是基于某些目的,比如: ① 覆盖对应搜索需求。 ② 赋予长尾流量,提升目标页面关键词排名。 ③ 提升权重,交换必要友情链接。 但从上述数据流量的情况来看,我们可以很直观地得到一个结果,那就是完全没有必要进行持续性且没有策略地增加内容,而是应该专注于那些容易获得搜索价值与流量的页面。 如何挖掘那些容易获得搜索价值与流量的页面? 这里有两种方法,分别是: • 自身网站现有的高流量页面,转化率比较高的页面 • 竞争对手排名高,相对精准的流量页面 以第二点为例,我们可以有效地利用SEO分析工具,进行竞争对手网站重叠关键字去筛选,优先选择那些关键字排名低于竞争对手同时具有一定SEO基础的页面,这样在进行实操过程中,可以有效地针对目标页面进行精准性的流量引导,使其更容易地提高网站排名,比如: 1) 梳理网站页面结构,建立流量页面闭环 2) 适当合理的利用nofollow和robots.txt屏蔽一些无效栏目页和无效索引页面 3) 定期更新目标页面相关性文案内容,解决陈旧性内容问题 4) 每隔一定时间周期,统计页面的用户行为指标,跳出率,停留时长,相关页面访问量 5) 制定外链稳定增长计划,提升目标页面排名。 简单来说,基于目前的搜索现状,我们应该有针对性地增加与用户需求相关的内容,而不是为了更新而更新,从而打造出更多高价值的页面。

随着互联网和AI技术的发展,活动类网页设计也在大时代浪潮下不断推陈出新,因此品牌需要从新的维度进行思考,以更具创造性的思维完成想要表达的设计,同时在更丰富的场景下创造更新鲜的体验。下面,168solution将以几个案例为大家解答下,活动类网页设计的要点有哪些。 网页设计案例:活动类网页设计的要点有哪些? 依据项目的重要性,活动类网页设计一般分为以下几种: ① S级大促活动 S级大促活动,常见的有双十一、黑五等,此类活动具有爆发量高、活动周期较长、促销力度大、出现次数较少等特点。 如何做好S级大促活动类网页设计? ▪ 理解活动目标:包括活动效果目标、业务转化目标、品牌形象目标、设计影响力目标等。 ▪ 明确目标用户:包括用户行为特征、思想和情感需求等。 ▪ 制定设计策略:包括规划设计排期、定期网页设计风格、设计活动符号等。 ▪ 细化流程,规避风险:视觉风格确定好后,依据SEO关键字,先进行草图绘制网页架构,然后进行创意联想,待方案确认后,再进行精细化打磨,优化网页。 ▪ 关注设计结果,总结复盘,及时了解用户反馈和量化数据验证,将项目过程中所遇到的所有问题及时列出和解决。 ② A级节日/平台类主题活动 A级活动,常见的就是节日节点和平台主题类活动,例如三八女王节、春节家装节等,一般上线时间为3~8天,频次相对较高。品牌可以根据活动属性和项目特点,打造系列化的网页设计,确保网页设计质量之余,还可以节省设计时间。 如何做好A级节日/平台类主题活动类网页设计? ▪ 将一年内的A级活动,依据活动特征属性,进行归类整理,进而为系列化网页设计做好准备。 ▪ 依据当前网页设计趋势结合业务特点,打造出适合业务转化的视觉风格。 ▪ 明确定义设计语言,包括网页设计版式、构图、色彩和字体符号等,在设计时可直接使用,从而节省设计时间。 ▪ A级活动相对出现频次较高,所以要时刻关注数据,及时总结经验和教训,为下次活动做好准备。 ③ B级品类/渠道等日常活动 B级活动,简单来说就是每日打开网页/APP都会看到的日常运营活动,具有上线周期长,频次短、营销力度小等特点,通常每个月或季度就会更换一次,基本都是跟业务/品牌主打相关。此类活动的目的,一方面是为了促活、留存、流量汇聚等,另一方面是为了传达品牌理念,提升业务及品牌形象。 如何做好B级品类/渠道等日常活动类网页设计? ▪ 由于B级活动对用户而言,曝光时间相对较长,所以在设计这类网页设计时,尽量根据品牌设计规范对活动页进行设计,加深用户对品牌形象,提高品牌知名度和业务转化。 ▪ 针对B级活动,制定同一的模板规范、视觉样式,有利于提高网页设计效率,以及保持产品一致性。 ▪ B级活动页应尽可能做好视觉降噪,确保用户在最短时间内Get到最有价值的信息,从而实现最佳的转化效果。 ▪ 要想保证用户留存和拉新,B级活动页面设计就需要伴随着产品的设计调性,不断升级和改进视觉设计。 ④ 其他助力玩法/推广类活动 这类活动页面通常是依赖游戏化手段或任务类玩法来实现优秀的UX设计,具有运营感强、行为体验丰富、流程触点多等特点。另外,由于这类活动对产品运营和交互设计的要求,因此品牌需要对玩法策略和交互逻辑有清晰的设定。 如何做好助力玩法/推广类活动类网页设计? ▪ 针对玩法推广类活动,设计网页前期,需要确定好游戏策略,并将设计创意和灵感融入到活动中。 ▪ 当游戏策略确认好后,掌握整个玩法中的每个流程逻辑,并对每个流程页面中的内容进行层级分析和强化处理,包括利益点、文案和激励机制等。 ▪ 在开始对活动进行设计时,首先要针对市面上同类活动的玩法进行收集和整理,吸取别人优点,同时融入自己的创意,最终最初更好玩的设计。 ▪ 确定一系列的活动玩法后,要定期进行整理,做成同样模板,提高设计复用性、降低设计成本。 总的来说,活动类网页的设计思路虽然不是一成不变,但有些点确实是互通的,因此在设计活动类网页时,我们需要学会灵活运用,这样才能达到事半功倍的效果。

如今小红书已成为年轻人最常用的种草类APP,每月都有超过2亿人在这里分享生活经验、潮流资讯、小众旅行地…… 换句话说,如果品牌能够玩好小红书,这将为品牌带来更多潜在客户,获得更多商机!那么,如何做小红书运营和引精准流呢? 品牌利用小红书引流的三大优势 优势一:流量价值高 根据千瓜数据于2021年发布的报告显示:在小红书的活跃用户中,女性占比高达90%,年龄主要集中在18~34岁之间,近一半都是来自北广一线城市 正因为小红书有着高消费意愿的庞大用户群体,已成为企业营销的一块不可错过的沃土。 优势二:消费决策入口 很多女性用户经常透过小红书看一看其他人的测评和分享,来辅助消费决策。在2020年小红书年度关键词中,用户的搜索涵盖了生活消费的方方面面,俨然成为用户手中的“生活小百科”。 由于小红书是一个自带社交和购物分享属性的种草类平台,因此用户对软广的接受度很高,推广难度也相对其他平台要容易得多。 优势三:适合普通人做 小红书算法跟抖音、今日头条等几乎是一样,即根据用户的喜好,然后进行推荐,但前提是用户手动搜索,之后小红书会不断收集用户的搜索记录。当这些搜索记录达到一定量是,便会向用户推送大量相关笔记。 换句话说,只要你遵循小红书的排名规则,就有机会加大品牌/商品在小红书的曝光! 如何做小红书运营和引精准流? 这涉及小红书排名规则的两大权重要素: 一、 帐户权重因素 ① 帐户本身的完善度 尽量将小红书的个人资料信息全部填满,内容要贴合自己独特的风格,这样用户一般会认为你很专业,小红书也会认为整个账号做得不错,而增加推荐机会。 ② 账号定位垂直专业度 垂直专业度,是指你的账号定位与分享笔记一定要垂直细分,如果你今天是写美食,明天是发旅游,这个垂直专业可信度就会大打折扣,官方系统也不好定位你的账号属于哪类,继而降低你的笔记曝光度。 ③ 账号活跃度 任何一个平台都希望账号越活跃越好,所以你的笔记最好就每天更新或两三天更新,最低限度都要每周更新,否则你的账号活跃度越低,账号的权重也随之降低。 ④ 账号级别 账号级别主要与帐户活跃度有关,这是小红书为了刺激用户生产内容,而搭建的形象成长体系,总共分为十个等级,最低的是“尿布薯”开始,然后是“奶瓶薯”、“困困薯”、“泡泡薯”、“甜筒薯、“小马薯”、“文化薯”、“铜冠薯”、“银冠薯”,最后是“金冠薯”。 二、 笔记权重因素(涉及到SEO优化知识) ① 内容原创度 任何一个平台都鼓励原创,这也是小红书最看重的。一篇小红书笔记在小红书搜索或推荐排名里,内容原创度占很大因素。建议每篇笔记的内容尽量写长一些,最好在600字以上;图片和视频也要原创,或者参考别人的进行二次修改也可以(记得要获得别人的授权,才能这样做), ② 转换率(包括看笔记完成率、转发、评论、收藏、点赞等) 这个在小红书的单条笔记排名占比非常大,也就是说,一篇小红书笔记整体浏览量中,获得的点赞有多少、收藏有多少、评论有多少,转发有多少,这些数据越多越好。而整个影响因素排序从大到小的顺序是转发比率>评论比率>收藏比率>点赞比率>看笔记完成率。 ③ 关键词 这里你可以理解成我们经常说的SEO优化,但这里只针对SEO优化中的关键词分析和布局。主要做法是在标题和内容中包含这个关键字,同时内容一定要与这个关键词相关,否则会降低笔记权重。 ④ 热门或垂直标签 标签分为两方面的权重,一是标签内容,二是加与不加的区别。一般来说,如果你的想让笔记在小红书搜索排名中增加权重,最好就是加上标签并且与内容和主题相关,这样还有机会可以增加笔记的曝光度。 ⑤ 话题 话题和标签的展示虽然非常类似,但话题更多是指你的笔记在小红书现在某个话题相关。记住,话题的选择一定要慎重,因为这将决定我们后期流量在小红书搜索中的索引问题,如果话题与内容相关度过低,你的笔记是很难在搜索页中展示。 ⑥ 负面因素 这个很好理解,如果你的笔记内容(含评论)出现违禁内容、虚假内容等,一旦被检测是会直接被降权的。 最后,在小红书中的任何一篇笔记都有生命周期,即使现在排名考前的笔记,过一段时间也会被替代,这是因为小红书平台希望能让更多笔记都有机会展现。因此,只有将细节优化到位,不断提升账号和笔记的权重,才有更多机会占据前排。 也就是说,持续输出优质内容,才是经营小红书的唯一正解!

MENU
網頁設計公司