移动设备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.taodudu.cc/news/show-893873.html

相关文章:

  • hp-ux修改时区方法_UX研究人员可以倡导人类的6种方法
  • 为什么张扬的人别人很讨厌_为什么每个人总是讨厌重新设计,即使他们很好
  • 学习ui设计_如果您想学习UI设计,该怎么办
  • css 字体字体图标_CSS基础知识:了解字体
  • mysql下载哪一代版本好_潮一代更好的设计
  • 预约清单ui设计_持续交付质量设计所需的UI清单
  • 静态创意和动态创意_我在22岁时学到的关于创意指导的知识
  • 绝对编码和增量编码_用户体验设计师应该学习编码吗? 绝对
  • 完美主义怎么解决_相信我,你不要完美主义
  • 为什么ui框架设计成单线程_评估UI设计的备忘单
  • css 菜单栏悬停_在CSS中构建悬停菜单
  • 一级学科和二级学科_在多学科团队中工作的6个障碍(以及如何解决这些问题)
  • lynda ux_如何建立内部UX团队
  • 财务软件开发_财务独立对软件开发人员的重要性
  • book电子书数据库设计_如何为杀手book的封面设计写出完美的摘要
  • 5g的负面影响_设计系统的实施是否会对早期概念产生负面影响?
  • 像素/厘米与像素/英寸区别_像素/体素艺术入门指南
  • 本土链雷达网_走向本土设计
  • pyqt5子窗口跳出主窗口_弹出式窗口与 可用性,转换和跳出率
  • 移动硬盘不可用_如何对您的网站执行移动可用性审核
  • 开发人员安全行为规则_为开发人员改善生活的7条简单规则
  • 反馈页面设计_获得设计反馈的艺术
  • 系统设计原则的重要性_设计原则的重要性及其对好的设计的影响
  • 有一种爱情叫永不改变_设计就像爱情一样,总是在寻找一种方式
  • 产品原型制作_早期制作原型如何帮助您设计出色的数字产品
  • 前端开发时间格式的转换方法_开发人员投资时间而不浪费时间的10种方法
  • python 投资组合_重新设计投资组合的好处
  • 抓取html中用到的css_如何使用HTML和CSS制作像《星球大战》一样的抓取文字
  • sql注入修复方法是_旧的方法是修复我们可以看到的内容。
  • ux和ui_他们说,以UX / UI设计师的身份加入一家初创公司。 他们说,这会很有趣。

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

  1. PCI设备的访问方法_桥设备(type1)

    PCI设备的访问方法_桥设备(type1) 文章目录 PCI设备的访问方法_桥设备(type1) 参考资料: 一. 硬件结构 二. PCI设备类别及配置方法 2.1设备类别 2.2 配置设备时怎么选中 ...

  2. pythonflask开发web网页编辑_总结Python+Flask+MysqL的web建设技术过程

    一.个人学期总结 本人在一学期时间内学习并实现基于Python的Flask框架web建设项目,python是一种面向对象的解释型计算机程序设计语言,由荷兰人Guido van Rossum于1989年 ...

  3. python 搭建web应用程序_用Python构建数据科学Web应用程序

    作者|Chanin Nantasenamat 编译|VK 来源|Towards Data Science 在本文中,我将向你展示如何使用streamlit python库快速构建一个简单的数据驱动we ...

  4. java web.xml 监听器_【JAVA 核心技术】java web 中的监听器

    为什么要有监听器? 监听器是用来处理一系列事件的java类,可被配置在java web项目中. 既然如此,为什么不用代码直接调用监听器? 这可能是因为J2EE规范规定的项目工程标准,用web.xml指 ...

  5. python web flask开发框架_超好用的Python web开发框架-Flask

    Flask简介 Flask是一个相对于Django而言轻量级的Web框架. 和Django大包大揽不同,Flask建立于一系列的开源软件包之上,这其中 最主要的是WSGI应用开发库Werkzeug和模 ...

  6. 基于java web的图书馆_基于Java-Web的图书管理系统的设计与实现.doc

    题 目 基于Java Web的图书管理 系统的设计与实现 指导老师 ****** 专业班级 姓 名 ******* 学 号 ***** 年 月*日 第 PAGE \* MERGEFORMAT 0 页 ...

  7. 用户体验设计师能为seo做_用户体验设计师可以从产品设计历史中学到什么

    用户体验设计师能为seo做 Many things have changed from tool design in the prehistoric era to today's digital pr ...

  8. php cve-2014-9427漏洞,WEB应用漏洞-温州特种设备检测研究院.DOC

    WEB应用漏洞-温州特种设备检测研究院 附件3:重点网站技术检测报告 重点网站 技术检测报告 网站属地:浙江温州 网站名称:温州市特种设备检测研究院 域名:_ 重点网站技术检测报告 经技术检测发现,你 ...

  9. usb接口驱动_乾坤合一~Linux设备驱动之USB主机和设备驱动

    这一章从主机侧角度看到的USB 主机控制器驱动和设备驱动从主机侧的角度而言,需要编写的USB 驱动程序包括主机控制器驱动和设备驱动两类,USB 主机控制器驱动程序控制插入其中的USB 设备,而USB ...

最新文章

  1. python 导入 包
  2. 安卓Design包下的TextInputLayout和FloatingActionButton的简单使用
  3. 记录自己最近犯得一些傻事
  4. java 安卓基础面试题_android-------Java 常问的基础面试题
  5. php mvc开发系列教程第三节 Controller 类实现
  6. web.xml中的那些标签和意义
  7. 现实版“柯南变声领结”!搜狗输入法“变声”功能发布,千人千声一键转换...
  8. mysql基础面试题大全
  9. 数据资料网站_更新......
  10. 计算机硬盘能改成移动硬盘,旧硬盘怎么改装成移动硬盘
  11. 助教日志_沈航1.2班第一二周作业
  12. 台式计算机启用时间查看,告诉你WIN7怎么查看电脑本次开机时间
  13. Darknet - 模型 (.weights) 重命名
  14. 用ul制作html表单,要利用 display属性把段落P、标题h1、表单form、列表ul和li都可以定义成行内块元素,其属性值为...
  15. vue移动端实现拖拽
  16. java JNI介绍
  17. C语言:计算同一年内两个日期的相隔天数
  18. 欧洲最大的港口与三星IT子公司合作测试区块链运输
  19. [心得]让数据帮我说话
  20. VM虚拟机只有IPv6,没有ipv4

热门文章

  1. 把windows装到linux下,如何将WSL(Windows Subsystem for Linux 2)安装到Windows 10?
  2. 驻定相位原理(POSP)以及线性调频信号的频谱
  3. win7 + vs2015+ matlab2016a + python3.5安装matcaffe cpu版本
  4. h3c 虚拟服务器 下一跳,H3CNE 312题和313题 直连路由静态路由的下一跳问题
  5. java中udi_Java读取.properties配置文件的方法
  6. python爬虫框架怎么安装_celery如何在python爬虫中安装?
  7. linux mysql udf打包_Linux下MySQL 5.1编写UDF 并运行(Install)获取当前时间的毫秒数...
  8. 文本框只能输入数字代码
  9. 本机在合成图片经常提示内存不足
  10. 数据库 oracle 设计三范式