怎么开启网页移动设备_移动设备如何塑造现代网页设计

怎么开启网页移动设备

I was working with a nonprofit earlier this month on redesigning their website and during the first meeting, I proposed a very standard idea: the home page needed to tell a story and guide the intended user through the intended process (for this nonprofit it happened to be guiding philanthropists through the organization’s intent and then, hopefully, to a donation). I added that the front page would be the only page that the majority of visitors visit, and therefore once the user is done scrolling through it he or she should be satisfied.

我本月初曾与一家非营利组织合作，重新设计他们的网站，在第一次会议上，我提出了一个非常标准的想法：主页需要讲述一个故事并指导目标用户完成预期的流程(对于这个非营利组织，引导慈善家了解组织的意图，然后希望进行捐赠)。 我补充说，首页将是大多数访问者访问的唯一页面，因此，一旦用户完成滚动，就应该感到满意。

The president liked this idea and agreed with my recommendation. He then said, “I wonder if, since we are so used to consuming content on our phones, we have become so accustomed to one continuous, vertically-oriented, stream of information. Years ago we got away with dozens of pages tucked away in menus, but that isn’t what works anymore.”

总统喜欢这个主意，并同意我的建议。 然后他说：“我想知道是否由于我们习惯了在手机上消费内容，我们是否已经习惯了一种连续的，垂直方向的信息流。 几年前，我们在菜单中隐藏了数十个页面，但这不再起作用了。”

I had always pushed vertically-focused layouts in web design, and always noticed that vertically-focused sites are always the ones that receive awards for beautiful design, but the idea my client just posed had never crossed my mind. He was right, mobile device use recently surpassed computer use in terms of hours/day for Americans.

我一直在网站设计中推广垂直关注的布局，并且总是注意到垂直关注的站点始终是那些因精美设计而获得奖项的站点，但是我的客户刚刚提出的想法从来没有想到。 他说的没错，就美国人的小时/日而言，最近移动设备的使用已超过计算机的使用。

Before the use of mobile devices, we had thoughtlessly adopted the idea that good websites could and should be laid out in pages, like a book. But in reality, this page-based layout of information was invented along with the internet.

在使用移动设备之前，我们曾不加思索地采用了这样的想法：好的网站可以并且应该像书本一样布置在页面上。 但实际上，这种基于页面的信息布局是与互联网一起发明的。

Books, and nearly all information, are not laid out in pages. Well, not “pages” in the same way that websites are sometimes separated by “pages” Sure we print the books in pages, but it is a stream of content that you read in a linear order. Compare this to your state government’s DPS website. You can navigate their pages in all types of orders to achieve the same task, there is no storytelling, it is a labyrinth of chores for the user.

书籍和几乎所有信息都没有放在页面中。 嗯，不是“页面”，就像网站有时被“页面”分开一样。请确保我们以页面形式打印书籍，但这是您按线性顺序阅读的内容流。 将此与您所在州政府的DPS网站进行比较。 您可以按所有类型的订单浏览他们的页面以完成相同的任务，没有讲故事，这对用户来说是一个繁琐的琐事 。

But for most businesses, the story that needs to be told on the front page should be told the same way an author would today or hundreds of years ago: vertically. Thankfully, recently we have realized that more and more people are using websites on smartphones. This caused a wave of mobile-optimized web design. Mobile devices result in clunky menus that need to drop down and cover your whole screen, so we began to experiment with distilling information down into a primary vertically-oriented page.

但是对于大多数企业来说，应该在首页或首页上讲的故事应该像今天或数百年前的作者那样讲：垂直。 值得庆幸的是，最近我们意识到越来越多的人正在使用智能手机上的网站。 这引起了一股针对移动设备进行优化的网页设计。 移动设备导致菜单笨拙，需要下拉菜单并覆盖整个屏幕，因此我们开始尝试将信息提取到垂直的主页面中。

This transition somehow made the web design industry realize that pages weren’t always necessary, and we began organizing websites vertically for all uses, not just mobile. This ‘discovery’ made websites more than collections of information, they enabled them to tell a story, and to guide a user through a process with complete control.

这种转变以某种方式使Web设计行业意识到页面并非总是必需的，我们开始垂直组织网站以用于所有用途，而不仅仅是移动网站。 这种“发现”使网站不只是信息收集，还使他们能够讲故事，并通过完全受控的方式指导用户完成整个过程。

The downside to this revolution is that it’s hard to figure out an effective way to tell a story. As a web developer, it is way easier for you to just categorize all of the needed information and put them in pages. But finding a way to distill that information into a tiny space in a way that is legible, beautiful, and that encourages the user to complete a task, takes a lot of thought. On the bright side, this type of planning and thinking is what creates high-value design. A website that is designed this way with significant attention to detail and experience, is capable of so much more than one that has a boatload of functions that no one wants to use.

这场革命的不利之处在于， 很难找到一种有效的讲故事的方式。 作为Web开发人员，您可以轻松地将所有需要的信息分类并放入页面中。 但是，找到一种以清晰，美观，鼓励用户完成任务的方式将信息提取到狭小的空间中的方法需要大量的思考。 从好的方面来说，这种规划和思维方式可以创造出高价值的设计。 以这种方式设计的网站非常注重细节和体验，其功能远不止一个拥有众多用户不想使用的功能的网站。

翻译自: https://medium.com/@kyletknightly/how-modern-web-design-was-shaped-by-mobile-devices-b841a556286a

怎么开启网页移动设备