littlebigdetails介绍和设计精选产品技巧
本文最后更新时间2024-07-28 11:51,已超过149天没有更新,若内容或图片失效,请留言反馈。
LittleBigDetails 是一个分享精选产品设计细节的网站,它每天都会更新该网站主要推荐那些能打动人心且意想不到的设计小细节,涉及移动 app 界面、软件界面、网页以及智能手表等多个领域的用户体验友好的作品。
如果你是一名设计师,通过浏览该网站上的各种设计细节案例,可以从中获得灵感,了解到如何通过细节提升产品的用户体验例如,一些独特的交互方式、巧妙的界面布局或者贴心的功能设计等这些细节上的创新和优化可能会给你带来新的设计思路和启发,帮助你在自己的设计项目中创造出更优秀的作品。
以下是 LittleBigDetails 上的一些经典设计细节案例:1. **网站图标指示网络连接状况**:体现了“细节虽小,意义重大”,使用户能直观地了解网络连接情况2. **蜻蜓 FM**:当用户听已下载音频中途退出且进程被杀死后,下次再听时会自动从上次播放的位置开始播放。
并且它不是准确地从上次离开的位置开始,而是稍早几秒钟,可唤起用户对当时听音频场景的回忆此外,视频播放网站也可在用户下次播放时,将进度条往前推移几秒,提升用户体验,但对于歌曲则没必要,因为歌曲时间短且可循环听,当用户暂停超30分钟(或更短)后再从上次位置播放意义不大,应从头开始。
3. **Win10 Groove 音乐**:在播放音频文件时,鼠标指针放在进度条滑块上,滑块会变大,同时上方显示时间,方便用户更精确地调整时间4. **有道词典网页版**:查询单词后,鼠标再次到达搜索框中无需点击,单词会默认全选中,方便输入新的待查询单词。
类似的,谷歌浏览器地址栏也有类似功能,用户点击地址栏时,地址默认为全选状态,若鼠标指针到达地址栏地址能默认全选,则可省略点击,更方便,但可能因离标签栏较近而有误操作可能性5. **千图网**:用“展现设计品味”这样搞笑且符合设计师口味的语句,鼓励用户分享,并直接显示具体的分享人数,更具吸引力。
6. **移动端网页(安卓系统)**:在浏览器中打开未适配移动端的网页时,点击页码会出现放大镜,显示临近页码供选择,避免误触7. **返利网**:输入手机号码时会出现放大镜功能,放大手机号码并分段显示,保证号码易读性,防止输错。
8. **360 云盘**:启动图会根据时间显示不同的问候语,如晚上 1 点多打开时,显示“夜深了,注意早点休息”,体现人文关怀9. **天猫**:搜索“猴子”时屏幕中会出现很多猴子,增添趣味性,可能使用户更易产生购买冲动。
10. **Google 验证**:用户点击验证码后,系统会自动复制,方便后续粘贴操作11. **Gumroad**:聚焦到 CVC 安全码字段时,右上方的信用卡图标会自动翻转并提示安全码位置12. **Google Docs**:准备为某段文字添加链接时,系统会基于选中文字自动提供 URL 建议。
13. **New Republic**:顶部固定标题栏中有一条细红线(进度条),可随滚屏自动伸展或收缩,提示当前阅读部分在全文中的位置14. **Mailchimp**:注册时若填写的用户名已被占用,系统会问是否有个邪恶双胞胎。
15. **Chrome**:无法找到页面时,会提供与输入的 URL 非常相似的正确网址建议16. **Medium**:在小引用中选择文字后,上下文工具中的双引号图标只有一半高亮;而大引用时则是完整高亮。
17. **Turtable.fm**:订阅方案选择使用滑块模式,且小猴的表情会随支付金额而变化18. **Google 图片搜索**:加载完整图片过程中,缩略图下方会展示进度条19. **Hipmunk**:输入过去的时间会报错“我们尚未提供时空回溯的旅行服务”。
20. **Any.doCal**:会显示两个事件之间的间隔时间21. **Pinterest**:忘记登录密码时,收到的密码重置邮件来自 ohno@pinterest.com,富有趣味性22. **Forbes**:热门文章列表中每个条目都有白色背景条,展示文章的受欢迎程度(点击量)。
23. **Close.io**:从其他地方复制“johnsmith”形式的邮箱信息并粘贴到其邮箱地址输入框时,信息会自动分割,姓名自动填入 name 输入框,邮箱留在邮箱地址输入框。
24. **Podio**:创建新组织时,系统会根据填写的组织名称自动推荐相关 logo 供选择25. **Litmus**:准备取消服务时,页面中的垃圾桶里会出现曾使用 Litmus 发起过的调研邮件实际截图。
26. **OSX Finder**:通过“alt+拖拽”复制包含年份数字的文件夹时,新文件夹中的年份会自动加 127. **Campaign Monitor**:向账户新增管理员时,确认按钮中会自动包含新增管理员名字,如“添加 sally”。
28. **Last.fm**:更新地区信息后,系统会自动更新时区和国家信息,并通过反馈告知用户已根据新地区自动更新29. **500px**:照片页的快捷键说明中,F 键的图标上有一个突起样式,与真实键盘的 F 按键相同。
30. **Timehop**:浏览到界面底部继续滚屏时,会看到吉祥物小恐龙只穿底裤的样子31. **Dropbox**:通过链接进入已被移除的共享文件夹时,出错提示页面中的 Dropbox logo 会变成纠结的 Escher 立方体。
32. **Google Calendar**:提示信息条中的“撤销”按钮会在整个提示条消失前首先淡出33. **Pinterest**:再次试图 pin 曾 pin 过的图片时,系统会提示已在某个画板中 pin 过该图。
34. **OSX**:系统检测到使用无触控功能鼠标时,每个窗口中会自动呈现侧边滚动条35. **Goodreads**:浏览 web 开发或 ux 方面的书籍时,页面右侧会出现 Goodreads 自家的相关职位招聘信息。
36. **iOS7 的控制中心**:打开手电筒后,其高亮状态的图标上,手电筒的开关也处于“打开”位置37. **iOS7**:锁屏时状态栏上文字与图标的尺寸比平时更大;“阅读列表”图标里的眼镜变成了乔布斯的经典样式。
38. **App Store**:若未打分就直接发表评论,系统会通过弹出框告知并直接提供打分功能39. **Chrome**:使用语音搜索功能时,浏览器标签中的 favicon 会变成带红点的样式,表示系统正在监听。
40. **Press Café**:鼠标悬停在“营业/打烊”状态标识上时,气泡中会显示距离“打烊/营业”的时间,精确到分钟41. **Kayak**:筛选航班信息时,可点击某个筛选条件中的“only”来取消选中其他条件,仅让该条处于选中状态。
42. **Google**:搜索“kerning”时,搜索结果中该单词的字符间距会变大,确保字母“r”与“n”不会被误读为“m”43. **GitHub System Status**:页面的 favicon 会随当前系统状态的不同而变化。
44. **Facebook**:访问自己配偶的页面时,会看到“ta 已与你成婚”45. **Amazon Kindle**:产品页的照片中,护照与 Kindle 书上面的文字会根据所在地区不同而变化46. **Google Docs**:当前文档的匿名浏览者会被分配到不同的动物名字与图标。
47. **iOS7**:主屏上的时钟图标可动态显示当前实际时间48. **Google Chrome**:在页面上搜索内容时,如果搜索结果被搜索栏遮挡,搜索栏会自动移到旁边49. **Gmail**:在多人邮件中添加新联系人后,其名字比其他联系人的字色更深;若邮件需要用户执行某些特定行为,如“rsvp(回复确认)”“确认订阅”“跟踪包裹”等,可在收件箱的邮件列表中直接完成相关确认操作。
50. **Tumblr**:“动态(activity)”按钮上的曲线图是真实数据曲线的缩略版本你可以通过浏览器输入其网址(littlebigdetails.com)进行访问不过,具体的内容和功能可能会随着网站的更新而有所变化,建议你亲自登录该网站进行探索和发现。
以上就是今天所分享的内容了,深易凡软件库每天给大家带来更高效的企业服务软件,其中包括红包软件有微信,钉钉,支付宝,陌陌,QQ,星星优选,小鸡易语,微友趣,福瑞祥,思语,close,云集购物,云货淘,慎语,云鹿,顺胜,安信,伊蓝贝,频道chat,爱果go,梵星途,火箭通讯,品冠,聚美,玖玖购,艾特,微信多开,微信分身,牛牛,红包透视,秒抢,单透软件,机器人,埋雷软件,红包尾数控制,爆粉,红包辅助,埋雷辅助,辅助外挂等一些红包强项外挂辅助软件功能免费下载使用。
本文章的二维码
用手机扫码打开本页
发表评论