2014/03/19

icon輔助提示位置的隱喻

我們常會增加些icon圖示去輔助,暗示並引導使用者更快了解這個功能的用途,
究竟icon圖示在前方跟後方的差異在哪?
比方:














---------------------------------------  不要急著看答案,再想想 ----------------------------





A. 僅僅是暗示這個東西的用途、沒有功能時,請放在物品前方

例如:

裝飾的icon



常跟替代文字搭配的輸入框背景圖案


或是品牌形象連結圖



B. 引導這個物品有功能、可以進一步操作時,請放在物品的後方

例如:

月曆輸入框,點擊後會出現另一個畫面


下拉選項


或是次層導覽,在父層會做引導user他有小孩...




混合型:

主打項目配上有滑過選項的項目。



秘訣:call to action的東西放在屁股後面




FB縮圖設定



Facebook分享、讚,會抓網頁的圖片,但常常會亂抓抓錯






請在頁面header裡指定要給facebook抓取的圖片
語法:





手動請fb快速更新縮圖網址:https://developers.facebook.com/tools/debug