iA: iPad 版《Wired》是紙老虎
這是之前說(shuō)的第二篇關(guān)于 iPad 版《Wired》的西人評(píng)論,出自著名的用戶體驗(yàn)/信息架構(gòu)研究站iA(Information-Architects)。雖然本文中的部分批評(píng)乃針對(duì)英文排版而言(例如對(duì)連字符的運(yùn)用),但大部分仍然值得中文iPad內(nèi)容軟件開(kāi)發(fā)者細(xì)讀?!幷?/p>
首先,他們把紙版雜志硬塞進(jìn)了狹小的iPad屏幕當(dāng)中。這個(gè)漂亮但注定要失敗的軟件缺乏交互邏輯,為彌補(bǔ)這點(diǎn),他們提供了一套怪誕的導(dǎo)航方式。最終,它變成了一個(gè)充滿內(nèi)部鏈接、外加幾條錄像和音頻(「互動(dòng)」)的東西,并被送上了市場(chǎng)。該死,1990 年代又復(fù)活了。
好的圖片能夠自圓其說(shuō)。但文字就不一樣了。要完成自己的使命——溝通,文字需要高超的修辭技巧和字體排印能力。在屏幕上,這一切則更加復(fù)雜?!禬ired》的記者和平面設(shè)計(jì)師們?nèi)詫贅I(yè)內(nèi)頂尖,但 iPad 版《Wired》的字體與交互設(shè)計(jì)就差得遠(yuǎn)了。以下就是 iA 對(duì)《Wired》軟件的邪惡意見(jiàn)。
一欄??jī)蓹??這與品味無(wú)關(guān)
iPad 的豎版狀態(tài)本身就構(gòu)成了合理的欄寬,而且左右還都能留下一點(diǎn)空白。橫版留的白就更多了。為什么不用呢?這是一個(gè)擁有無(wú)限垂直空間的媒介,沒(méi)必要設(shè)計(jì)成緊密的多欄版式。我知道,多欄看上去很有經(jīng)典的質(zhì)感,但沉甸甸的黑色轉(zhuǎn)輪電話同樣很經(jīng)典。在實(shí)際使用時(shí),多欄版式的易用度跟轉(zhuǎn)輪電話是差不多的。iPad 的尺寸和分辨率只有雜志印刷紙張的一半,也就是說(shuō),它的顆粒度只有這張的四分之一。因此,你必須改變思路。
多欄版式行不通的原因如下:
一、會(huì)令正文變碎,讓頁(yè)面變亂,減少呼吸空間。
二、會(huì)令換行數(shù)目增加,讓文字右側(cè)像狗啃過(guò)一樣。
三、會(huì)把長(zhǎng)文章切成許多互不連接的文字塊,這會(huì)增加分辨閱讀方向的難度。
四、會(huì)增加連字符(-)的數(shù)量,形成更多文字空洞,這會(huì)讓滾動(dòng)區(qū)域變長(zhǎng)。
五、會(huì)把你鎖定在紙張思維,頁(yè)面的高度會(huì)被固定。
六、這樣設(shè)計(jì)出來(lái)的版式,讀起來(lái)經(jīng)常會(huì)想:下一步該怎么著?
七、會(huì)增加讀者的導(dǎo)航知覺(jué)負(fù)載。例如,他們會(huì)想:到了第二頁(yè)如果我往左滑動(dòng)會(huì)發(fā)生什么?會(huì)跳到下一篇文章的第二頁(yè)?還是第一頁(yè)?
我再?gòu)?qiáng)調(diào)一次:以 iPad 目前的尺寸和分辨率,把長(zhǎng)篇文章設(shè)計(jì)成多欄版式純粹是扯淡的懷舊主義設(shè)計(jì)。欄數(shù)越多,越糟。
為屏幕優(yōu)化的字體講求的是易讀性,而不是一味遵從鉛字和紙張時(shí)代的舊標(biāo)準(zhǔn)。如果你無(wú)法了解這點(diǎn),至少應(yīng)該保持欄與欄之間留有足夠的空間。(提示:欄距和行距一樣,在屏幕上必須比在紙上大,因?yàn)槠聊簧系淖指:?。?/p>
作者用 InDesign 模擬的效果。制圖:iA。(點(diǎn)擊可看大圖。)
iPad 上的效果。制圖:iA。(點(diǎn)擊可看大圖。)
《Wired》軟件的分欄問(wèn)題不只局限于文章頁(yè)。在某些頁(yè)上,欄寬窄得讓你閱讀時(shí)非常容易疲勞。下面的版式很漂亮,但要讀那些文字簡(jiǎn)直就是折磨。
作者用 InDesign 模擬的效果。制圖:iA。(點(diǎn)擊可看大圖。)
iPad 上的效果。制圖:iA。(點(diǎn)擊可看大圖。)
(《紐約時(shí)報(bào)》軟件有同樣的問(wèn)題。如果使用易讀的字號(hào),橫版的五欄模式以及豎版的三欄模式都會(huì)造成一行只有三到五個(gè)單詞。這看上去感覺(jué)很經(jīng)典懷舊,但讀起來(lái)仿佛像在聽(tīng) 1920 年代滑稽電影那傻傻的急促配樂(lè)?!都~約時(shí)報(bào)》的軟件用的是卡片模式,導(dǎo)航方式是往右滑動(dòng),這也帶來(lái)了其他的問(wèn)題。[會(huì)有很多死角。])
親愛(ài)的紙張?jiān)O(shè)計(jì)師……
在紙上效果好的字體在屏幕上不一定效果好,因?yàn)榉翠忼X技術(shù)會(huì)令它們顯得不穩(wěn)定。Hoefler+Frere-Jones 的這條推訊很有點(diǎn)諷刺意味:
《Wired》的 iPad 版很棒,祝賀 @sdadich 和《Wired》團(tuán)隊(duì)!這不僅僅因?yàn)樗麄冇昧撕芏?@H_FJ 的字體哦。
沒(méi)錯(cuò),真的是「用了很多字體」啊。不過(guò)字體公司開(kāi)心,讀者可未必。
一、(到目前為止),在 iPad 上用非屏幕字體仍然不是好主意,除非把字號(hào)放到很大(這又會(huì)帶來(lái)其他問(wèn)題)。iPad 屏幕的字體顯示技術(shù)很難搞。但如果你希望別人來(lái)讀你的內(nèi)容,難搞也得搞。
二、大體上說(shuō),混用多種字體就好比把句子寫(xiě)得很長(zhǎng)。除非你的控制能力達(dá)到了天才級(jí)別,否則別干這種事。壞消息是:你沒(méi)法完全控制字體在 iPad 上的顯示效果,目前的這種分辨率把細(xì)微的差別都抹平了。
作者用 InDesign 模擬的效果。制圖:iA。(點(diǎn)擊可看大圖。)
iPad 上的效果。制圖:iA。(點(diǎn)擊可看大圖。)
裝飾元素
漂亮的印刷設(shè)計(jì)是沒(méi)法直接轉(zhuǎn)為漂亮的屏幕設(shè)計(jì)的。在印刷品上,頁(yè)面裝飾元素能夠體現(xiàn)品味和品牌價(jià)值。在屏幕上,它們就會(huì)變成令人迷惑的東西。
作者用 InDesign 模擬的效果。制圖:iA。(點(diǎn)擊可看大圖。)
iPad 上的效果。制圖:iA。(點(diǎn)擊可看大圖。)
一、在舊的 640 x 480 的小屏幕上,視覺(jué)裝飾元素會(huì)占據(jù)寶貴的屏幕空間。這些元素密度一高,iPad 那 1024 x 768 的屏幕顯得更小了。
二、iPad 屏幕本身的尺寸跟半頁(yè)雜志差不多,而它的粗黑邊框會(huì)令人產(chǎn)生幽閉感。如果此時(shí)再用內(nèi)容和留白以外的元素占據(jù)空間的話,會(huì)讓整個(gè)空間顯得越來(lái)越小。
三、電子設(shè)備的導(dǎo)航操作不像翻書(shū)頁(yè)那么簡(jiǎn)單。屏幕上的每一個(gè)元素——只要沒(méi)有明確的語(yǔ)義或結(jié)構(gòu)特征——都有可能被誤會(huì)為導(dǎo)航控件。一旦用戶意識(shí)到它其實(shí)只是裝飾元素,就會(huì)有意識(shí)地忽略它。然后,重要的導(dǎo)航元素也會(huì)開(kāi)始被忽略,最后整個(gè)軟件就變成了一張地毯。(誰(shuí)能想到那些標(biāo)成黃色的字是內(nèi)部鏈接???)
廣告整合
iPad 版《Wired》里都是全屏廣告,內(nèi)容部分沒(méi)有討厭的廣告條,這是值得贊賞的。但它目前的廣告整合方式還是有很多大問(wèn)題。
一、內(nèi)容部分的設(shè)計(jì)不錯(cuò),但很難和廣告區(qū)分。約翰·格魯伯因?yàn)槟撤N原因還是給了它正面評(píng)價(jià),但也提到:「……很多時(shí)候,尤其是遇到連續(xù)幾頁(yè)的廣告時(shí),頁(yè)面上缺少視覺(jué)提示,告訴你當(dāng)前頁(yè)的底下還有幾頁(yè)?!够旧?,每個(gè)頁(yè)面都需要看上第二或第三眼才知道究竟是廣告還是內(nèi)容。你經(jīng)常需要去滾動(dòng)一下,才能區(qū)分兩者。這不僅僅是易用性問(wèn)題了,還是個(gè)新聞倫理問(wèn)題??旆阶詈髱醉?yè)時(shí),我沒(méi)有興趣再去區(qū)分了,只顧著迅速把剩下的頁(yè)面翻完,內(nèi)容根本沒(méi)讀。
二、一疊這樣的平面圖片賣(mài)五美元(約人民幣三十五元——編者)真不便宜。(別告訴我插幾段錄像進(jìn)去就算互動(dòng)了。)而這些 JPEG 圖片中 75% 都是廣告,我覺(jué)得自己簡(jiǎn)直太二了,花五美元買(mǎi)了一堆廣告,一批無(wú)法閱讀的內(nèi)容,導(dǎo)航還亂七八糟的,沒(méi)事吧我?
我知道《Wired》的成本不只五美元,他們整個(gè)系統(tǒng)的效率還需要提高?!禖ooks Illustrated》沒(méi)有廣告,賣(mài) 7.95 美元。(而且很棒。)——@nevenmrgan
上面指出的大部分問(wèn)題(欄寬、字體選擇、裝飾元素、紙張思維)以及很多其他問(wèn)題(無(wú)法拷貝粘貼,無(wú)法放大)似乎都是由于使用 InDesign 所致,這個(gè)軟件是為紙張?jiān)O(shè)計(jì)優(yōu)化的。
喬布斯(又)說(shuō)對(duì)了
我們應(yīng)該用原生工具來(lái)寫(xiě) iPad 軟件。這不是因?yàn)閱滩妓惯@么說(shuō)了,而是因?yàn)檫@些工具能讓你做出有血有肉的產(chǎn)品。換句話說(shuō),它讓你理解 iPad 技術(shù)的目的、潛力和局限。
《Wired》有必要擔(dān)心嗎?畢竟他們已經(jīng)賣(mài)出了兩萬(wàn)四千份,而 iA 的軟件還沒(méi)出呢。但盡管《Wired》一天賺的錢(qián)可能就比我們的軟件一輩子賺得多,我還是對(duì)于他們的長(zhǎng)期銷(xiāo)量非常悲觀。
《Wired》軟件發(fā)布時(shí)的成功并不奇怪。這是讀者被品牌光環(huán)蒙蔽(「是《Wired》哦,看上去很《Wired》哦,肯定很酷的,就跟《Wired》那么酷?!梗?、記者被慣性思維引導(dǎo)的結(jié)果。Adobe 自己那充斥著 1990 年代氣味的扯淡宣傳語(yǔ)很好地呈現(xiàn)了這種慣性思維:
雜志的未來(lái),就是現(xiàn)在。
不,不是。未來(lái)不是現(xiàn)在,從來(lái)不是。新聞的未來(lái)也絕對(duì)不會(huì)=用一款印刷設(shè)計(jì)軟件輸出的一疊加插了視頻的廣告圖片。大伙兒還得再使把勁才行。
來(lái)源:https://apple4.us/2010/06/ia-wired-for-ipad-is-paper-tiger.html
- 目前還沒(méi)評(píng)論,等你發(fā)揮!