圖片優(yōu)化 |
發(fā)布時間:2016-07-25 文章來源: 瀏覽次數(shù):3174 |
如何開始移動設計 對于我們中良多人來說,移動端設計是一個嶄新的機會。但是,假如你過去是桌面真?zhèn)網(wǎng)頁設計師,如何將經(jīng)驗轉換到移動網(wǎng)頁端呢?當然,已有的一些工具,經(jīng)驗,技能仍舊合用,只需開始思索下如何在手機長進行組織和布局。 組織架構 當你開始組織移動端界面的內(nèi)容和操縱時,一些可靠的信息架構準則:好比,清楚的標簽(labeling),平衡的寬度和深度,妥當公道的心智模型,這些仍然十分重要。但是,組織移動端網(wǎng)頁設計體驗你需要考慮以下因素: 配合使用方式:人們?nèi)绾魏嫌靡苿釉O備,為什么這樣用? 夸大內(nèi)容超過導航 保持清楚和專注 配合移動設備合用方式 我們很輕易理解移動設備上獨特的限制和機能。簡樸來說,桌面網(wǎng)頁同樣有良多獨特的限制。所以直接將桌面產(chǎn)品移植得手機端并無意義。而是要考慮移動端獨占的特性,并且知足到用戶需求。 通過研究一些專業(yè)分析的共通點,我們會得到一些啟發(fā)。面臨通凡人們是如何使用他們的移動設備的,為什么?這個題目時,Josh Clark在他的《觸動人心》(注:《觸動人心-設計優(yōu)秀的iphone應用》一書中講到過三個樞紐用戶行為: “我有個微任務要做”; “我想看看四周的情況”; “我有些無聊”。 這正好與google的調(diào)研不謀而合,他將移動用戶細分為三種行為群體:當前是急迫的,反復的,或者無聊的。 無論如何描述,移動真?zhèn)使用方式通常包括以下交互情形: 查找/發(fā)現(xiàn)(急需信息,基于地點位置):我現(xiàn)在需要得到謎底——多數(shù)是告訴我在哪里。 探索/娛樂(無聊,基于地點位置):我現(xiàn)在想消磨時間,來點娛樂打發(fā)無聊。 簽到檢查(check-in)/狀態(tài)(重復/微任務處理):一些重要的事需要不斷改變或更新,我想留在上面。 編纂/創(chuàng)建(緊急調(diào)整,微任務處理):我需要馬上做完一些事,不能等。 以上因素決定人們?yōu)楹稳〕鍪謾C,所以這些行為決定了手機體驗應該如何被構造和組織來知足人們的需求。 例如:照片分享Flickr的移動網(wǎng)頁體驗就有四個主要操縱。你通信錄里摯友的最新流動和最新上傳讓人們不斷想檢查是否有摯友的照片更新;提供當日四周人們上傳的一些有趣的內(nèi)容和照片,為想瀏覽優(yōu)質(zhì)照片的人們打發(fā)無聊時間的方式。
flickr的移動網(wǎng)頁體驗符合人們?yōu)槭裁炊〕鍪謾C(固然略顯生硬)。 配合移動環(huán)境使用環(huán)境天然也需要適應你網(wǎng)站真實世界的需要。由于移動體驗可能被用在任何地點場景,你需要考慮如何讓人們不管在哪里都覺得好用。 這就意味著需要考慮用戶真正需要你網(wǎng)站組織提供的真實用例(use cases)。這一點實在在手機端更加重要。 通過了解以上用戶會取出手機的念頭,結合自身app提供的功能,盡量減少用戶在移動真?zhèn)操縱路徑。 內(nèi)容優(yōu)于導航 一條常規(guī)理論,在移動端內(nèi)容優(yōu)先于導航。不管人們是否常常查看更新信息,諸如:股票,新聞或是比分;他們查看當?shù)匦侣劵蚴峭ㄟ^搜索查找文章或是使用聊天工具,他們都想快速響應需求而不是看到你的網(wǎng)站架構脈絡。 太多的移動網(wǎng)頁體驗(像是之前的Flickr )開始時的對話都是一大堆的導航列表,而不是內(nèi)容信息。移動端用戶時間很寶貴,下載也需要流量的金錢消耗,所以讓他們馬上獲得想要的信息才是樞紐。
Youtube ESPN的移動網(wǎng)頁就是這樣做的。先是一個簡樸的抬頭告訴你身處哪里,將導航選項降級為一個單獨的按鈕。其余的位置放置可隨時查看的最新信息(ESPN)和最熱的供消遣的視頻。 ESPN Youtube移動網(wǎng)頁體驗將重點放在內(nèi)容信息上,而不是導航上。 定位和探索 但是,請稍等一下,假如內(nèi)容老是優(yōu)于導航。 關于返回鍵 很多iphone的原生應用在導航上都有個永久的返回按鈕。因為蘋果的移動設備沒有硬件上的返回按鍵,所以良多app都在頂部標題欄設置了返回按鈕。
andoidphone 一般都有物理返回按鍵 即便是蘋果iphone上的瀏覽器,底部的工具欄上包含一個永久的返回按鈕。
在移動網(wǎng)頁體驗上添加一個返回按鈕輕易引起攪渾。人們在使用網(wǎng)頁時候會問:“這兩個返回按鍵的作用是一樣的嗎?”。因此在移動網(wǎng)頁設計時,不應該在有限的空間內(nèi)占據(jù)一個多余的“返回”按鈕。
總之,當你打算組織移動網(wǎng)頁體驗時,考慮哪些用戶行為符合移動糊口的需要。 移動用例(usecase)。像是尋找、探索/游戲,簽到/查看狀態(tài),編纂/創(chuàng)建,思索這些行為,然后調(diào)整網(wǎng)站移動端使用時候的架構。 首先關注內(nèi)容,其次才是導航。人們更關心信息和他們想快速處理的任務。 相關的的導航泛起在合適的位置,會讓人們陶醉,或是訪問度更深。 減少樞紐任務的選擇。導航需要清楚并且關注在人們真正需要的事情上,多考慮人們在緊急狀態(tài)和非理想狀態(tài)下盡快提供匡助。 考慮人們在休閑時候使用手機,并且請考慮橫屏設計,讓人們更加賞識你簡樸的設計。 |
|