萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> 平面設計理論

照片分享 App Swaag 重設計:從迭代流程到並列交互,打造絲滑標籤體驗

Swaag 是標籤類照片分享鼻祖,功能完善但上傳編輯流程繁瑣。對比 Instagram 的並列調整介面(濾鏡、亮度、對比度同屏操作),Swaag 採迭代結構(裁切→濾鏡→標籤,嚴格順序),體驗割裂。重設計核心:功能模型從迭代轉為並列,標籤交互從點擊改為拖拽。

功能模型重構:並列結構減少操作層級

濾鏡修改圖片像素,標籤增加資訊維度,屬不同維度操作。並列模型下,選照片後同屏調整濾鏡與拖拽標籤,流程大幅簡化。

標籤交互重設計:拖拽即所見即所得

原問題:點擊空白處彈品牌分類→目錄列表排序反人類(數字/字母序)→不如手動輸入;品牌分類無檢索價值,徒增步驟。點擊定位不精確、無預覽、修改需刪除重來。

新流程:

  1. 選照片後,預設標籤停留快門鈕位置。
  2. 拖拽標籤至任意喜好位置,實時預覽效果。
  3. 手指離開,鍵盤與搜索頁面彈出,輸入品牌文字。

後續修改:拖拽移動位置、拖入刪除區刪除、點擊標籤彈出鍵盤修改文字。全程直觀、可逆、低認知負荷。

相簿選圖與裁切一體化

相簿列表置於快門鈕下方,上滑瀏覽;方形照片區域內建裁切,無需進入獨立介面。

copyright © 萬盛學電腦網 all rights reserved