綁卡送優惠券的提示條的互動設計說明

weixin_34291004發表於2018-03-17

綁卡送優惠券的提示條的互動設計說明
而互動設計師在工作中,還會使用一些其他可能的方式來達成體驗原則,比如下圖中的表格狀態分類、流程圖和線框圖結合的方法。我們每個人在畫互動稿的時候,多去考慮一下閱讀者的體驗,可能就會想盡各種辦法來滿足他們。
通過表格來進行分類顯示
線框圖和流程圖相結合的顯示
a. 一個頁面只講一件事情和流程
一般我們團隊的設計師,都不會將一個需求的所有設計放入一個頁面中,而是每個頁面只講一個流程和一件事情,而這件事情或流程必須是有始有終的,而不是中途就斷掉的;如果一定要中途斷掉,也最好能夠引導到其他頁面(通過文字或直接將頁面顯示出來,或者直接可跳轉)。
一個頁面講一件事,不單單是我們做設計的方法之一。也是我們在設計互動稿時,使其他角色更專注某一條流程的方式;否則,會使閱讀者的思維和設計師的思維都變得混亂,也會影響我們自己的設計。
a. 追求互動說明的閱讀體驗
我們往往要寫一堆堆的互動說明,少則幾條,多則十幾條甚至幾十條。而開發和測試們看到這些密密麻麻的字時,自然不願意閱讀。如果我們還不能夠把間距、字型粗細、字型大小、字型顏色、段落分類做好,將使他們更不願意閱讀我們的互動稿。所以,需要在寫互動說明的時候,就考慮他們的感受,也要用不同的方式來寫,比如下圖中的隔行間距,字型粗細、顏色變化等。

相關文章