微博集體照應用(哈工大社會計算與信息檢索研究所開發),通過一定的算法對微博用戶的粉絲進行分組計算,將用戶的粉絲自動分為幾個小組,用戶還可以手工修改分組結果,調整錯誤的分組,然后對小組成員進行合照留念分享到微博。因此UI十分重視分組調整與拍照分享。
原來的UI還沒有做完,組里討論對當前UI進行重構。
原先的UI設計稿如下:
手寫板繪制稿
實際執行稿:
分組概要界面
集體照界面
微博分享界面
去除界面仍然粗糙的問題不談,當前UI存在的問題:
當前的UI無法激勵用戶重新分組的交互
頁面深度過深,導致用戶忽略很多功能
集體照頁面魚缸略有歧義,無法體現照相的意味
重構UI草圖如下圖:
使用pencil軟件整理如下:
重構考慮:
降低頁面深度,使所有功能匯集到一個頁面,而且盡量簡潔
在用戶拖拽操作上,用鼠標形狀做提示
在拖拽目標容器增加高亮效果,提醒用戶拖動目標位置
補充考慮:
由於右側組外人員可能非常之多,有的粉絲量比較大的用戶可能呈現百千個,因此篩選策略是必須要考慮的。對於微博用戶的篩選,可以考慮性別、地區、用戶名等等因素,此處考慮用戶名似乎更加合理,按照用戶名的首字母,如果是中文就按照拼音第一個字母。這樣篩選可以方便用戶瀏覽列表,分布加載用戶頭像數據,提高加載速度。因此添加字母過濾器。如圖
》》歡迎到我的博客討論交流