Godzilla. 2018-12-17
網(wǎng)站建設(shè)
為復(fù)雜的數(shù)據(jù)進(jìn)行設(shè)計(jì)（一）
你被要求為一個(gè)移動(dòng)應(yīng)用程序設(shè)計(jì)個(gè)人資料界面。它需要包括個(gè)人頭像、名字、職位和地點(diǎn)。你打開Sketch或其他設(shè)計(jì)軟件，不管你選擇什么設(shè)計(jì)工具設(shè)計(jì)界面，你最終都可能得到一些數(shù)據(jù)占位符。也許你會使用簡短的虛擬假名代替真實(shí)的用戶信息。你為占位符名稱輸入什么信息似乎并不重要，它不是最終的結(jié)果而是一個(gè)變量。你開始使用的文本會潛移默化地影響你的布局和風(fēng)格。它可能會限制你允許自己考慮的選項(xiàng)的范圍，或者更嚴(yán)重的是，超出你之前設(shè)置的實(shí)際限制。
你可能會想到幾個(gè)明顯的解決方案:使用一個(gè)長占位符名稱;在設(shè)計(jì)中使用真實(shí)數(shù)據(jù)。雖然這是一個(gè)良好的開端，但有必要更深入地探討這些實(shí)踐性改進(jìn)如何既能優(yōu)化你的設(shè)計(jì)方案，又能幫你產(chǎn)出可用性更好的產(chǎn)品。
不僅僅是設(shè)置長的名字?jǐn)?shù)據(jù)占位符
這不僅僅是長的名字，地址、新聞、照片等其他信息也要如此處理。當(dāng)我們圍繞有限的數(shù)據(jù)進(jìn)行設(shè)計(jì)時(shí)，將單行數(shù)據(jù)的最大值滲透到我們的設(shè)計(jì)中。無法處理長串文本是組件在接觸真實(shí)數(shù)據(jù)時(shí)最基本也是最常見的失敗方式。
長度只是實(shí)際文本和數(shù)據(jù)對不完善設(shè)計(jì)造成壓力的方式之一。你也可能會遇到意想不到的換行符，甚至是太短的文本。請注意下面這些我們在處理簡單界面數(shù)據(jù)信息時(shí)容易出錯(cuò)的組分。
賬戶個(gè)人頭像
不要期望用戶會提供一個(gè)畫質(zhì)優(yōu)良的個(gè)人頭像圖片，并配有和界面背景色（如白色）不同的背景顏色。很多用戶可能對上傳頭像圖片根本不感興趣。有些用戶可能會試圖把他們太寬的公司標(biāo)識擠進(jìn)那個(gè)小正方形或圓形頭像區(qū)域。你不能解釋所有可能的數(shù)據(jù)，但是如果在網(wǎng)站設(shè)計(jì)過程的盡早考慮這些不太理想的情景，那么你的輸出的稿件將具有更大的可用性。
視頻或圖片的縮略圖
并不是所有的縮略圖都符合你所期望的長寬比。有些可能包含與周圍頁面意外沖突的文本或圖像。我所見過的一個(gè)常見問題是一個(gè)設(shè)計(jì)精美的主頁，其頂部顯著地顯示了公司標(biāo)識，然后視頻的默認(rèn)海報(bào)圖像也包括公司標(biāo)識，由于和展示縮略圖比例不同所以看起來很難看。
列表標(biāo)簽數(shù)量的顯著變化
注意包含列表標(biāo)簽的界面，在這些列表中標(biāo)簽的數(shù)量可能會發(fā)生顯著變化。設(shè)想一個(gè)布局，其中每個(gè)界面包含一組標(biāo)記。一組中可能有三個(gè)標(biāo)簽，而另一組可能有25個(gè)。當(dāng)一個(gè)特定的標(biāo)簽在長度上與其他單元格相差很大時(shí)，表格數(shù)據(jù)在美觀和可讀性方面也會受到影響。
缺省元素的空間
當(dāng)你為你的網(wǎng)站導(dǎo)航創(chuàng)建了一個(gè)漂亮的布局，從你的手機(jī)到你的27寸iMac漂亮地顯示了不同效果。然后你發(fā)現(xiàn)它需要添加一個(gè)支持菜單項(xiàng)，但沒有空間!我經(jīng)常從布局兩個(gè)列表開始制作一個(gè)界面。第一個(gè)包含訪問者需要完成的目標(biāo)，第二種是需要在屏幕上顯示的元素。確保包括從主要內(nèi)容到廣告的所有元素，以及頁腳中的隱私鏈接。特別容易發(fā)現(xiàn)一個(gè)網(wǎng)站的設(shè)計(jì)沒有考慮到它所包含的廣告位置。
靈活的設(shè)計(jì)可以使設(shè)計(jì)更加親切
我們不能把大量的時(shí)間花在所有能想到的邊緣案例上。我們應(yīng)該更加關(guān)注我們所創(chuàng)建的界面、我們使用的工具以及我們所設(shè)計(jì)的數(shù)據(jù)的作用。有必要將注意力和測試集中在你的站點(diǎn)最常用的訪問方式上。一個(gè)界面不可能總是在每個(gè)不同尺寸的屏幕中完美展示。不要被限制條件完全控制，靈活的設(shè)計(jì)可以使設(shè)計(jì)更加親切。那些有視力障礙的人可能會使用定制的最小字體大小瀏覽網(wǎng)頁。其他一些瀏覽器可能會在縮放級別上瀏覽，從而觸發(fā)適用于移動(dòng)設(shè)備的響應(yīng)式布局，甚至在大型桌面瀏覽器上也會如此。
文章標(biāo)簽：
網(wǎng)站設(shè)計(jì) 數(shù)據(jù)設(shè)計(jì)
文章評論：