移动设备web文字单位_移动设备如何塑造现代Web设计

移动设备web文字单位

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/ux-in-plain-english/how-modern-web-design-was-shaped-by-mobile-devices-b841a556286a

移动设备web文字单位

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/274303.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

hp-ux修改时区方法_UX研究人员可以倡导人类的6种方法

hp-ux修改时区方法In the UX world, we often hear terms like “user-centered,” “human-centered,” and “customer-centered.” We believe that in order to be innovative, we need to center experiences that are authentic, intuitive, and practical.在UX世界中&am…

2013年3月百度之星A题

伪随机数生成器 题目描述 baidu熊最近在学习随机算法,于是他决定自己做一个随机数生成器。 这个随机数生成器通过三个参数c, q, n作为种子, 然后它就可以通过以下方式生成伪随机数序列: m0 c, mi1 (q2mi 1) mod 2n, for all i > 0. 因为一些奇怪的…

为什么张扬的人别人很讨厌_为什么每个人总是讨厌重新设计,即使他们很好

为什么张扬的人别人很讨厌重点 (Top highlight)微处理 (Microprocessing) In Microprocessing, columnist Angela Lashbrook aims to improve your relationship with technology every week. Microprocessing goes deep on the little things that define your online life to…

转载--C语言:浮点数在内存中的表示

单精度浮点数: 1位符号位 8位阶码位 23位尾数 双精度浮点数: 1位符号位 8位阶码位 52位尾数 实数在内存中以规范化的浮点数存放,包括数符、阶码、尾数。数的精度取决于尾数的位数。比如32位机上float型为23位 double型为52位。…

学习ui设计_如果您想学习UI设计,该怎么办

学习ui设计There is a question that is always asked when we want to learn something new.当我们想学习新东西时,总会问一个问题。 Where to start?从哪儿开始? This is also being my question when I want to learn UI design. In this article, …

Christmas

html5 game - Christmasloading......转载于:https://www.cnblogs.com/yorhom/archive/2013/04/05/3001116.html

30个WordPress Retina(iPad)自适应主题

原文地址:http://www.goodfav.com/zh/retina-ready-wordpress-themes-3556.html WordPress Retina定制主题进行了优化,支持Retina屏幕上的高品质和清晰的图像。如果你关心这个话题,又不知道这究竟是什么,那么请你继续阅读。 wordp…

Thinking in java第一章对象导论

这一章,做笔记感觉不是很好做。每个人又每个人对面向对象的理解。这里说一下书里的关键字,穿插一下自己的思想 面向对象的编程语言里面很流行的一句话,一切都是对象。面向对象的核心就是抽象,抽象的能力有大有小,是决定…

Android SlidingMenu插件的使用

1、在github上下载了源码后 不知道如何使用,在折腾了一个晚上后终于弄好了 下载地址 https://github.com/jfeinstein10/SlidingMenu 下载完后,解压,然后先import 其中的library ,然后把项目名改为SlidingMenu 2、然后再到http…

css 字体字体图标_CSS基础知识:了解字体

css 字体字体图标In this tutorial, we’ll be learning about working with fonts in CSS!在本教程中,我们将学习有关在CSS中使用字体的知识! The font property is a shorthand property which can combine a number of sub-properties in a single d…

openstack quantum搭建过程中一些有用的链接

OpenvSwitch的概念和流程: http://blog.wachang.net/2013/03/openvswitch-fullbook-2-workflow-1/ OpenvSwitch的vlan模式: http://openvswitch.org/support/config-cookbooks/vlan-configuration-cookbook/ OpenvSwitch问答: http://openvsw…

mysql下载哪一代版本好_潮一代更好的设计

mysql下载哪一代版本好I think we can all agree that quarantined life has been strange. And while most of the day is comprised of the monotony of domestic life, I’ve been surprised at how much of my time is dominated by technology.我认为我们都可以同意隔离的…

预约清单ui设计_持续交付质量设计所需的UI清单

预约清单ui设计重点 (Top highlight)Over the past few months, my design team at StreetEasy has started experimenting in adding a “design buddy” check-in to the final stages of the design process.在过去的几个月中,我在StreetEasy的设计团队已开始尝试…

黑书上的DP例题

pagesectionnotitlesubmit1131.5.1例题1括号序列POJ11411161.5.1例题2棋盘分割POJ11911171.5.1例题3决斗Sicily18221171.5.1例题4“舞蹈家”怀特先生ACM-ICPC Live Archive1191.5.1例题5积木游戏http://202.120.80.191/problem.php?problemid12441231.5.2例题1方块消除http://…

静态创意和动态创意_我在22岁时学到的关于创意指导的知识

静态创意和动态创意During my last semester at college, I took a course titled “Collaborative Workshop”. The entire course focused on how to best collaborate within a team setting. We were placed into groups of 4 or 5. These were our “creative director” …

vim7.1在windows下的编码设置[转]

在gvm配置文件中: (gvim安装目录下的_vimrc文件中) """""""""""""""""""""""""""""&…

绝对编码和增量编码_用户体验设计师应该学习编码吗? 绝对

绝对编码和增量编码Even though I was trained as a graphic designer, I’ve never limited myself to that field exclusively. My particular interest in how things work didn’t allow me to stand still and as a young kid, I was already pulling apart all my toys t…

两个ID

在itpub上注册了ID googlgoracle ,发过不少的求助帖子。 http://www.itpub.net/home.php?modspace&dothread&viewme 在CSDN 上ID:googlg,注册时间挺早的2008年,一直也没有弄过。 http://write.blog.csdn.net/postlist http://blog.csdn.net/goo…

完美主义怎么解决_相信我,你不要完美主义

完美主义怎么解决Perfectionism to UXers is like a badge of honour. We pride ourselves on the attention to detail and the drive to constantly push our work to the next level. When I asked some of my clients who share this sentiment about perfectionism, they …

MDK linker和debug的设置以及在RAM中调试

有误或者表述不清楚请指出,谢谢 硬件:TQ2440开发板、jlink V8 固件 软件:J-LINK ARM 4.08i、MDK4.20 先解释下MDK中三种linker之间的区别 设置集中在option linker选项卡 1.采用Target对话框中的ram和rom地址。采用此方式,…