绿岛网络blog聚合 » marsfish » twitter的follow体验

Feeds

1932 items (1932 unread) in 16 feeds

绿岛成员 (310 unread)

• 花瓣笺 (53 unread)
• o2sky (101 unread)
• SimpleLife (12 unread)
• Evil-Voice (18 unread)
• marsfish (19 unread)
• 自留地 (56 unread)
• njzeroc (14 unread)
• 练习曲 (37 unread)

web技术 (88 unread)

• 样式之美 - 《Web标准设计》 (21 unread)
• realazy (19 unread)
• PlanABC - 怿飞’s Blog (48 unread)

杂七杂八 (611 unread)

• 槽边往事 (478 unread)
• 文森特漂流记·漂来又漂去 (72 unread)
• 连岳的第八大洲 (61 unread)

经济观察 (923 unread)

• 牛刀 (712 unread)
• 时寒冰 (211 unread)

marsfish

• 05 22, 2011
• 

  twitter的follow体验

  Posted: 05 22nd, 2011, 12:52am PDT by admin

  在产品设计时，经常会遇到一种模式，就像checkbox一样，有“选中”和“未选中”两种状态，我在这里简称为toggle模式，如下图： 简单的checkbox往往还需要有一个确认按钮，来完成所做的修改，如下图： 像这样的用户修改状态需要至少点击两次来让修改生效。   参考twitter的follow设计 1.unfollow状态，点击按钮完成follow的操作, 按钮中有个“加号”的小图标，有个示意添加的意思 2.following状态 从文字说明可以标识当前状态 本身是个按钮样式，说明可以点击修改 鼠标移至按钮时，会出现3的状态 3.following状态的unfollow操作， 鼠标移出会到2的状态 点击时做unfollow操作 点击响应后会回到1的状态 整个follow和unfollow都是通过按钮的特性，以及鼠标移动时按钮相应的变化提示来完成，修改状态只需要点击一次即可。 这样的设计醒目且更人性化，界面不需要其他辅助信息而占用更多的空间。