[070]-由UI設(shè)計想到整體和局部展示

背景

今天我們對項目的UI設(shè)計進(jìn)行了評審诱建,借鑒了各個平臺的設(shè)計風(fēng)格寒亥。從中我能夠領(lǐng)悟到UI設(shè)計也可以抽象到系統(tǒng)與系統(tǒng)之間的關(guān)系运授,不同的系統(tǒng)組織結(jié)構(gòu)帶來的體驗不一樣。

高頻常用的顯現(xiàn)低頻的隱藏

以前看了《小家越住越大》說對于常用的物品為了方便使用不需要屏蔽够颠。而對于UI設(shè)計來說對于常用的功能就放在用戶顯眼的位置熙侍,而不常用的功能就隱藏起來比如右上角的退出按鈕。

簡潔也是一種平衡

對于設(shè)計師來說能夠施展的空間就一個頁面(手機(jī)頁面或者電腦端頁面),把重要的東西展示把次重要的東西有提示隱藏這是我們需要達(dá)到的要求蛉抓。
比如阿里巴巴2B網(wǎng)站上庆尘,如果商品有很多規(guī)則會把主要規(guī)格(比如顏色)全部展示次要的規(guī)則(很多小尺寸)可以需要點開顯示。
//FIXME 貼圖

保證完成主要流程最少操作

我們下訂單需要填寫地址填寫聯(lián)系方式這些次要的功能通過彈窗提示比較好巷送,如果采用跳轉(zhuǎn)的方式就離開了主頁面返回的時候也不知要返回幾次驶忌。
這跟寫代碼一樣,在一個文件中完成需要邏輯笑跛,其他次要的邏輯可以通過幫助函數(shù)寫在另外一個幫助類里付魔。

設(shè)計局部和全局

當(dāng)1688 2B用戶(2B)對產(chǎn)品不熟悉的時候傾向于去卡片式里選擇商品,即通過卡片能夠看到商品大概商品信息來決定買不買飞蹂,類似于我們在淘寶買東西几苍。

當(dāng)你下游企業(yè)對上有企業(yè)提供的商品分類和特征都很熟悉(知道有哪些東西再賣哪些是自己需要的),可以通過列表來選擇商品這樣便于批量訂購陈哑。

快速補貨也是對應(yīng)的就是熟悉場景妻坝,我以前買過某些東西(已經(jīng)對這些商品有了解)從新對某商品批量購買,所以我收藏的商品和購買?的商品大部分是以列表形式展現(xiàn)惊窖。

同一系統(tǒng)具有操作方便性不同系統(tǒng)具有共享性

CRM系統(tǒng)里查看某個客戶或者訂單詳情的時候都是以右邊滑動的形式其本質(zhì)還是所于主頁面刽宪。
但如果你需要把詳情頁面分享出去(比如打印出訂單詳情或者通過IM發(fā)送給其他同事看),這樣就最好把這個頁面獨立出來(再開一個頁面)界酒。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末圣拄,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子盾计,更是在濱河造成了極大的恐慌售担,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,682評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件署辉,死亡現(xiàn)場離奇詭異族铆,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)哭尝,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,277評論 3 395
  • 文/潘曉璐 我一進(jìn)店門哥攘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人材鹦,你說我怎么就攤上這事逝淹。” “怎么了桶唐?”我有些...
    開封第一講書人閱讀 165,083評論 0 355
  • 文/不壞的土叔 我叫張陵栅葡,是天一觀的道長。 經(jīng)常有香客問我尤泽,道長欣簇,這世上最難降的妖魔是什么规脸? 我笑而不...
    開封第一講書人閱讀 58,763評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮熊咽,結(jié)果婚禮上莫鸭,老公的妹妹穿的比我還像新娘。我一直安慰自己横殴,他們只是感情好被因,可當(dāng)我...
    茶點故事閱讀 67,785評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著衫仑,像睡著了一般梨与。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上惑畴,一...
    開封第一講書人閱讀 51,624評論 1 305
  • 那天蛋欣,我揣著相機(jī)與錄音,去河邊找鬼如贷。 笑死,一個胖子當(dāng)著我的面吹牛到踏,可吹牛的內(nèi)容都是我干的杠袱。 我是一名探鬼主播,決...
    沈念sama閱讀 40,358評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼窝稿,長吁一口氣:“原來是場噩夢啊……” “哼楣富!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起伴榔,我...
    開封第一講書人閱讀 39,261評論 0 276
  • 序言:老撾萬榮一對情侶失蹤纹蝴,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后踪少,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體塘安,經(jīng)...
    沈念sama閱讀 45,722評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年援奢,在試婚紗的時候發(fā)現(xiàn)自己被綠了兼犯。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,030評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡集漾,死狀恐怖切黔,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情具篇,我是刑警寧澤纬霞,帶...
    沈念sama閱讀 35,737評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站驱显,受9級特大地震影響诗芜,放射性物質(zhì)發(fā)生泄漏瞳抓。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,360評論 3 330
  • 文/蒙蒙 一绢陌、第九天 我趴在偏房一處隱蔽的房頂上張望挨下。 院中可真熱鬧,春花似錦脐湾、人聲如沸臭笆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,941評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽愁铺。三九已至,卻和暖如春闻鉴,著一層夾襖步出監(jiān)牢的瞬間茵乱,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,057評論 1 270
  • 我被黑心中介騙來泰國打工孟岛, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留瓶竭,地道東北人。 一個月前我還...
    沈念sama閱讀 48,237評論 3 371
  • 正文 我出身青樓渠羞,卻偏偏與公主長得像斤贰,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子次询,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,976評論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,162評論 25 707
  • 產(chǎn)品需求文檔(PRD)荧恍,是一個產(chǎn)品項目由“概念化”階段進(jìn)入到“圖紙化”階段的最主要的一個文檔,其作用是“對市場需求...
    酷泡泡閱讀 5,087評論 1 34
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫屯吊、插件送巡、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,105評論 4 62
  • 今天分享的《像間諜一樣思考》,教會我們?nèi)绾问褂眯兄行У男惺略瓌t和思考方式去應(yīng)用并解決生活的實際問題盒卸,比如面試骗爆、銷...
    禮小禮er閱讀 518評論 4 3
  • 全片近似黑白膠片的電影主色。在可可西里世落,白的是雪山淮腾,藍(lán)的是天空,剩下的天地之間都是一片土灰色屉佳。平均海拔47...
    零點2017閱讀 417評論 0 2