移動設備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.pswp.cn/news/274303.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/274303.shtml
英文地址,請注明出處:http://en.pswp.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地址。采用此方式,…