首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

移动用户体验设计的准则:20 条主要规则

我非常能理解您的处境,因此,直奔主题,我们在一个地方编辑了最基本的移动手机阅读体验的新规范,只要收藏这篇文章,每次你开始设计一个新的app或者网页的时候,可以拿出它来读一读并参考使用,来!...规则2:多关注最重要的环节 或许应该明白,用户体验的独特性并不同等于它的多样性。展开讲讲:若是为了创建某些可识别的内容,许多UX设计师伴随着用户界面设计一些不必要的新功能来更新app应用。...规则5:在触屏上提供便利的用户体验 尽管人类已经使用触摸屏与移动应用程序进行交互超过十年,但是创建他们的界面的一些原则仍然过时。...法则14:考虑跨平台 不同平台的接口实现在视觉上应该没有太大差异这一事实是显而易见的,只是当您有两个针对不同平台的单独解决方案时不清楚如何将其实现。...这就是为所有平台创建一个通用设计相对要好得多的原因。 法则15:即使在消极的情况下也要提供积极的基调 除了使用创建界面的积极结果之外,把某些事情不起作用或者出错时带来的负面结果考虑进来也是非常重要的。

58730

小程序的当下和未来可能 | 崔红保在GMTC 深圳站演讲内容整理

那如果你要发送网络请求怎么办?window.XMLHttpRequest 是无法使用的(当然即使可以调用,在iOS的WKWebView中也存在更严格的跨域限制,会有问题)。...这时候,网络请求就需要通过原生的网络模块来发送,JS CORE和原生之间呢,就需要这个JS Bridge来通讯。...我们从swipeaction这个例子讲起,需求是用户在列表项上向左滑动,右侧隐藏的菜单跟随用户手势平滑移动 [gmtc-05.png] 若想在小程序架构上实现流畅的跟手滑动,是很困难的,为什么?...面对众多小程序平台及各自巨大的入口流量,开发者如何应对? 等待w3c的小程序标准统一,短期不太现实。当下,若想将业务快速触达多家小程序,借助跨端框架应该是唯一可行的方案。...,但操作性能和交互体验,不应该弱于app 跨端框架 + serverless,让开发者更轻松,让企业更高效 OK,我的分享到此结束,若有错误,欢迎交流指正。

1.1K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    用个性化数据策略构建更具情感化的参与体验

    一个成功的受众管理策略需要鲜活的、富有情感化参与的内容。品牌可以通过从传统细分市场转向实时的、个性化数据细分的市场来提升数字体验。这里有三种受众管理策略,营销人员可以用来提供引人入胜的内容。...○ 激活你的受众 你的细分受众群与你向他们所传递的体验一样具备同等的价值。...提供个性化的激励措施,在不同的接触点上增加价值,这让我想回来关注更多。 这不仅仅是给B2C品牌上的一课。...就连B2B软件公司也在通过在正确的时间、正确的平台上为正确的受众量身定制相关内容(比如电子书)来建立忠诚度。...在多个平台上覆盖相同受众群体的最佳方式是为你的高价值受众群体构建权威定义,同样重要的是,通过电子邮件、广告展示、社交等实现跨渠道互动方式来无缝地吸引他们。

    35410

    基于小程序技术栈的微信客户端跨平台实践

    在业务开发的过程中,能否可以做到像使用基础跨平台组件那样,只写一次代码就能在多端上得到体验一致的 UI 功能界面呢? 在尝试了不同的方案之后,我们将目光放到了小程序上。...,包括编码、调试、运行、测试等多个环节; 原生的性能和体验:从最终的研发产物看,应该有和分平台原生技术开发一样的性能表现和用户体验,让用户无法感知出差距; 易学的可控技术栈:跨平台的技术栈应该具有较好的学习曲线...第一个是字体一致性体验问题。微信小程序使用 WebView 渲染,与原生客户端的是两套不同的视图渲染体系,在 Android 平台上出现了无法跟随系统字体保持一致的问题,体验上会有较为明显的割裂感。...回到我们上面的问题,在中低端机和稍复杂的业务上,受制于 Web 庞大而复杂的体系,要达到原生视图体系这样简单设计的体验,难度很高。那么是否能够使用平台原生的视图渲染体系来解决问题呢? 1....,我们在函数内创建的很多变量都是局部变量,在离开作用域之后应该释放内存,那么 Scope 的概念就相当告诉 DartVM 当前创建的都是局部变量,在 ExitScope 之后应该回收这里用到的内存。

    6K102

    阿里UCAN设计论坛 · 会议纪要

    系统型设计——以更宽广的用户视角来解决全链路体验问题。是所有设计师都应该拥有的设计能力。因为用户完成一个任务需要完成多服务和工具的结合,所以设计单项服务的时候需要考虑全链路的服务。...计算设计,在路上 — 王路平 阿里云计算设计中心负责人 设计进化是使用设计工具的历史的发展促成的,从用石头在岩壁上创作,到用笔墨在画布上创作,随着工业成熟和信息时代,设计可以被量化,设计工具不仅影响着设计师的设计思维...2.1为什么用户体验策略是重要的 用户体验策略意味着公司的利润和利益,优秀的体验策略可以增加产品的竞争力,在市场上占据更多优势。...2.3.3 跨平台的趋势 跨平台的出现可以让用户忽略平台的限制,用户在多平台上体验应该拥有一致性,移动端作为首要平台变得尤为重要。...例如b2b的产品上,每种渠道的产品都应该有自己的倾向,而不是同一种设计方法。 2.5用户体验策略法则 2.5.1 考虑商业限制与理解用户在设计中同等重要。其中用户体验战略就扮演了重要作用。

    82651

    如何设置字体大小?我们可以使用哪些单位来修改字体大小呢?

    在我们写网页的过程中,常常需要修改字体大小,那么我们有什么方法修改字体大小呢?所以,这期文章(文案)我们讲解以下问题,问题一:如何设置字体大小?问题二:我们在修改字体时,可以使用哪些单位?...point和pica来定义屏幕的上显示的文本样式。...大多数现代浏览器并不直接支持这些单位,这可能导致在不同浏览器或设备上出现不一致的显示效果。2. 缺乏灵活性:与相对单位相比,使用point和pica这样的绝对单位设置字体大小会缺乏响应性和可伸缩性。...相对单位如em和rem可以根据父元素或根元素的字体大小进行相对缩放,从而在不同大小的屏幕上提供更好的阅读体验。3....不符合Web标准:Web标准推荐使用像素(px)、百分比(%)、em rem等单位来设置字体大小,因为这些单位更符合Web内容的特性,能够提供更好的跨平台一致性。7.

    14610

    文字如何实现完美UI?文本排版设计告诉你

    一部手机,电量充足,网络通畅,就足以让我们打发一天的时光,尽情沉浸在手机时代的缤纷世界里。这个信息资源无穷尽的手机网络世界,是设计师和开发者们在不停的探索中一路一步精心打造。...1,什么是文本排版? “文本排版,“又称“文字设计”,是一种涉及对字体、字号、缩进、行间距、字符间距进行设计、安排等方法来进行排版的一种工艺。...实际上,不同类型的文本内容需要使用不同的字体,字体可以表达内心感觉和心理需求。试想,使用浓密生硬的字体在女性色彩的读物内容里,是不是显得格格不入?相反,你应该选择比较细腻和柔和的字体。...如果你只是在手机屏幕上使用微小字体来解决,那就真是一个笑话了。虽然用户可以缩放文本来改变字体大小,从而提升可读性,但这绝不是设计师偷懒的借口。这多出的操作,本就违背用户体验。...许多人认为,1.4em是标准的行间距,但在手机屏幕上,仍然有显得几分紧密,用户可能会感到文字仿佛在收紧。在设计上,标准的行间距应该是字体大小的120%。

    2.6K70

    00 Confluent_Kafka权威指南-前言部分

    在创建kafka之前,我们对各种现有的技术进行选择,从消息传递系统到日志聚合和ETL工具等,但是没有一个能很好的满足我们的需求。 我们最终决定从头开始。...这是有一定到理的,但是我认为,核心区别在于kafka反转了这个问题,kafka是一个面向数据实时处理的平台,而不是从一个系统抽取数据插入另外一个系统的工具。...在某些方面,这些流动的数据流是现代数据是公司最核心的内容,与你在财报上看到的现金流同等重要。 结合这三个领域的能力,在所有的用例中将所有的数据流聚集到一起,这就是为什么流平台如此引人入胜的原因。...通常,apache kafka 会告诉你如何使用某个特性,但是不会告诉你应该在什么情况下使用它。只要有可能,我们试图说明kafka现有的选择,涉及到的权衡、以及何时应该或者不应该使用不同的配置。...Constant width bold 字体 显示用户应该按字面意思输入的命令或其他文本。 Constant width italic字体 显示应该用用户提供的值或由上下文决定的值替换的文本。

    73530

    101种让你的网站更棒的方法

    上周我和一个老客户聊天,她和我说,“Nick,我觉得我的网站需要改进,但是我却不确定到底需要做什么”。 于是我就去问了周围很多人,朋友、家人和一些非互联网方向的商务人士。...使用最多2-3种字体。太多种字体会显得杂乱而且降低了加载速度。选择一种标题字体和段落字体,再有就是特殊例子的字体。 设置网页body字体大小为16px。在大显示器上难以阅读比这小的字号。...自定义软件很难维护但是与同类网站相比却能提供很强的竞争力。 测试跨浏览器兼容性来确保你的网站可以在Chrome,火狐,Safari,IE等浏览器上都可以正常显示。...惯于使用一个sitemap.xml文件创建网站地图,并将这个文件放在根目录下使其可以在 domain.com/sitemap.xml上展示。...创建一个或者一系列自定义的博客特征图像。也就是用来在Facebook,Twitter,Pinterest等平台展示。当用户看到与博文相关的某类型图像,他们就知道这个是你写的文章了。

    1.3K40

    前端开发趋势:WebAR、VR与沉浸式体验

    文章目录 什么是WebAR和VR? WebAR的崭露头角 1. 无需安装应用 2. 跨平台兼容性 3. 实时互动 4. 教育和娱乐 5. 营销和广告 VR:超越现实的体验 1. 沉浸式体验 2....这降低了用户参与的障碍,使更多人能够访问AR体验。 2. 跨平台兼容性 WebAR可以在多种设备上运行,包括桌面计算机、平板电脑和智能手机。...这意味着开发者可以创建一次,然后在多个平台上提供相同的AR体验。 3. 实时互动 WebAR允许用户与虚拟对象进行实时互动。这意味着开发者可以创建响应用户动作的AR应用,从而增强用户的沉浸感。 4....同时,他们还需要密切关注行业的发展,以便及时适应新的趋势。最重要的是,开发者应该将用户体验置于首位,确保他们所创建的沉浸式体验能够满足用户的期望并提供价值。...在这个充满创新和机遇的时代,前端开发者有机会通过WebAR和VR技术来改变用户的数字体验。

    30210

    UX 设计之——商品详情页

    因此,在购物过程的每一个阶段,即使付之最小的努力都有可能利于用户的整个体验过程(我们也应该以利于用户为目标)。...在这片文章中,我将谈论商品详情页的设计并重点强调该页面的几个重要元素——商品图片、商品描述和“加入购物车”按钮。 什么是商品详情页面?...确保你的图片使用恰当的尺寸并可跨平台使用。...因此,无论你使用哪种布局,请考虑以下几点: (1)字体大小。为了保证文本清晰易读,你应该让字体大小至少保持在11pt以上(即使用户选择了小字体),而且贯穿整个程序的字体应该是一致的。...如果答案是否定的,那么给它一个未在页面中其他地方使用的颜色或者让它更大、字体更粗来让其变得突出。 ? 2、按钮要常显 你应该使主要按钮一直显示,即使你滚动屏幕内容,也要使它留在屏幕底部。

    1.2K60

    如何提高CSS性能

    因为性能是用户体验的一个至关重要的部分,所以必须确保在各种形状和尺寸的设备上提供一致的高质量体验,这也需要优化你的CSS。...Terser是一个流行的JavaScript压缩工具,如果你使用webpack,v4包含一个插件来创建minified的构建文件。...在使用这种方法时,有一些缺点需要考虑。 浏览器对预加载的支持还不是很好,所以需要一个polyfill(或者使用loadCSS等库)来跨浏览器应用样式表。...一个大部分是静态的网站将不会从这个策略中得到什么好处。 使用CSS优化字体加载 避免在加载字体时出现不可见的文字 字体通常是需要一段时间来加载大文件。...在优化速度时,你会希望避免 "不可见文本的闪烁",并使用系统字体(预装在机器上的字体)立即向人们展示内容。一旦加载了字体文件,它就会取代被称为 "闪现的不规则文本 "或FOUT的系统字体。

    2.2K30

    跨平台技术演进

    同时,作为技术人员,也不应该满足于这种重复、低能的工作状态。在这样的形势下,跨平台的技术方案也受到越来越多人和企业的关注。接下来,我将从原理、优缺点等方面为大家分享《跨平台技术演进》。...H5 说到跨平台,没人不知道H5。不管是在Mac、Windows、Linux、iOS、Android还是其他平台,只要给一个浏览器,连“月球”上它都能跑。...渲染引擎依靠跨平台的Skia图形库来实现,依赖系统的只有图形绘制相关的接口,可以在最大程度上保证不同平台、不同设备的体验一致性,逻辑处理使用支持AOT的Dart语言,执行效率也比JavaScript高得多...Skia作为渲染/GPU后端,在Android和Fuchsia上使用FreeType渲染,在iOS上使用CoreGraphics来渲染字体。...我个人更看好H5或类H5方案,给它一个浏览器,连“月球”都能跑,这才是真正的跨平台,其他都是浮云。

    2.4K20

    设计师的春天:中文WebFont解决方案Font-Spider(字蛛) - 腾讯ISUX

    我们在日常需求中,经常会碰到视觉设计师对某个中文字体效果非常坚持的情况,因为页面是否高大上,字体选择是很重要的一个因素,选择合适的字体可以让页面更优雅。...Google也推出了免费的WebFont云托管服务,在国外网站自定义字体得到很好的应用。 在中文方面自定义字体却迟迟没有广泛应用,这是有什么原因呢?...作为业界首款中文 WebFont 本地自动化压缩与转码工具,中文字体 web 化问题迎刃而解。它是一个 web 字体工具,通过自动化技术来压缩、转码跨平台的中文字体,让网页自由嵌入中文字体成为可能。...,记录节点上的文本 4.找到字体文件并删除没被使用的字符 5.编码成跨平台使用的字体格式 编码零干预 不需要改变 web 工程师现有的编码习惯、工程师可直接通过 css @font-face与选择器定义并应用字体...压缩与转码 剔除没有使用的字符,通常可将数 MB 的字体压缩成数十 KB 大小,解决中文字体过大的问题,并编码成跨平台兼容的格式。 ?

    1.8K41

    Adobe和元宇宙:沉浸式的未来

    向元宇宙的重大转变是每个人都可以——也应该——参与的事情。 什么是元宇宙? 元界——即身临其境、始终在线的数字空间,富含互联的个人体验——有望成为数字互动的未来。...至于完全身临其境,当今典型的元宇宙体验之一是Fortnite,尤其是在VR头显上播放时。 由Epic Games于2017年创建,Fortnite可以说是地球上最受欢迎的合作视频游戏。...在元界设定标准 在过去的40年里,我们一直在通过数字体验改变世界,并为我们认为数字世界应该如何运作设定了高标准。...我们支持开放标准和平台,因为品牌、创作者和设计师应该能够一次性创建资产,并将其分发到任何地方供人们欣赏。 3D创意应该对所有人都是可及的。...没有人能准确预测元界将带来什么,但你可以通过建立强大的知识和技术基础来为自己和你的公司做好准备,这将有助于你的企业驾驭变化并释放未来的巨大机遇。

    24220

    腾讯云在线WebShell终端初体验

    最近听说了腾讯云的轻量应用服务器更新了登录的WebShell,之前一直在本地SSH的我立刻跑去体验了一番,发现和之前的相比好用简直不要太多,接下来就让我带大家云体验一下吧~在线WebShell比本地SSH...,而且功能也非常拉跨,最重要的是!...通过显而易见的对比,新版本的WebShell在颜值上就秒杀旧版本了,不仅界面设计的好看,还添加了高亮功能,实在是香啊~ 接下来在让我们看一下功能方面的变化吧~功能对比说完颜值咱们说说最重要的功能体验,因为一个产品再徒有其表也没有任何用处...图片字体大小对于近视的用户应该是一个福音,就比如我,平时使用电脑时离电脑比较远,字太小的话一直要向前探头才能看清,调整大小之后离得再远也能看清啦~图片这体验,简直不要太爽!...这些功能都是旧版本没有的,就当是对比了,全都是热乎的新功能~ (bushi)使用体验官方说明:创建 Linux 操作系统的轻量应用服务器时,该服务器默认绑定1个密钥。

    10.5K31

    中美两国10万级作业调度工具 TaskCtl Vs Control-M 如何选用

    该软件虽然没什么名气,但它清新的界面、独特设计、用户体验让我印象太深刻。我想,假以时日,TASKCTL一定会有它的江湖地位。...企业级特征体验PK 说实话,什么是调度的企业级特征,我无法定义,但至少应该有以下几个方面:网络支撑能力、跨平台能力、稳定性、大规模数据支撑能力、数据集中管理、统一应用门户等。...我姑且就从这几个方面比较。 1. 网络支撑能力,这主要由软件核心网络架构决定,这两款软件都分别通过EM节点、Server节点、代理节点并以多级的方式进行网络控制; 2....另外,通过TASKCTL的流程代码设计出同等功能的流程信息规模,我认为是最少的,至少比Control-M少。...4.监控应用场景 对这个应用场景,除了一些不一样的操作技巧以外,我认为整体上TASKCTL并没有什么出色亮点。但完整的后台客户端应用系统,让技术人员有更多的选择。

    1.3K42

    根据 OS 设计你的应用

    谷歌的设计指南 Material Design 在 2014 年被谷歌提出并作为 5.0 版本及以上的 Android 系统中跨产品,跨平台设计的默认“视觉语言”。 ?...此外,界面元素的设计和样式相似度很高,唯一的区别是标题和图标的位置与尺寸。 总的来说,Snapchat 和 VSCO Cam 通过在不同平台上创建独特一致的用户界面来提升了品牌的独一性。...这些 UI 组件将会自由的被设计创建,从而给予用户更个性化的的设计和交互体验。由于没有遵循平台的设计准则,在多个平台上产品也可以给予用户同样的观感,帮助公司建立更好的品牌效应。...而针对平台开发的方法,有时候看起来太刻板太标准化,对品牌提升没什么效果。我举例的这个使用混合方法开发的应用显然是一个多平台适应的成功案例。然而,这样的例子少之又少,因为它需要很多时间和投资的支持。...因此,当我们考虑使用任何一种方法时,设计师都应该考虑产品设计的策略和实际开发中的限制(比如,缺少能胜任的开发人员,资金和时间上的限制等等)。

    1.3K110
    领券