网页设计综合指南 第1篇
响应式网页设计不仅仅是让内容适合,
它还为用户创造更舒适的交互。
对于移动设备,
打字是用户旅程中最痛苦的部分之一。
小屏幕使在移动设备上打字变得困难且容易出错。
只要有可能,
尽量在在线表格中使用预填数据。
移动设备的伟大之处在于
可以利用它的一些硬件功能,
比如iOS中的Touch ID / Face ID
网页设计综合指南 第2篇
人们也只用一只手使用他们的移动设备,
优化网页布局非常重要,
以便所有关键功能元素(例如号召性用语按钮)
都位于拇指友好区域
动作按钮等功能元素的大小应至少为 9mm,
相当于用户拇指的大小。
如果并排放置两个交互控件,
则需要在这些交互选项之间添加足够的空白。
网页设计综合指南 第3篇
以加载时间缓慢为例,
加载缓慢是人们放弃网站的常见原因。
Jakob Nielsen 定义了三个响应时间限制:
秒给人瞬间响应的感觉。
理想情况下,
网站应在 秒内响应。
一秒钟让用户的思路顺畅无阻。
10 秒大约是保持用户注意力的极限。
但根据谷歌的研究,
随着页面加载时间从 1s 变为 3s,
跳出的概率增加了 32%。
优化移动端则可以通过:
网页设计综合指南 第4篇
在 Web 上可以通过两种不同的方式调整字体大小:绝对值(像素、点);相对值(百分比、视口宽度或高度);像素是绝对值,像素为单位的字体大小基于用户屏幕的像素大小。当使用 px 时,现代浏览器能够使设计在不同分辨率下看起来相似。大多数设计师使用像素,但像素不会使用户根据自己需要调整文本,并且会使设计更难访问。另一个流行的选项是称为em的相对值。使用 em 时,元素 em 的实际大小是相对于其父元素的 font-size 计算的。Em 相对值提供了两个显着的好处:对设计师来说更方便,对用户来说有更多的选择
在过去十年中,
移动设备在我们的日常生活中所扮演的角色
发生了巨大变化。
事实上,56%的网站流量来自智能手机。
移动设计优化是设计过程中的关键部分:
没有针对移动端设备进行优化的网站
网页设计综合指南 第5篇
在移动设备上,
内容空间较小,
需要仔细确定要显示的内容的优先级