Hadas Boneh

Today, while chatting with Alex Lasek she mentioned the calculator numpad, and I was surprised I never asked myself why it's ordered like this and not like the telephone one, soooo, I did some research on it. 😁 𝗧𝗵𝗲 𝗜𝗻𝘃𝗲𝗻𝘁𝗶𝗼𝗻 𝗼𝗳 𝘁𝗵𝗲 𝗖𝗮𝗹𝗰𝘂𝗹𝗮𝘁𝗼𝗿 𝗡𝘂𝗺𝗽𝗮𝗱 The calculator numpad, with its distinctive 1-2-3 bottom row and 7-8-9 top row, is a well-known design today. Unlike telephone keypads, this layout resulted from user experience research, behavioral studies, and ergonomic considerations, highlighting user-centered design's importance. The numpad's roots trace back to early mechanical adding machines and cash registers from companies like Burroughs, NCR, and IBM. The necessity for operators to input numbers quickly and accurately drove the design choices of these early machines. 𝗕𝗲𝗵𝗮𝘃𝗶𝗼𝗿𝗮𝗹 𝗦𝘁𝘂𝗱𝗶𝗲𝘀: 𝗨𝗻𝗱𝗲𝗿𝘀𝘁𝗮𝗻𝗱𝗶𝗻𝗴 𝗨𝘀𝗲𝗿 𝗛𝗮𝗯𝗶𝘁𝘀 • Frequency of Use: Lower digits (1-3) were entered more frequently, so placing them at the bottom, where fingers naturally rest, made sense. • Hand Movements: Starting from the bottom and moving upward was more intuitive, especially for right-handed users, minimizing finger movement and enhancing speed. 𝗘𝗿𝗴𝗼𝗻𝗼𝗺𝗶𝗰 𝗜𝗻𝘀𝗶𝗴𝗵𝘁𝘀: 𝗗𝗲𝘀𝗶𝗴𝗻𝗶𝗻𝗴 𝗳𝗼𝗿 𝗖𝗼𝗺𝗳𝗼𝗿𝘁 𝗮𝗻𝗱 𝗘𝗳𝗳𝗶𝗰𝗶𝗲𝗻𝗰𝘆 • Minimizing Strain: Placing 1-2-3 at the bottom reduced hand strain, allowing for a more natural position. • Visual and Manual Coordination: Entering numbers from bottom to top was more ergonomic for repetitive tasks, making entries smoother and quicker. 𝗘𝘅𝗽𝗲𝗿𝗶𝗺𝗲𝗻𝘁𝗮𝗹 𝗩𝗮𝗹𝗶𝗱𝗮𝘁𝗶𝗼𝗻 In the 1960s, IBM and Bell Labs found: • Error Reduction: The 1-2-3 bottom row led to fewer errors due to natural hand positioning and reduced finger movement. • Speed of Input: The bottom-up design allowed faster number entry, aligning with the fingers' natural resting position. 𝗨𝘀𝗲𝗿 𝗕𝗲𝗵𝗮𝘃𝗶𝗼𝗿 𝗮𝗻𝗱 𝗜𝗻𝘁𝗲𝗿𝗳𝗮𝗰𝗲 𝗗𝗲𝘀𝗶𝗴𝗻 Human factors research highlighted: • Consistency and Familiarity: Users familiar with early machines found it easier to transition to electronic calculators with a similar layout, improving user satisfaction. • Intuitive Design: The bottom-up layout was intuitive, allowing new users to adapt quickly. 𝗧𝗵𝗲 𝗜𝗻𝗳𝗹𝘂𝗲𝗻𝗰𝗲 𝗼𝗳 𝗢𝘁𝗵𝗲𝗿 𝗗𝗲𝘃𝗶𝗰𝗲𝘀 The telephone keypad's 1-2-3 top row layout did not significantly impact the calculator design, as it focused on visual recognition for dialing, not rapid data entry. 𝗧𝗵𝗲 𝗟𝗲𝗴𝗮𝗰𝘆 𝗼𝗳 𝗨𝘀𝗲𝗿-𝗖𝗲𝗻𝘁𝗲𝗿𝗲𝗱 𝗗𝗲𝘀𝗶𝗴𝗻 The calculator numpad layout is a prime example of successful user-centered design. By focusing on user behavior, ergonomic principles, and experimental validation, engineers created a layout that remains effective and intuitive. The 1-2-3 bottom row configuration optimizes speed and accuracy while providing a comfortable, familiar interface, demonstrating UX research's critical role in creating enduring tools.

10

2 תגובות

If you are wondering what is a design system and why it's a must, listen to this conversation with Veselka Ilieva. Here's a sneak peak: https://lnkd.in/dkCSmZEA 👀

16

1 תגובה

LinkedIn, Can you please adjust the "more" button on a RTL text? I suppose it's true mainly to Hebrew and Arabic and Farsi. The "more" button is floating in a random location, not aligned to the paragraph or to any way we read text. I have only recently began to spend a bit of time here in your feed, but it stands out after a short bit. I'd be grateful if you fixed it without opening a ticket for it (what are the odds, let's experiment). Thanks in advance. Next step: https://lnkd.in/dq9epVqd #error #Linkedin #Feed #posts #RTL

2

1 תגובה

Hey, Linkedin community👋, just recently we released a case study about one of the most unusual projects in our studio — redesign of the interface of self-service checkouts ❣️. The case turned out to be tasty and interesting, so I want to share some insights on how to befriend cases on Behance, without spending invaluable years of your life working on them: ➡️ 𝗦𝗸𝗲𝘁𝗰𝗵 𝗼𝘂𝘁 𝘁𝗵𝗲 𝘀𝘁𝗿𝘂𝗰𝘁𝘂𝗿𝗲 𝗼𝗳 𝘆𝗼𝘂𝗿 𝗰𝗮𝘀𝗲 𝘀𝘁𝘂𝗱𝘆. Behance is a visual platform and you don't need large canvases of text (no one will read them), so storytelling with an emphasis on visuals is your friend here. Structure the information about the project, throw away three volumes of text about research, tell the story about the result of your work. ➡️ 𝗗𝗼𝗻'𝘁 𝗿𝘂𝗻 𝘁𝗼 𝗱𝗲𝘀𝗶𝗴𝗻 𝗿𝗶𝗴𝗵𝘁 𝗮𝘄𝗮𝘆. Everyone likes to work with references and draw pretty images, but in the first stages it's important to work with big brushstrokes — it can be a blank rectangle with the title of what you plan to put in its place. In the first stages it's important to work with meaning, to show structurally how you're going to lead the reader by the hand through the case study. ➡️ 𝗨𝘀𝗲 𝘆𝗼𝘂𝗿 𝗮𝗱𝘃𝗮𝗻𝘁𝗮𝗴𝗲 𝗮𝘀 𝗮 𝗨𝗫/𝗨𝗜 𝗱𝗲𝘀𝗶𝗴𝗻𝗲𝗿 — create a series of techniques that you can reuse. Take out of the case 2-4 techniques that you can use, and make a couple of variations of them (mirror, increase/decrease volumes, play with block layout). Work with them like a lego constructor, combining the components with each other. ➡️ 𝗕𝘂𝗶𝗹𝗱 𝘆𝗼𝘂𝗿 𝗱𝗲𝘀𝗶𝗴𝗻, 𝗯𝘂𝘁 𝗮𝗹𝘄𝗮𝘆𝘀 𝗸𝗲𝗲𝗽 𝘁𝗵𝗲 𝘂𝘀𝗲𝗿 𝗶𝗻 𝗺𝗶𝗻𝗱. While studying architecture we were taught to always step away from our work once in a while to look from the outside — it's a similar situation with use cases, open a 1-to-1 prototype and get back to work in a few minutes. Drop the design, put yourself in the user's shoes and follow the narrative. Is it clear what this block is about? What does this caption tell you? ➡️ 𝗘𝘃𝗼𝗸𝗲 𝗲𝗺𝗼𝘁𝗶𝗼𝗻𝘀. As I have already said — Behance, a platform about visual, everyone comes there to look at beautiful pictures and show themselves. "Have a party" on the cover and first screens, let the pictures evoke emotions (even if negative, that's cool too), declare the result, get the reader interested in what will happen next. In the body of the case study, dilute your designer with an emotional photo, large text blocks, animations, change of plans. ➡️ 𝗮𝗻𝗱 𝗺𝗼𝘀𝘁 𝗶𝗺𝗽𝗼𝗿𝘁𝗮𝗻𝘁𝗹𝘆, 𝗱𝗼𝗻'𝘁 𝗯𝗲 𝗮𝗳𝗿𝗮𝗶𝗱 𝘁𝗼 𝗱𝗼 𝗶𝘁 𝗯𝗮𝗱𝗹𝘆! Sometimes it's important to do bad to come up with something good. Don't limit ourselves in your own head when there are no external boundaries. And you can take a look at our new case study on Behance right now https://lnkd.in/gbkQRR3A Likes, comments are very welcome 🤭

48

2 תגובות

In today's session, we created the responsive screens for the website: Desktop, Tablet and Mobile view, Also made some Miro interactions on the landing page using components and variants (which I'll share with us later on) Below is a presentation of the Desktop and mobile view.

15

6 תגובות

Just finished the course “Coaching Skills for Leaders and Managers” by Sara Canaday! Check it out: https://lnkd.in/edEv3CDH #peopledevelopment #careerdevelopmentcoaching.

5

🚀 Streamlining Complexity: From 408 Button Variants to 1 🚀 We faced a challenge with our legacy Design System—408 button variants, each covering various sizes, states, and purposes. Managing this complexity was no small feat. 🌟 The Solution: We are rebuilding our Design System from the ground up. By leveraging Figma variables, we created a new, streamlined system. 🔧 The Result: As an example, we have a single, highly customizable button component with auto layout, covering all states and types. This new system not only simplifies our design process but also replaces the 408 variants with just one component! Swipe through to see how we achieved this and the impact it has on our design consistency and efficiency. 💡 👉 What do you think? Did you find this useful? Drop a comment below—I’d love to hear your thoughts! #DesignSystem #Figma #ProductDesign #FigmaVariables

46

8 תגובות

Thank you for sharing, Alara Akçasız and Selay Esti 🙌🏼 The workshop with Dante Isil Ozkan was truly a game-changer. Here are my key takeaways: 🖍 Visual Collaboration: Seeing our ideas come to life on the whiteboard in real-time emphasized the power of collective brainstorming and teamwork. 🔍 Pain Point Identification: We uncovered a crucial pain point in our onboarding process that we hadn't noticed before. It was a real "aha" moment and a significant breakthrough for us. 🤝 Empathy in Design: Walking through the journey from our customers' perspective opened our eyes to new ways we can improve their experience. 🚀 Actionable Strategies: The workshop provided clear, actionable steps that we can implement to enhance our onboarding process and drive better engagement. I'm thrilled to bring these insights back to Decktopus AI and start making impactful changes. 🐙 Now, I’d love to hear from you, Semih Albayrak! What was your most valuable takeaway from the workshop?

22

2 תגובות

The Thing of Shapes to Come • New Identity for Figma Config 2024 done In-house — 🧑‍💼 ABOUT THE CLIENT First held in 2020, Config is Figma’s annual design conference for people who build products, bringing together its community for two days of feature launches and talks from industry professionals. Its first conference attracted a very modest 1,000 attendees and it then had to move to a virtual model due to the pandemic but in 2023 it attracted 8,500 attendees at the Moscone Center in San Francisco as it returned to in-person attendance and this year, a whopping 12,000 people attended in-person along with 65,000 virtual participants.  • 🦸 FROM FIGMA “In the brainstorming phase, we let Figma’s features the guide the way. This year, we were particularly excited about the redesigned Figma and new Figma Slides, which aim to help users work more fluidly and efficiently. Being able to switch between different modes of making—from creating to sharing work, for example—felt like a major unlock. We were inspired by this fresh way of looking at the Figma canvas, and a brand-new canvas altogether in Figma Slides. So we started sketching a shape-based language that would amplify, shift, and transform, each time showing an unanticipated perspective. One of the biggest challenges of an event like Config is the sheer volume of assets we need to create. We set out to create a modular system that felt variable and engaging—where everything feels cohesive, but never repetitive.” • 🧑‍💻 BRAND NEW’S REACTION Overall, this is a fantastic design system and just the right amount of bonkers for a one-time application — meaning, something like this would be exhausting to execute on the client’s end and to experience on the user’s end if applied to a brand long-term — that goes all out to envelop its audience in a cohesive, expressive, and relevant visual language for two full days. — #reviewed #branding #identity #2024 #brandnewbyucllc #new #corporatesoftware #colorful #conference #event #geometric #inhouse #motion Link: https://lnkd.in/gFmEJGfq

16

1 תגובה

𝗔𝗿𝗲 𝘆𝗼𝘂 "𝗧𝗵𝗲 𝗛𝘂𝗻𝗴𝗿𝘆"? Let me clarify. Are you an 𝗮𝘀𝗽𝗶𝗿𝗶𝗻𝗴 #ProductManager #uxDesigner #uxResearcher #SoftwareEngineer 𝗵𝘂𝗻𝗴𝗿𝘆 𝗳𝗼𝗿 𝗼𝗽𝗽𝗼𝗿𝘁𝘂𝗻𝗶𝘁𝗶𝗲𝘀 𝘁𝗼 𝗴𝗲𝘁 𝗲𝘅𝗽𝗲𝗿𝗶𝗲𝗻𝗰𝗲 𝘁𝗼 𝗴𝗲𝘁 𝘆𝗼𝘂𝗿 𝗱𝗿𝗲𝗮𝗺 𝗷𝗼𝗯? ⭐ If so, 𝗝𝗢𝗜𝗡 𝗨𝗦 for a 30 mins Interactive Q&A session to help shape our direction to better serve your needs. 🎯 Our new focus is to 𝗵𝗲𝗹𝗽 𝗮𝘀𝗽𝗶𝗿𝗶𝗻𝗴 𝘁𝗲𝗰𝗵 𝗽𝗿𝗼𝗳𝗲𝘀𝘀𝗶𝗼𝗻𝗮𝗹𝘀 (𝗶.𝗲. "𝗧𝗵𝗲 𝗛𝘂𝗻𝗴𝗿𝘆) 𝗴𝗲𝘁 𝗲𝘅𝗽𝗲𝗿𝗶𝗲𝗻𝗰𝗲 𝘄𝗶𝘁𝗵 𝗿𝗲𝗮𝗹 𝗰𝗹𝗶𝗲𝗻𝘁𝘀 (𝗖-𝘀𝘂𝗶𝘁𝗲 𝗲𝘅𝗲𝗰𝘀 𝘁𝗼 𝘀𝘁𝗮𝗿𝘁 𝘄𝗶𝘁𝗵 𝗶.𝗲. "𝗧𝗵𝗲 𝗪𝗶𝘀𝗲"). We need your help to ensure we have a winning value proposition to bring the best possible benefits at an affordable cost. 📆 𝗘𝘃𝗲𝗻𝘁 𝗗𝗲𝘁𝗮𝗶𝗹𝘀: 𝗦𝗲𝘀𝘀𝗶𝗼𝗻 𝗔: Mon (Jul 22), 4-4:30pm PST 𝗦𝗲𝘀𝘀𝗶𝗼𝗻 𝗕: Tue (Jul 23), 1:30-2pm PST <𝘗𝘭𝘦𝘢𝘴𝘦 𝘴𝘪𝘨𝘯 𝘶𝘱 𝘢𝘯𝘥 𝘢𝘵𝘵𝘦𝘯𝘥 𝘰𝘯𝘭𝘺 𝘖𝘕𝘌 𝘴𝘦𝘴𝘴𝘪𝘰𝘯> 🚀 𝗦𝗶𝗴𝗻-𝘂𝗽 𝗟𝗶𝗻𝗸: https://lnkd.in/gArtqr79 Attendees will get priority notice when we open applications. We hope to see you next week! #TechCareerTransition #ProductManagement #UXDesign #UXResearch #SoftwareDevelopment #SoftwareEngineering #TechCareers

5

1 תגובה

Yesterday the Acast Design Team was fortunate enough to have another session with Miro’s Staff UX Researcher extraordinaire Deniz Kartepe to hear his thoughts on driving behavior change in digital products. Here are some of the Key takeaways: 😊 Prioritize Simplification and Ease of Use 😊 Too often, the value of a new product or feature is obscured behind a perceived wall of effort. We need to maximize the new value we create in our products by breaking down this barrier. ⚔ Combat Friction ⚔ Regularly use usability evaluations, such as the PURE Methodology, combined with user testing to detect and eliminate unnecessary complexity in our product’s user journeys. 🕵‍♂️ Continuously Dive into Value 🕵‍♂️ Always maintain a continuous discovery process and conduct regular concept tests as the product and solutions evolve.

32

1 תגובה

Is your design process slowing you down? We've got a solution that might change everything for you. Last week, we launched UiPedia, and your response was incredible. Thank you! What's UiPedia? It's a One-Stop Destination for 500+ Exciting Design Resources & Inspiration! What's new? Imagine having everything you need in one place: - New Categories: Added 3 new categories Mockups, Notion Templates, and No-code Builders. - Fresh Resources: We added 350+ new resources to make your projects shine. - Enhanced Backend: Uploading and updating resources is now quicker than ever. Take a peek! https://lnkd.in/g-b-KbQV Are you ready to level up your design game? Check it out now and let us know what you think! P.S. Don’t forget to share your feedback and tell a friend who might benefit! #buildinpublic

61

4 תגובות

New #WixUX article — "Incorporating #quality into the product process is not just about fixing bugs or refining features; it’s about adopting a quality-first mindset that permeates every aspect of the design and development process. By following the strategies outlined in the Wix UX Quality Blitz, we ensure that our products not only meet but exceed user expectations. Quality is not just a goal — it’s the foundation upon which exceptional product teams and user experiences are built." Designers, PMs, developers, BAs, and QA—don't miss this insightful piece by Anne Lillmannstons: https://lnkd.in/dibp9xfc

44

Following up my post about tackling tricky UX problems, here’s a 𝗿𝗲𝗮𝗹-𝗹𝗶𝗳𝗲 𝗲𝘅𝗮𝗺𝗽𝗹𝗲 that brings it to life. When we took on the AirClub project, we faced a big challenge: Designing a platform that works smoothly for both fitness club members and wellness professionals. Clear, simple, highly functional ERP and modern, aesthetic client portal. And even more. Both parts should be responsive - support different screen and window sizes. Not an easy task for any designer, including me. It was a complex problem that could’ve easily led to overthinking. Instead, we stuck to what works best: 1️⃣-Stepped back 2️⃣-Broke the problem down 3️⃣-Focused on simplicity We sketched out a few straightforward solutions, keeping the user experience front and center. The result? An intuitive, clean interface that just works—for everyone. Need numbers?  📈Increased usability score from 41 to 94.  📈User onboarding + 56%.  📈Positive feedback from investors - 9/11. Sometimes, simplifying is the smartest move you can make. Ever find yourself simplifying complex problems?

7

3 תגובות

🌟 I'm excited to share that my Miro board on the GIST framework by Itamar Gilad has been published on Miroverse! 🎉 The GIST framework (Goals, Ideas, Steps, and Tasks) is an incredibly effective method for product management and innovation. It's designed to help teams set clear goals, brainstorm and prioritize ideas, outline actionable steps, and break them down into manageable tasks. Huge thanks to Itamar Gilad for developing this powerful framework that drives clarity and efficiency in my projects. Check out the board on Miroverse and see how the GIST framework can enhance your team's workflow and productivity. 👉 https://lnkd.in/eEjxH9Xw #ProductDesign #ProductManagement #GISTFramework #ItamarGilad #Miroverse #Miro #Innovation #TeamProductivity

19

1 תגובה

After reflecting on my call with Jayneil Dalal, creator of Sneak Peek (highly recommend watching), I asked him how he handles his projects? This is what he shared: As one who is working on a lot of outside projects, while also carrying a full time work load, he's found a rhythm to the madness, while still perfecting it. I mentioned how larger items in life can seem too grand to take on, and at times, a blockade to moving forward. He suggested to take breakdown what I had in front of me. 💡 "Make it smaller, don't take it on all at once" It's like organizing a room: --> Start with a messy room, looking at it, saying "I don't want to do this..." --> You sit and stare at it for a while... --> Then you say, "Okay, I can do this" --> Take a deep breath, and then you start moving! --> Bunch parts of it into "categories"/similar "sections" --> Put that stuff into bins to store away for later use --> Now you can look back at the room and say "I did THAT!" It's natural to stop ourselves from starting, but don't let the fear of a large task overwhelm you! You CAN do it! --- 👉 Everything you take on is going to seem daunting at first, but if you break it down, it doesn't as much.

8

4 תגובות

Being more intentional about the language we use to describe the individuals interacting with technology, including AI, we can foster a more authentic and less manufactured relationship with it. This shift in language will lead to a greater acceptance of our inevitable coexistence with technology. @TaylorMajewski has written an excellent article on the importance of language in shaping our perceptions and relationships with technology.

4