设计手机时必须考虑的事项



移动网络浏览在过去几年中呈指数级增长。从2007年的5%左右,到今天的30%左右。2014年,访问移动互联网的人数预计将超过台式机用户。作为设计师,我们将不得不考虑访问我们制作的网站的移动用户。换句话说,我们不仅要开始为桌面用户设计,还要为移动用户设计。

手指比老鼠大!

正是标题所说的。我们手上的肥香肠比屏幕上的小光标还大。这意味着任何可点击的东西都必须很大!没有鼠标几乎无法点击的微小链接。我们说的是任何人都可以点击的大按钮。例如,与其使用带有纯文本链接的水平菜单,不如稍微更改代码,使导航块整体可点击。只需在菜单中的“a”元素上使用“display:block”即可轻松实现。

移动屏幕很小。

智能手机屏幕比桌面屏幕小。这意味着你不能把网站上的一切都推到一个小小的手机屏幕上。这意味着一些事情 不要使用多个列 这意味着你不能把边栏放在你的网站上,除非你想让你的用户在斜视阅读边栏中的文字时失明。那样你会失去很多有价值的客户!忽略整个“折叠”概念。不可能把你网站上的所有内容都放到手机屏幕上。

他们没有那么强大

智能手机没有当今台式电脑的处理能力。这在未来几年将发生变化,但就目前而言,这是一个问题。现在,由于它们没有那么强大,你不可能期望手机执行复杂的javascript。例如,我在我的网站上使用jQuery同位素。它在台式机和笔记本电脑上运行得很好,但当我试图从手机上访问它时,浏览器就会崩溃。换句话说,javascript越少越好!

文件大小

再一次,智能手机不如台式电脑或笔记本电脑强大。这也意味着他们无法下载大文件并立即执行 缩小代码 这将有助于减少文件大小,并简化手机本身的口译过程。

清理HTML

这在任何计算机上都起作用;台式机、笔记本电脑、智能手机——这无关紧要。重要的是干净有效的HTML。虽然不可能总是有有效的HTML,但至少可以清理它。例如,这里有一个导航栏:

<;div id=“导航栏”>;

现在,看看这段代码:

<;ul id=“导航栏”>;

有点不同,不是吗?确切地干净的代码总是一件好事,智能手机也不例外。

看起来很明显

这似乎很明显,但问题是:否:悬停状态 请不要错误地认为有一种方法可以用手指悬停。没有。如果你的网站上有下拉菜单,这可能看起来很烦人,但当点击链接时,你总是可以让菜单显示出来。

结论

本文到此结束。如果你有任何问题、建议或意见,请查看下面的意见部分。

来源:https://speckyboy.com/things-you-have-to-consider-when-designing-for-mobile/

0