輸入框內(nèi)的標簽 在屏幕空間有限的情況下,應(yīng)當將標簽放入輸入框中,形成一個整體。 注意事項 光標定位到輸入框時,標簽應(yīng)消失或者往輸入框上移,不應(yīng)該影響內(nèi)容輸入 輸入框內(nèi)標簽應(yīng)當...
輸入框內(nèi)的標簽 在屏幕空間有限的情況下,應(yīng)當將標簽放入輸入框中,形成一個整體。 注意事項 光標定位到輸入框時,標簽應(yīng)消失或者往輸入框上移,不應(yīng)該影響內(nèi)容輸入 輸入框內(nèi)標簽應(yīng)當...
每個表單都至少有三個要素:標簽、輸入框和動作。 標簽:負責(zé)提出問題 輸入框:供人們填寫信息 動作:允許人們提交答案 標簽對齊 標簽使用哪種對齊方式,取決于具體目標和制約因素。...
設(shè)計表單時的可達性要求 為各種情況標注文字,如(1)圖片的工具提示(2)表格內(nèi)容的簡短摘要(3)表單的每個對象盡量都要有自己的標簽(4)框架或頁面的標題必須有意義 頁面上的文...
表單的命名 訴人們在填什么表單,填完后能干什么,這是提供清晰路徑的一部分 表單名稱必須與要人們采取的行動保持一致,因為人們不會仔細閱讀碰到的每個表單 起始頁 表單需提供額外的...
內(nèi)容的組織 表單如果較長或較復(fù)雜,需要將內(nèi)容組分布到多個頁面 在很多問題需要按順序回答的情況下,為保證人們要看到所有問題,可使用一個較長的頁面 可選問題建議放在表單填完之后 ...
交互和視覺設(shè)計因素對完成表單填寫都發(fā)揮著重要作用,但真正起作用的是表單的內(nèi)容和組織方式。 選取問題 應(yīng)當測試每個問題是否一定要問?能幫用戶自動填寫嗎?有沒有更合適的時間或者場...
表單設(shè)計應(yīng)該是“由外而內(nèi)”,而不是“由內(nèi)而外”設(shè)計出來的。其中: 由內(nèi)而外:指的是讓人們按照系統(tǒng)的要求去填寫表單 由外而內(nèi):意味著以組織或者外部人的角度看待事物,即站在人的角...
工作流程 擁有有效的模式庫的團隊,通常也擁有系統(tǒng)化的工作流程。 添加新模式的過程 將設(shè)計稿提交到一個公共共享文件夾 整個團隊一起討論新模式的引入 對新模式編寫說明,將其放入模...
模式庫不等價于設(shè)計體系,它只是一種記錄和共享設(shè)計模式的工具,建立有效的模式庫需要以設(shè)計體系為基礎(chǔ)。 如何構(gòu)建能實現(xiàn)多領(lǐng)域目標的模式庫 內(nèi)容 使用在線協(xié)作工具記錄模式庫,讓團隊...
配色 第一步的目標是讓顏色的使用更加一致,因此得先列出顏色在界面中扮演的角色。 從目的開始 對目的的表述需要明確一些,不應(yīng)該太模糊或者空洞,比如某某顏色可用于顯示不同類型或不...
如果不重視產(chǎn)品的美觀,那我們就錯過了影響產(chǎn)品感知的重要機會。當然,我們重視的不是樣式本身,而是它們產(chǎn)生的效果。為了用一種可靠,可擴展的方式去影響用戶的感知,我們需要熟悉創(chuàng)造這...
定義模式 同一組的不同元素,是要合并成一個模式,還是單獨一個模式?可以用以下兩種方法。 具體性尺度 模式可以定具體一點,也可以通用一點。具體的東西越多,可復(fù)用性就越差。定義模...
目的導(dǎo)向的清單 將產(chǎn)品界面進行截圖,按照目的(設(shè)計意圖的行為)對它們進行分組,而不是按視覺樣式。 準備工作 安排時間 最有效的時間是在基礎(chǔ)用戶體驗工作(包括用戶研究、內(nèi)容策略...
就目標達成一致 界面系統(tǒng)化 定義設(shè)計指導(dǎo)原則 定義可復(fù)用的設(shè)計模式并將其標準化 建立模式庫 建立主設(shè)計文件,收集最新的模式 重構(gòu)代碼和前端架構(gòu),以支持模塊化的方法 建立共享的...
如何在組織中為建立設(shè)計體系尋求支持? 除了獲得同事的支持,最重要的是要獲得高層的支持。 獲得高層支持 獲得高層支持與資源投入并不容易。想要獲得業(yè)務(wù)的支持,需要證明有效的設(shè)計體...
組織:集中式或分散式 集中式模型 在集中型的模型中,設(shè)計體系的規(guī)則和模式主要由一部分人管理,這意味著: 他們定義模式和規(guī)則 他們對設(shè)計體系的決策擁有否決權(quán) 他們管理模式庫或其...
模塊化設(shè)計 概念 在擁有設(shè)計體系的情況下,系統(tǒng)模塊化不僅意味著系統(tǒng)由部件構(gòu)成,還意味著不同的部件是可互換的,它們能以各種方式組裝在一起,以滿足不同的或者不斷變化的用戶目標。 ...
影響設(shè)計體系的因素有很多,如組織架構(gòu)、團隊文化、產(chǎn)品類型、設(shè)計方法等。為了了解這些因素是如何影響設(shè)計體系的,可以從以下三個維度去分析:規(guī)則的嚴格程度、部件的模塊化程度、組織的...
創(chuàng)建統(tǒng)一的設(shè)計體系需要共享設(shè)計語言。 為模式命名 一個精心挑選的名稱可以成為構(gòu)建設(shè)計體系的強大工具,因為名稱會影響設(shè)計模式的使用方式。名稱很重要,更重要的是要在團隊內(nèi)部建立一...
數(shù)字產(chǎn)品感知性模式的例子包括語氣、排版、配色、布局、插圖與圖標樣式,形狀與紋理、間距、意象、交互或動畫,以及這些要素在界面中的組合和使用的具體方式。 感知性模式的作用 感知性...