首先井濒,讓我們來(lái)學(xué)習(xí)一下界面設(shè)計(jì)灶似、視覺(jué)設(shè)計(jì)和交互設(shè)計(jì)的辨析:
1列林、界面(Interface)是機(jī)器中的一部分——通過(guò)這個(gè)部分,用戶可以了解機(jī)器的狀態(tài)酪惭、對(duì)機(jī)器進(jìn)行控制希痴、并獲取反饋〈焊校“界面”不僅包括圖形界面砌创,也包括實(shí)體界面。
2鲫懒、視覺(jué)(Vision)是一種人的感官類型——通過(guò)這一個(gè)感官嫩实,用戶可以了解信息,感知物體刀疙,被激發(fā)情緒舶赔。“視覺(jué)”不僅包括美觀谦秧,更包括引導(dǎo)竟纳。
3.交互(Interaction)是一種行為類別——在這種行為類別中,用戶會(huì)發(fā)出自己的行為請(qǐng)求疚鲤,接受者隨之給予用戶反饋和后續(xù)行為的引導(dǎo)锥累。
一、界面設(shè)計(jì)與視覺(jué)設(shè)計(jì):
這里我們將界面設(shè)計(jì)與視覺(jué)設(shè)計(jì)放在一起集歇,推薦大家看《寫給大家看的設(shè)計(jì)書》桶略,產(chǎn)品經(jīng)理關(guān)于界面設(shè)計(jì)的入門書籍,書中提到四個(gè)重要的設(shè)計(jì)原則:
1诲宇、對(duì)比(Contrast):避免頁(yè)面上元素太過(guò)相似际歼。如果元素,如字體姑蓝、顏色鹅心、大小、線寬纺荧、形狀和空間等不相同旭愧,就讓它們截然不同。
2、對(duì)齊(Alignment):每個(gè)元素都應(yīng)與頁(yè)面上另一個(gè)元素有某種視覺(jué)聯(lián)系。在對(duì)齊很明顯的基礎(chǔ)上注簿,可以偶爾打破對(duì)齊規(guī)則。
3韩容、重復(fù)(Repetition):可以重復(fù)顏色、形狀、材質(zhì)深浮、空間關(guān)系蜻拨、線寬池充、字體桩引、大小和圖片等缎讼,增加條理性和加強(qiáng)統(tǒng)一性。
4坑匠、親密性(Proximity):彼此相關(guān)的項(xiàng)應(yīng)當(dāng)靠近血崭,歸組在一起。若多個(gè)項(xiàng)之間存在很近的親密性厘灼,它們會(huì)形成一個(gè)視覺(jué)單元夹纫,而不是多個(gè)孤立的元素。
二设凹、交互設(shè)計(jì):
這一部分推薦大家讀一讀《簡(jiǎn)約至上:交互式設(shè)計(jì)四策略》舰讹,書中提出的四個(gè)交互設(shè)計(jì)的策略是:
1、刪除:去掉所有不必要的按鈕闪朱,直到減到不能夠再減為止 月匣。
2、組織:按照有意義的標(biāo)準(zhǔn)將按鈕劃分成組奋姿。
3锄开、隱藏:將那些不是最重要的按鈕安排在活動(dòng)倉(cāng)盒之下,避免分散用戶注意力称诗。
4萍悴、轉(zhuǎn)移:只在遙控器上保留具備最基本功能的按鈕,將其他控制轉(zhuǎn)移到電視屏幕上的菜單上寓免,從而將復(fù)雜性從遙控器轉(zhuǎn)移到電視上癣诱。
三、產(chǎn)品經(jīng)理的職責(zé):
今天這節(jié)課講到的知識(shí)并不全面袜香,這是因?yàn)樗河瑁O(shè)計(jì)是企業(yè)中設(shè)計(jì)師的工作,而作為產(chǎn)品經(jīng)理來(lái)講困鸥,我們的職責(zé)是向設(shè)計(jì)師講清楚產(chǎn)品的定位嗅蔬、目標(biāo)用戶、需要傳達(dá)的信息和情感疾就。
這一階段產(chǎn)品經(jīng)理需要做的工作都是圍繞著產(chǎn)品定位和用戶體驗(yàn)展開的澜术,所以這里PM要把握好度,不要做錯(cuò)方向猬腰。
因此鸟废,在這里建議大家讀一些關(guān)于設(shè)計(jì)心理學(xué)的書籍,除了上文提到的姑荷,還有一本《don’t make me think》也很經(jīng)典盒延。
當(dāng)設(shè)計(jì)師的UI出稿后缩擂,如果跟我們想表達(dá)的產(chǎn)品目標(biāo)不同,需要反復(fù)跟設(shè)計(jì)師協(xié)商以達(dá)到產(chǎn)品設(shè)計(jì)與用戶體驗(yàn)的統(tǒng)一添寺。
今天簡(jiǎn)單地點(diǎn)一點(diǎn)胯盯,更多的小伙伴們移步到視覺(jué)和交互區(qū)域。
作者:小葉(微信公眾號(hào):zuopmL)后面更新從0到1的做產(chǎn)品的過(guò)程 ?