techlist.io
KR EN

ui-ux-design

72 posts

discord

A Cornucopia of Updates Make Discord on Desktop Fresher Than a Crisp Fall Breeze (opens in new tab)

Discord’s latest desktop application updates aim to refine the user experience by focusing on both creative efficiency and platform accessibility. By streamlining internal workflows and modernizing core interface components, these changes ensure that the desktop client remains a robust hub for communication and gaming. ### Desktop Interface and Creative Tools * Optimized the emoji creation process to significantly reduce the time required to upload and deploy new custom assets in chat. * Introduced a comprehensive redesign of the Settings page, focusing on improved navigation and a cleaner aesthetic for managing account preferences. ### Ecosystem Integration and Safety * Launched direct integrations with several high-profile PC game titles, allowing for a more seamless connection between active gameplay and Discord's social features. * Expanded the Family Center with new updates specifically designed to provide guardians with better visibility and management tools for teen accounts. Users should take a moment to explore the restructured Settings menu to familiarize themselves with the new layout, ensuring they can easily access the updated safety and integration features.

ui-ux-designdiscordsoftware-developmentapi-integration+2
toss

In Search of the Toss Brand Symbol (opens in new tab)

Toss, a leading Korean fintech platform, embarked on a UX research journey to define its visual identity as it expanded from digital services into offline environments like Toss Pay payment stations. The study revealed that while users strongly associate the brand with seamless "usability," they lacked a single, clear mental image of a visual symbol. By analyzing user perceptions of fonts, colors, and shapes, Toss identified a specific visual formula—combining the app icon shape with a white, blue, and black palette—to ensure the brand remains instantly recognizable in the physical world. ## The Challenge of Offline Brand Recognition * The project began with the need to design "danglers" (small signage at payment counters) to signal that Toss Pay is accepted at offline merchants. * While Toss had successfully used various logo iterations online, the team realized that "Toss-ness" learned within the app might not automatically translate to unfamiliar offline environments. * Initial internal debates focused on superficial visual tweaks, such as background colors or language choices, rather than understanding the core assets that trigger brand recognition. ## Identifying Usability as the Core Brand Image * In-depth interviews were conducted with participants selected for their ability to articulate abstract brand impressions. * Research showed that users primarily associate Toss with keywords like "clean," "practical," and "convenient," rather than specific aesthetic elements. * One participant described Toss as a "program made by a genius engineer in Excel," highlighting that the brand’s value was rooted in its utility rather than a distinct visual symbol. * This presented a challenge: since the "app experience" cannot be felt through a static offline sign, the team had to find a visual surrogate for that functional reliability. ## Deconstructing the Toss Symbol: Font, Color, and Shape * **Font:** Testing revealed that the most recognizable font was the black English "toss" wordmark, primarily because users see it most often in external media and news rather than inside the app. * **Color:** Surprisingly, users did not associate Toss with a single shade of blue. Instead, they recognized the specific combination of a "blue logo on a white background." * **Logo:** When asked to draw the logo from memory, users consistently included a square border. This indicated that users perceive the brand’s "face" specifically as the smartphone app icon (the blue logo inside a rounded square) rather than the standalone logo mark. ## Implementing the "Toss Formula" in Design * The research led to a refined brand identity formula: **White background + Black bold English font + Blue app-icon-shaped logo.** * In the "10 to 100" 10th-anniversary campaign, the company shifted away from all-blue backgrounds in favor of this white-based combination to maximize recognition. * Toss Pay payment screens were updated to remove blue backgrounds, adopting the white-and-black layout to align with how users intuitively identify the service. For UX researchers and designers, this case demonstrates that brand identity is often a composite of environmental cues rather than a single graphic. When moving a digital-first brand into the physical world, it is essential to look beyond the logo and identify the specific "visual formula" that triggers the user's memory of the product experience.

ui-ux-designuxuser-researchfintech+3