海淀网站建设设计:成功移动用户体验的关键要素

2019.05.27 海淀网站建设设计

53

许多图形设计师正朝着移动应用的流行趋势发展。您可以设计一些令人难以置信的本地应用程序和移动网络接口,通过使用当之无愧的技术。最好的移动体验应该尽可能快速、毫不费力地发挥作用。

海淀网站建设设计

海淀网站建设设计在本文中,我想介绍一下任何移动设计的一些重要元素。您将不得不考虑许多涉及用户导航和点击/触摸控件的情况。智能手机市场爆炸式增长,导致手机市场出现了新的发展趋势。但是除了一些激烈的竞争之外,现在是在网上发布自己的移动想法的最佳时机。

精简内容

值得商榷的是,您的内容是您的访问者真正关心的唯一事情。无论这些内容是在网站上发布,还是在游戏世界中发布,还是在图片库中出现都是无关紧要的。所有的移动设备都是使用有限的屏幕房地产,你需要使用这个优势。

一个好的起点是始终保持您的字体大小足够大,以便于阅读在一段距离。把你的手机离你的脸只有几英寸远,只是为了阅读一个网页,这是不好玩的。在较小的iOS应用程序中,我始终注意到这一点。用较小的字体节省空间是不值得的-老实说,我宁愿向下滚动一个更大类型的更长的页面。

您还需要将此内容视为沿页面流动的“流”。不要试图把太多的内容塞进一个部分,否则你的界面会显得杂乱无章。通常,单列系统是最好的,除非您正在构建特定的页面布局(例如:用户设置、配置文件、音乐列表、图片缩略图…)。。

自顶向下导航

虽然我们海淀网站建设设计可以使用许多不同的短语,但导航系统的目的是将游客转移到预定的目的地。问题是,并不是每个人都知道你的菜单系统或他们需要去的地方。确保回到你的主屏幕很容易,这样用户就不会在细节中迷失。

海淀网站建设设计

iphone和一些基于android的应用程序已经采用了底部标签栏界面。我喜欢这个概念,因为你可以从应用程序的任何地方访问4或5个不同的网页浏览。不幸的是,由于浏览器有限,HTML 5/CSS 3网络应用程序的选项不多。但也有一些独特的教程涉及森查触觉帮助您构建一个非常相似的UI。

合并意见

twitter这样的网站通常有一个设置页面,有6或7个不同的子页面。您可以选择更新密码、编辑配置文件信息、通知、配置文件设计和许多其他选项。在网络浏览器中,这通常是可以接受的,但不能很好地转化为移动。

合并和合并任何您认为可能在一起的页面。最终,这将节省访客的时间和耐心,看看所有可用的选择。即使您的网站没有用户交互,仍然可能有相关的静态页面合并在一起。你应该运用你最好的判断力,让自己站在客人的立场上。

让浏览过程在打开应用程序和找到你需要的东西之间非常简单。设置一个隐藏侧导航菜单你可以用按钮的点击来显示/隐藏。该教程中的动画是使用jQuery创建的,但是Java和Object-C中也有类似的库。

打造品牌

无论是构建本地智能手机应用程序还是编写移动网站,这两种设计风格都为品牌建设留下了空间。你应该考虑哪些颜色和纹理最能代表你的产品。你通常会在页面顶部加上一个标志,这样才能吸引人们的注意力。

如果你编码一个固定的顶部导航栏,你应该包括一个标志在中间的某个地方。这是iOS应用程序的一个典型约定,也可以用HTML 5/CSS 3实现。当我发布像Instagram或Gowalla这样的东西时,很容易通过标题栏来识别品牌。我认为这个顶部的栏取代了浏览器窗口。<title>元素。

但是还有很多其他的情况,你可以建立品牌机会。在每个视图的底部,在页脚区域,您应该有一些额外的空间,标志或小图标。您可以链接到母公司的网站,或给予您的应用程序的设计师/开发人员荣誉。这一切都是为了让自己在不妨碍重要内容的情况下被人所知。

帐户认证

海淀网站建设设计相信大多数web开发人员至少听说过OAuth直接连接。这是用于连接第三方应用程序与您的主要社交网络配置文件的协议。任何有API的流行网站通常都允许OAuth-Twitter、Facebook、Instagram和Foursquare是一些著名的例子。

并不是所有的移动应用程序都能处理这种动态内容。但很难忽视的是,用户喜欢与网站或本地移动应用程序交互。如果你有社交网络功能的想法,为什么要退缩呢?如果您使用开放API,而不是构建您自己的自定义注册/登录过程,您就可以快速开始构建一个用户名库。

用户更有可能连接已经存在的帐户,而不是注册到其他服务。这一过程在移动屏幕上要慢得多,而且很难与微型窗体协同工作。但是OAuth是一个非常出色的系统,用于一个干净和安全的帐户连接。

翻译完整的网站

最大的挑战之一是将完整的网站设计转化为移动版本。您必须考虑如何重新工作导航和所有这些内容将适合!这是一项困难的工作,但绝对没有什么是不可能的。

您首先应该认识到,移动网站通常不包含与桌面对应的所有信息。根本没有足够的时间让访问者阅读你所有的图形和网站旅游。保持这个过程非常基本-我喜欢用铅笔和一些纸开始用户界面草图。

了解一下你的顶部工具栏会是什么样子。您应该将jQuery用于子菜单导航吗?还是应该仅在查看父页时添加这些链接?这些问题没有一个普遍的答案,因为它们与每个项目不同。但是,只有先计划,然后采取行动,你才能得出一个合理的结论。

最后思想

你将无法直接进入移动设计,并开始创建网络应用程序在你的第一天。这套技能需要几个星期的练习,随着时间的推移,你将发展这方面的知识。我希望本文能提供一些初步的想法,这对于任何移动体验都是至关重要的。如果你有类似的想法或建议,可以在下面的讨论后分享。

 


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP