60 Subtle UI Design Details That Reveal Thoughtful Product Craftsmanship

31. iOS 7 – On the lock screen, the text and icons in the status bar appear larger than usual.

32. iOS 7 Safari – The glasses icon in the Reading List changes to the classic Steve Jobs style.

33. Optimizely – Platinum members enjoy an exclusive privilege to contact the Optimizely CEO directly.

34. Gmail – When a new contact is added to a group email, that contact’s name appears in a darker shade than the others.

35. Speaker Deck – Hovering horizontally over a slide thumbnail lets you preview the deck page by page.

36. Projecto – Providing a UK address triggers a politely worded message about import taxes, written in a stereotypical British gentleman’s tone.

37. YouTube – While a video is playing, the browser tab shows a small triangle icon indicating playback.

38. Dropbox – When you are invited to a new shared folder, the folder icon includes a smiling face.

39. App Store – Attempting to post a comment without a rating triggers a popup that also offers the rating option.

40. Chrome – When using voice search, the tab’s favicon turns red‑dotted to indicate the system is listening.

41. Press Café – Hovering over the “Open/Closed” status bubble shows a minute‑precise countdown to the next state.

42. Kayak – Clicking the “only” option in a filter deselects all other criteria, leaving only that one active.

43. Chrome – If a search result is hidden behind Chrome’s find bar, the bar automatically moves aside.

44. Gmail – Emails that require actions such as RSVP, subscription confirmation, or package tracking let users complete the task directly from the inbox list.

45. Tumblr – The curve on the “Activity” button is a miniature version of a real data graph.

46. Google – Searching for “kerning” expands the spacing of that word in the results to avoid misreading “rn” as “m”.

47. GitHub System Status – The page’s favicon changes to reflect the current system status.

48. Facebook – Visiting a spouse’s profile displays a banner stating “You are married to them”.

49. Amazon Kindle – The cover photo’s passport and text change depending on the viewer’s region.

50. Google Docs – Anonymous viewers are assigned animal names and icons.

51. iOS 7 – The clock icon on the home screen dynamically shows the current time.

52. iOS 7 (China version) – The official intro video replaces Twitter and Facebook icons with Sina Weibo and Tencent Weibo.

53. Google Chrome – When clearing browsing data, Chrome first suggests using Incognito mode to avoid manual data deletion.

54. PSN – In the news email for “Transformers: Fall of Cybertron”, missing images automatically form the Autobots logo.

55. Tumblr – Uploading an ultra‑wide image causes the word “photo” in captions to change to “panorama”.

56. Headline Shirts – If a user lingers on the cart page for more than 45 seconds, they receive a discount valid for ten minutes; if unused after ten minutes, a future coupon is issued.

57. Tumblr for Android – Long‑pressing the “Create” button lets you choose between photo and text content.

58. YouTube – The favicon dynamically reflects buffering, playing, and paused states.

59. Google Maps iPhone – Double‑tapping the map enables one‑finger pinch‑to‑zoom.

60. IA Writer – Selecting text shows a status bar with word count, character count, and estimated reading time, all sharing the same background color as the selected text for visual association.