草草影院ccyy国产日本欧美-草草影院第一页yycccom-草草影院国产第一页-草的爽免费视频-国语自产精品视频在线区-国语自产拍在线观看任你躁

如何加強網(wǎng)頁設(shè)計邏輯性解決這3大難題發(fā)布者：本站     時間：2022-01-10 15:01:51

交互設(shè)計師的核心競爭力應(yīng)該是什么?對于不同的人來說答案可能不一樣，而我認(rèn)為應(yīng)該是在發(fā)現(xiàn)、分析和解決問題過程中貫穿的設(shè)計表達(dá)「邏輯性」。在面對復(fù)雜信息架構(gòu)產(chǎn)品的設(shè)計時，結(jié)構(gòu)化、強邏輯的設(shè)計思考與表達(dá)過程也尤為重要。

如何提高交互設(shè)計過程的「邏輯性」?需要指出的是，這并不能簡單地和「邏輯思維能力強」進(jìn)行等同(事實上，作為非常重要的通用崗位能力，合作的產(chǎn)品經(jīng)理與開發(fā)在這方面完全可以比我們強)。我在兩年來的實習(xí) & 工作中，雖然被 Leader 與同事們貼過幾次「邏輯思維能力強」的標(biāo)簽，但也同樣被挑戰(zhàn)過「為什么設(shè)計目標(biāo)是這樣的」、「設(shè)計目標(biāo)與解決方案的關(guān)聯(lián)在哪里」、「這里的信息層級有點亂」等問題，也有過在和業(yè)務(wù)方的「撕逼大戰(zhàn)」中潰敗、無奈接受自己的創(chuàng)意被砍的經(jīng)歷。

反思自己遇到這些問題的原因，還是在設(shè)計與表達(dá)過程中的「邏輯性」不夠強，在思考深度上不夠追根究底，前期偷懶跳過了一些需要邏輯推導(dǎo)串聯(lián)的步驟，才導(dǎo)致了后續(xù)的痛苦「掉坑」。而在加強了設(shè)計過程的「邏輯性」后，再遇到以下這些問題，也許你可以和我一樣變得豁然開朗。

為什么他們總是揪著我的設(shè)計細(xì)節(jié)不放？

之前我們以設(shè)計師的身份作為 Owner 驅(qū)動了某業(yè)務(wù)的首頁改版項目，而我身為主交互設(shè)計師，在前期的設(shè)計分析過程中運用了一套比較合理的方法論和流程，因此改版的整體方向與梳理出的頁面內(nèi)容框架是比較受到業(yè)務(wù)方的認(rèn)同的，可最終方案的需求 & 交互評審過程卻成了我有史以來最虐心的一次經(jīng)歷。雖然大家都認(rèn)同頁面的基礎(chǔ)框架，但對框架里放什么內(nèi)容、內(nèi)容的細(xì)節(jié)該如何設(shè)計等卻眾說紛壇;而我在解釋這些細(xì)節(jié)部分為什么做成這樣時，因為缺乏框架設(shè)計階段那樣邏輯清晰、有理有據(jù)的推導(dǎo)過程，多多少少有些底氣不足，最終不得不接受被打回修改方案的結(jié)果。

問題出在我的「設(shè)計邏輯」主要聚焦在宏觀框架層面(甚至用了一大堆設(shè)計方法論與用研過程來支撐)，但卻沒有貫穿到對每一個內(nèi)容模塊、每一個交互細(xì)節(jié)的思考中去。對細(xì)節(jié)部分的信息歸納與優(yōu)先級梳理不充分，自然也就難以解釋清楚為什么放這些內(nèi)容、為什么這么排列等問題。但是頁面模塊的細(xì)節(jié)太多，每個都像設(shè)計宏觀框架時那樣把用戶體驗地圖、卡片分類等方法祭出來支撐解決方案顯然是不現(xiàn)實的，所以我之前設(shè)計模塊細(xì)節(jié)時都比較隨性，并無太多分析推導(dǎo)流程。

師兄在注意到這個問題后，和我討論提出了「微鏈路」的解決方案建議，就是在進(jìn)行每個具體模塊的設(shè)計時，在確定模塊的基礎(chǔ)框架布局后，用一套迷你版的用戶體驗鏈路(類似流程圖，但內(nèi)容比操作跳轉(zhuǎn)更豐富)來快速梳理用戶瀏覽、分析和進(jìn)一步探索模塊中內(nèi)容的過程，先看什么、后看什么、可能有哪些條件判斷與分支操作等，從中分析提煉出模塊中每個具體信息(標(biāo)題、標(biāo)簽、文本、富媒體等)的優(yōu)先級，再分類歸納進(jìn)基礎(chǔ)框架，確定最終解決方案。這么一來，模塊內(nèi)的信息優(yōu)先級就變得和頁面一級內(nèi)容框架一樣清晰了，解決方案「為什么放這些內(nèi)容、為什么內(nèi)容這么排列」的問題也得到了解答。

如何加強設(shè)計邏輯性解決這3大難題,PS教程,

以上是打碼處理過的「微鏈路」過程圖一張……

遇到直接給詳細(xì)線框圖的產(chǎn)品經(jīng)理，我該怎么辦？

作為一個討厭受空間限制的交互設(shè)計師，我不反感甚至喜歡口頭提需求的業(yè)務(wù)方與產(chǎn)品經(jīng)理，這樣自己可以有更多的設(shè)計發(fā)揮空間(當(dāng)然，也得面臨溝通修改成本更高的問題);而當(dāng)被產(chǎn)品經(jīng)理直接塞來接近交互稿甚至高保真的詳細(xì)線框圖時，內(nèi)心就會變得異常不愉快。這也是我之前一直試圖推動改革和產(chǎn)品經(jīng)理的協(xié)同模式的重要動機。

但是我理想的交互產(chǎn)品并行協(xié)同模式(之前的文章有詳細(xì)提到)并不適合于所有業(yè)務(wù)場景，在項目有著強業(yè)務(wù)訴求驅(qū)動、時間周期也緊急的情況下，產(chǎn)品經(jīng)理直接提供詳細(xì)線框圖能讓項目整體的效率變得更高，這樣的情況還是不可避免的會遇到。

遇到之后該怎么辦呢?我之前主要就做做優(yōu)化交互細(xì)節(jié)、補充遺漏場景的事情，有時甚至就默許給視覺直接出方案，自己內(nèi)心的成就感變得非常低，情緒上也一直比較抵觸接這樣的需求。

在經(jīng)過了一段時間的掙扎與迷惘后，我逐漸悟出了一點解決竅門：在拿到產(chǎn)品經(jīng)理的線框圖后，先有意識克制自己不去關(guān)注交互細(xì)節(jié)的合理性、有沒有漏掉特殊場景等，而是進(jìn)行逆向推理，從線框圖中抽象出頁面的信息框架，分析每個框架要解決的本質(zhì)業(yè)務(wù)/用戶訴求，再對框架之間的并列、從屬等層級關(guān)系，按照自己的想法重新梳理歸納，這樣很容易發(fā)現(xiàn)產(chǎn)品的線框圖在信息架構(gòu)上的混亂錯漏之處，再拿出疑問去和對方討論，設(shè)計更合理的整理解決方案。

用戶體驗設(shè)計不應(yīng)該只是對界面交互、視覺、動效體驗細(xì)節(jié)的「查漏補缺」(這只是交互設(shè)計師工作的一小部分)，而應(yīng)該是不斷追求從更高的維度(信息架構(gòu)/全鏈路體驗 -> 品牌傳達(dá)/商業(yè)模式 -> 社會價值)來抽象思考與解決問題。

如何加強設(shè)計邏輯性解決這3大難題,PS教程,

創(chuàng)意從何而來？從「神來一筆」到「有跡可循」

設(shè)計方案的創(chuàng)新性不夠也是之前一個令我苦惱的問題，總覺得自己按照方法和流程推導(dǎo)出來的解決方案雖然沒有大錯，卻給不了人眼前一亮的感覺，而偶爾萌生的創(chuàng)意，基本都屬于「神來一筆」的類型，并沒有太多支撐依據(jù)去說服業(yè)務(wù)方(業(yè)務(wù)方典型態(tài)度：呀這個不錯——成本有點高/好像不是很符合我們的業(yè)務(wù)定位——列為P2的需求/直接砍掉吧)，最終成功落地上線的也是寥寥。

作為一個典型理性思維的交互設(shè)計師，在狹義交互設(shè)計領(lǐng)域的創(chuàng)意突破(想法很多和動效相關(guān)，但是產(chǎn)品主要使用場景在PC端瀏覽器，客觀限制較大)受限之后，我開始將目光放向了品牌設(shè)計領(lǐng)域，結(jié)果取得了前所未有的靈感迸發(fā)效果。

我先是想起了業(yè)務(wù)方屢屢提到的幾個和產(chǎn)品品牌定位相關(guān)的 Slogan、關(guān)鍵詞等，再結(jié)合產(chǎn)品的內(nèi)容特性，從中聯(lián)想到了一些可以具象化的元素——網(wǎng)絡(luò)、神經(jīng)、雷達(dá)、聲波，接下來將這些元素融入到自己的方案設(shè)計中去(可以融入的地方很多，背景紋理、圖標(biāo)、控件輪廓、Footer 頂部等)，有效緩解了之前那種和同類產(chǎn)品過于同質(zhì)化的效果。