星期三, 10月 05, 2016

為何不要使用旋轉木馬 Carousel

如果有以下現象,請儘量不要使用旋轉木馬 Carousel

  • 旋轉木馬 Carousel 的內容讓人認為是一個廣告,導致閱讀者忽略。
  • 移動的UI元件對可用性容易產生負面影響時。
  • 大量的閱讀內容無法在有限的時間內閱讀或理解時。
如果真的確定應使用旋轉木馬 Carousel,確保幾點注意事項:
  • 不要設定自動播放。
  • 讓用戶可控制。
  • 確保文案簡單扼要。
  • 避免使用H1標籤,不利於SEO。
  • 確保對移動裝置是友善的。

星期日, 8月 14, 2016

學習 Axure RP 的 100 天:Day13. Sekect Group

圖片縮圖在Axure也可利用按鈕群組的功能,達到選取一個圖像,也同時取消了原先選取的項目。


  • 將所以有的縮圖命名(ex:snap01)。
  • 設定滑鼠移過及被選取的狀態。
  • 將所有的縮圖在Selection Group,選取群組的名稱(或自訂一個群組的名稱)。


  • 最後,設定互動行為。






    • Demo:http://faagx0.axshare.com/#g=1&p=day_13__selectgroup






      星期二, 8月 09, 2016

      學習 Axure RP 的 100 天:Day12. Verification

      表單驗證,包含:

      • E-Mail格式的正確與否
      • 欄位字數的限制判斷
      • 密碼輸入及再次的確認判斷
      • 驗證碼的判斷


      Demo:http://faagx0.axshare.com

      星期六, 8月 06, 2016

      學習 Axure RP 的 100 天:Day11. Timer

      倒數計時,通常運用在購物網站的限時拍賣


      學習 Axure RP 的 100 天:Day10. Loop

      學習 Axure RP 的 100 天:Day10. Loop

      迴圈,跑馬燈效果,滑鼠移到頭像時會懸停,點選可以連到其他頁面或執行指定的動作,滑鼠移開時,又開始繼續捲動。

      方便在有限的空間內放入更多的資訊內容。