Forem: MOHAMED BELLA

What this the difference between reopen and Extends in Typescript ?

MOHAMED BELLA — Tue, 29 Apr 2025 10:47:02 +0000

TypeScript (TS) is a superset of JavaScript (JS)

MOHAMED BELLA — Tue, 29 Apr 2025 03:28:54 +0000

Enums

MOHAMED BELLA — Fri, 25 Apr 2025 18:12:07 +0000

Enums (short for enumerations) are a feature in TypeScript that allows you to define a set of named constants — values that are logically grouped together.

Instead of using strings or numbers directly throughout your code, Enums help make your code more readable, type-safe, and organized.

There are two main types:

Numeric Enums (default)

String Enums

Example:

enum Direction {
  North,
  South,
  East,
  West,
}

function move(direction: Direction) {
  console.log("Moving", direction);
}

Enums can also be assigned specific values:

enum Role {
  Admin = 'ADMIN',
  User = 'USER',
  Guest = 'GUEST'
}

Now your logic can depend on a clear, strict set of roles or directions.

How to Design for User Emotion?

MOHAMED BELLA — Thu, 25 Jan 2024 17:02:51 +0000

Making designs that truly connect with users involves a mix of emotions, relevance, and SEO.

Understanding Emotions in Design 🤐

Good design isn't just about looking pretty. It's about making people feel something. So, before you start creating, think about what emotions you want your users to experience.

Balancing Emotion and Relevance⚖️

Your design should hit the sweet spot between making people feel and making sense. Tailor your emotional triggers to what your users need. When your design matches the user's goals, that's when it leaves a mark.

Sneaky SEO in Design

SEO isn't just for words; it's for designs too. Slip in those keywords naturally. Make it easy for search engines to find you without compromising your creative vibe.

Storytelling with Visuals 🖼️

People love a good story. Use your designs to tell one. Take users on a journey with visuals that speak volumes. A well-crafted story doesn't just catch eyes; it captures hearts.

Designs that React to Emotions 🐈

People react differently to stuff. Acknowledge that in your designs. Be flexible. Your creations should adapt to different moods, creating a personal connection.

In a Nutshell: Creative, Emotional, and SEO-friendly Designs

Designing for emotions, relevance, and SEO is like cooking up a perfect dish. Blend emotions carefully, add a pinch of relevance, sprinkle some SEO magic, tell a good story, and make it adaptable. This recipe ensures your designs don’t just look good but also sneakily climb up the search ladder.

In the world of design, keep it simple, keep it real, and make users feel. That's the secret sauce.

Scrolling Secrets: Make Your Website Awesome!

MOHAMED BELLA — Thu, 18 Jan 2024 16:28:10 +0000

Hey there, web designers! Let's dive into some cool tricks to keep people scrolling on your website. We want users to have a blast as they scroll down, so here are some easy tips to make your designs stand out and beat the competition.

Picture Perfect: Use Awesome Images

Sprinkle your page with cool pictures all the way down. This keeps things interesting and makes users remember your site. Think of it like telling a story with pictures – super fun!

Tell a Story: Keep Things Flowing

Imagine your website is a storybook. Arrange things in a way that makes sense, so users keep reading. This not only keeps them interested but also helps your website show up higher on Google searches.

Fun Stuff: Let Users Play Along

Make your website like a game. Add quizzes or polls as users scroll. This gets them involved and helps your site get noticed more by search engines. Win-win!

Stay Put: Stick with Users as They Scroll

Ever get lost on a webpage? Avoid that! Make a menu that stays at the top while users scroll. It's like a navigation superhero – always there when you need it.

Mobile Magic: Make It Work Everywhere

Remember, lots of people use phones to surf the web. So, make sure your design looks awesome on phones too. This not only keeps users happy but also impresses search engines.

Say "Click Me!": Create Awesome Buttons

At the end of your page, put buttons that say things like "Subscribe" or "Explore More." These are like invitations for users to do cool stuff on your site. It's like the grand finale!

By trying out these scroll secrets, you'll turn into a web design superstar. Make every scroll count and leave users wanting more. Your journey to becoming a web design pro starts with each scroll – so let's make it a fun one! 🚀

Uppercase Letters Or Lowercase Letters?

MOHAMED BELLA — Mon, 15 Jan 2024 16:29:42 +0000

You’ve probably heard that words in uppercase letters are harder to read than those in
mixed case or lowercase. You’ve probably even heard some kind of percentage cited,
such as “between 14 and 20 percent harder.” The story goes that we read by recognizing the shapes of words and groups of words. Words in mixed case or lowercase letters
have unique shapes. Words in all capital letters have the same shape—a rectangle of a
certain size—so, in theory, they’re harder to distinguish

This explanation sounds plausible, but it’s not really accurate. There’s no research showing that the shapes of words help us read more accurately or more quickly. A psycholinguist named James Cattell came up with that idea in 1886. There was some evidence for it then, but more recent work by Kenneth Paap (1984) and Keith Rayner (1998) has revealed that what we’re actually doing when we read is recognizing and anticipating letters. And then, based on the letters, we recognize the word. Let’s look more closely at how we read.

READING ISN’T AS FLUID AS IT SEEMS
When we read, we have the impression that our eyes are moving smoothly across the page, but that’s not what’s actually happening. Our eyes move in quick, sharp jumps, with short periods of stillness in between. The jumps are called saccades (about seven to nine letters at a time) and the moments of stillness are called fixations (about 250 milliseconds long). During the saccades, we can’t see anything—we’re essentially blind—but the movements are so fast that we don’t even realize they’re happening. Our eyes look forward during most of the saccades, but they look backward 10 to 15 percent of the time, rereading letters and words.

SO, IS ALL CAPITALS HARDER TO READ THEN?
We do actually read uppercase letters more slowly, but only because we don’t see them as often. Most of what we read is in mixed case, so we’re used to it. If you practice reading text in all capital letters, you’ll eventually read that text as fast as you read mixed case. This doesn’t mean you should start using capital letters for all your text. Since peole are unused to reading that way, it will slow them down. And these days, text in all caps is perceived as “shouting”

Takeaways
1- People perceive all capitals as shouting, and they’re unused to reading them, so use all uppercase sparingly.
2- Save all capital letters for headlines, and when you need to get someone’s attention, for example, before deleting an important file.

How to make users addict to your website like how social media do? - kawward

MOHAMED BELLA — Sat, 13 Jan 2024 10:44:23 +0000

We all know that social media platforms are masters of manipulation, using sneaky psychological tricks to let you addict to their screens.
The majority of websites use **Gamifications **like: points, badges, leaderboards to rewards user action and progress.

2- Fear of Missing Out (FOMO): Ever feel left out by everyone having a blast on social media? Platforms exploit this by constantly reminding us of what others are doing, fueling the need to stay in the loop.

3- The Endless Scroll: Designed to be never-ending, social media feeds keep us mindlessly scrolling. The "just one more post" mentality takes over, devouring our time and productivity.
4- Social Validation:
• Enable user reviews and ratings.
• Display social proof like follower counts or testimonials.
• Incorporate social sharing buttons to encourage sharing content.
• Create opportunities for users to interact and collaborate.

5- Notifications:
Allow users to customize notification preferences.
Send timely and relevant notifications based on actions or interests.
Make notification settings easily accessible for adjustments.

People are motivated by progress, mastery and controle - KAWWARD

MOHAMED BELLA — Fri, 12 Jan 2024 19:23:41 +0000

Why do people donate their time and creative thought process to Wikipedia? Or the open source movement? When you stop and think about it, you realize that there are many activities that people engage in, even over a long period of time, that require high expertise, and yet offer no monetary or even career-building benefit. People like to feel that they are making progress. They like to feel that they are learning and mastering
new knowledge and skills.

SMALL SIGNS OF PROGRESS CAN HAVE A BIG EFFECT
Because mastery is such a powerful motivator, even small signs of progress can have a
large effect in motivating people to move forward to the next step in a task. At Facebook, they encourage you to finish filling in information on your profile by showing you how much information you have already answered

Facebook shows you profile completing progress

If you want to build loyalty and have repeat customers (for example, repeat visitors to
your Web site), you’ll need to have activities that people inherently want to do (such as connecting with their friends, or mastering something new), rather than just activities for which people are getting paid.

Takeaways
1- If people have to do a task that’s boring, you can help motivate them by acknowledging that it’s boring and then letting them do it their own way.

2- Look for ways to help people set goals and track them.

3- Show people how they’re progressing toward goals.

What Makes Users Click? - KAWWARD

MOHAMED BELLA — Fri, 12 Jan 2024 13:33:44 +0000

Ever wondered why some websites make you click every button while others leave you bored and hitting the backspace? It's all about web design magic, where designers use sneaky tricks to guide you around and make you take action. Let's lift the curtain and see what makes the click-o-meter tick!

1. Color Power!

Colors are like superhero costumes for websites. Red is like a bold captain, urging you to click the "Buy Now" button. Blue is a calm teacher, guiding you through long articles. Designers use color palettes to create moods and lead you where they want.

2. Eye-Catching Hierarchy

Imagine a website like a crowded playground. Your eyes are drawn to the biggest kid (the headline) and the ones with the coolest toys (the bright buttons). Designers use size, contrast, and white space to make important things stand out, like a map leading you to the treasure (the call to action).

3. Tiny Twinkle, Big Fun!

Ever noticed how buttons wiggle when you hover over them? Those are microinteractions, like little winks from the website. They make things feel alive and fun, encouraging you to explore and click around. It's like the website is saying, "Hey, touch me, I'm not boring!"

4. Story Time!

People love stories, and websites can tell them too! With pictures, words, and even videos, designers weave narratives that make you care about the website's message. When you connect with the story, you're more likely to click, swipe, or buy something. It's like being invited on an adventure!

5. Forms? No Drama!

Filling out forms can be a nightmare, but designers can make it painless. Short forms, clear labels, and helpful error messages make things smooth and easy. The faster you zip through the form, the quicker you get to the good stuff, like that free ebook download!

Bonus Tip: Button Buzzwords!

Words like "free," "exclusive," and "limited time" are like tiny magnets for your mouse. Designers use them on buttons to create a sense of urgency and make you click before it's too late. It's like the website whispering, "Don't miss out!"

Remember, web design is like a friendly conversation. By understanding these tricks, you can create websites that are both beautiful and persuasive. So next time you visit a click-magnet website, take a moment to appreciate the invisible magic at work!

How Can Design Make Websites an Effortless Experience? - KAWWARD

MOHAMED BELLA — Thu, 11 Jan 2024 20:47:01 +0000

In the online world, how a website looks and works is really important for people using it. Good design isn't just about making things pretty – it's about making the website easy to use. This means when you visit a site, you should find what you're looking for without a lot of effort. From easy navigation to organized layouts, we're going to talk about the important things that make websites simple and enjoyable for everyone.

Intuitive Navigation:
When you visit a website, it should be easy to find things. Imagine it like a clear road map – the menu should make sense, helping you explore different parts of the site without getting lost.

Clear Visual Hierarchy:
Think of the website like a well-organized book. Important stuff, like chapter titles, stands out. On a website, headings, colors, and spacing work together to guide you. This makes sure you notice what's important and don't miss out.

Responsive Design:
Websites need to be flexible, like a gymnast doing different moves. A good website looks good and works well on big screens (like computers) and small screens (like phones). This way, you can enjoy the same website on any device.

Streamlined Information:
Nobody likes a crowded room. The same goes for websites – too much stuff on a page can be confusing. It's better when information is organized neatly, making it easy for you to understand without feeling overwhelmed.

Consistent Design Elements:
Imagine a friend who always dresses the same way – it's easy to recognize them. Similarly, websites should have a consistent look. The same fonts, colors, and style across the pages make you feel familiar and comfortable.

Optimized Loading Times:
Waiting for a website to load feels like waiting for a slow elevator. Good websites don't make you wait long. They optimize images and code to load quickly, so you get what you want without the unnecessary waiting time.

Mobile Responsiveness:
Picture a website like a superhero that can adapt to different situations. A website should look good and work well on your phone, just like it does on a computer. This way, you can access it easily whether you're at home or on the go.

By paying attention to these things, a website becomes a friendly and easy-to-use space where you can find what you need without any hassle.

_by mohamed BELLA

We don't make optimal choices, We Satisfied. -

MOHAMED BELLA — Wed, 10 Jan 2024 20:07:52 +0000

When we design web pages, we often assume users will carefully scan through all the available options and meticulously choose the best one. However, the reality is quite different. More often than not, we tend to opt for the first satisfactory option we come across, a phenomenon referred to as satisficing. This behavior has been something I observed for years, but its true significance became vividly clear to me after delving into Gary Klein's book, "Sources of Power: How People Make Decisions."

Klein's extensive research into naturalistic decision-making, where he studied professionals like firefighters, pilots, chessmasters, and nuclear power plant operators, shed light on how high-stakes decisions are made in real settings. These scenarios often involve time pressure, vague goals, limited information, and changing conditions.

In a particular study focusing on field commanders at fire scenes, Klein's team initially approached the research with the widely accepted model of rational decision-making. This model suggests that when faced with a problem, individuals gather information, identify possible solutions, and then choose the best one. However, their assumption, given the high stakes and time pressure, was that fire captains would likely only be able to compare two options, which they thought was a conservative estimate.

Surprisingly, the findings revealed that the fire commanders didn't engage in a comprehensive comparison of options. Instead, they swiftly embraced the first reasonable plan that came to mind and performed a quick mental check for potential issues. If no problems were identified, they proceeded with that plan of action. This approach emphasized the practical tendency to satisfice rather than exhaustively analyze options, particularly in situations demanding rapid decision-making.

Why do users like mindless choices?

MOHAMED BELLA — Tue, 09 Jan 2024 17:22:54 +0000

Web Designers spent a lot of time over the years debating on how many times you can expect users to click to get what they want, without them getting frustrated.

The number of clicks to get anywhere seems useful criteria, but I think what counts is not the number of clicks but rather, how hard each click is ( the amount of thought required)
I think users don't mind a lot of clicks as long as each click is painless and they have confidence that they are on the right track. ( Three mindless clicks equal to one required thoughts )

For More Articles: @kawward