Category: Blog

Important Information Regarding Phishing Emails Using Hostinger Name

We have received an increased number of phishing reports from our customers. They are receiving malicious emails which are impersonating our services and trying to steal sensitive information.

This is an example of a reported phishing email:

Example of phishing email

If you received this or a similar email, please do not click on any of the links, delete it, and report it to us.

How to spot a phishing attack?

Although we maintain controls to protect our networks and systems from cyber threats, we do not have control of what scammers are sending to personal customer mailboxes which are not hosted on our servers.

In an effort to protect our customers, we want to highlight a common cyber-attack that everyone should be aware of – phishing.

“Phishing” is the most common type of cyber attack that affects organizations and individuals worldwide. Phishing attacks can take many forms, but they all share a common goal – getting you to share sensitive information such as login credentials, credit card information, or bank account details.

Types of phishing attacks to watch out for

  • Phishing: In this type of attack, hackers impersonate a real company to obtain your login credentials. You may receive an email asking you to verify your account details with a link that takes you to an imposter login screen that delivers your information directly to the attackers.
  • Spear Phishing: Spear phishing is a more sophisticated phishing attack that includes customized information that makes the attacker seem like a legitimate source. They may use your name and phone number and refer to a specific company in the email to trick you into thinking they have a connection to you, making you more likely to click a link or attachment that they provide.
  • Shared Document Phishing: You may receive an email that appears to come from file-sharing sites like Dropbox or Google Drive alerting you that a document has been shared with you. The link provided in these emails will take you to a fake login page that mimics the real login page and will steal your account credentials.

What You Can Do

To avoid these phishing schemes, please observe the following email best practices:

  • Do not click on links or attachments from senders that you do not recognize. Be especially wary of .zip or other compressed or executable file types.
  • Do not provide sensitive personal information (like usernames and passwords) over email.
  • Watch for email senders that use suspicious or misleading domain names.
  • Inspect URLs carefully to make sure they’re legitimate and not imposter sites.
  • Do not try to open any shared document that you’re not expecting to receive.
  • If you can’t tell if an email is legitimate or not, reach out to company support directly via chat or contacts provided on their website. Never use contacts provided in the email.
  • Be especially cautious when opening attachments or clicking links if you receive an email containing a warning banner indicating that it originated from an external source.
  • Enable 2FA authentication on your accounts where possible.

If you have opened an email but didn’t click on anything, don’t worry then.
Contact customer support via Live Chat if you have any questions.

Source link

Read More
wpadmin April 13, 2022 0 Comments

10 dos and don’ts of wireframing

Wireframing is your first chance to turn those web design ideas you’ve been thinking about into a living breathing blueprint – that’s where things start getting real. At first, the simplistic nature of these designs may prompt you to jump straight in and start sketching your visions. But while wireframing doesn’t have to be complicated, a well-thought-out design provides the foundation to which your team can build something truly special.

It’s an essential part of design planning and interaction design, so you’ll want to get to grips with how to create a winning wireframe. But what does it take to transform abstract ideas into something that will propel your project to the next stage of the development lifecycle?

In this article, we’ll be exploring the dos and don’ts of wireframing – providing you with practical tips on how to create a good wireframe for your website, and what pitfalls to avoid. But before we dive in, let’s answer a few commonly asked questions about this important part of the information architecture (IA).

When does wireframing take place?

Occurring early in the project lifecycle, and often at the beginning of the design phase, wireframing creates a perfect foundation on which to draw new ideas and test design layouts. A simple sketch can go a long way in understanding what your site will look like, even if it doesn’t include graphic elements, fonts, colors, and text.

user flow

What are the benefits of a good wireframe?

As wireframes don’t use high-fidelity components, they are quick and easy to assemble. Furthermore, the flexible nature of wireframes allows you to test assumptions and gain validation from stakeholders and peers to proceed to the next production phase.

You can create a wireframe at a basic level using nothing more than pen and paper – or even Post-It notes. While this simple method can get you started quickly, you might need something more substantial to evolve your designs. Additionally, if you plan to present your wireframes to a client or stakeholder, you may want to produce something more professional.

Many design tools can help you create a wireframe. Sketch, which is exclusively made for Apple computers, has long been a choice for designers. However, other popular tools such as Figma are available for both Mac and Windows. It’s worth researching what tool best suits your needs, such as pricing, features, and scope.

desktop monitor versus mobile

Now that you’ve got an idea of ​​some of the questions relating to wireframing, let’s look at the dos and don’ts. What are the benefits of creating a good wireframe and the consequences of poor design?

1. Do research user requirements

Creating a winning wireframe is a combination of research and instinct. You will need to gather both qualitative and quantitative data from users and then use your skills as a designer to decide how to detail the user interface.

2. Don’t try and cut corners

Although creating wireframes for every part of your application may seem tedious, it’s not a good idea to skip what might seem like obvious design choices. For example, one page of your website may look very similar to another page. However, it’s easy to overlook certain user interactions that may become apparent later.

3. Do keep things simple

Wireframes, by nature, should be kept simplistic. But it’s easy to get carried away with too much detail. Remember: the key benefits of wireframing are speed and simplicity, so it’s important to save detailed design elements for later development life cycle stages. How much detail you often include comes down to whether you’re creating a low fidelity (Lo-Fi) or high fidelity (Hi-Fi) wireframe.

  • Lo-Fi wireframes are very simple and can be easily achieved with pen and paper. They’re usually for showing navigation, layout, and how page elements flow.
  • Hi-Fi wireframes add further details not included in the Lo-Fi design and detail the visual hierarchy of the page, interaction elements, and more.
paper / lo-fi wireframe versus digital

4. Don’t jump straight to software

In today’s digital world, using pen and paper to create a design for an application may feel unnecessary. However, it’s less time-consuming to sketch your ideas on paper first in most cases. When you’re happy, you can move to a digital tool where you can create a more professional wireframe to present to stakeholders.

5. Do experiment with ideas

With wireframing likely to be the first real process in your project, it provides the perfect opportunity for you to experiment with as many ideas as possible. Consequently, you’ll better understand the advantages and disadvantages of each design, allowing you to find the best solution for your project.

clicking from page to page

6. Don’t treat each screen separately

If you focus on each screen as an individual entity, you’ll lose sight of the overall user journey. Instead, think about what you want your user to experience. Consideration should be given to the most important areas of the screen, how users engage with the elements, and what they expect to see next.

user flow on mobile

7. Do aim for uniformity

Being consistent with your user interface elements such as buttons, tabs and labels mean you and your stakeholders will be able to follow your wireframes more easily. To help achieve this, you can create reusable symbols and styles – which saves time by speeding up the process.

social media buttons

8. Don’t use colors

It may be tempting to add color to your wireframe, especially if you want to impress stakeholders with your design ideas. But rarely is this a good idea. The addition of color only takes away from the primary purpose of a wireframe – to demonstrate the app’s functionality and layout content. If you decide to use color, use it with the intent to highlight specific objects.

black and white wireframe

9. Do get feedback

There is no harm in asking for some constructive feedback about your wireframe designs. You could, for example, ask colleagues, other UX professionals, or gain a different perspective from the online UX community. As wireframing is based on agile methodology, you can continue going back and building on your designs without the fear of failure.

10. Don’t rely on lorem ipsum

It might be a go-to for designers, but dummy text such as lorem ipsum should be replaced as quickly as possible for wireframes. Real content will not only indicate how well it compliments your layout, but stakeholders will appreciate the extra effort, which will result in more valuable feedback.

Design a wireframe you’ll be proud of

Creating a wireframe is not difficult, but designing a good wireframe that will visualize your intended structure to stakeholders requires some planning and knowledge. You may have to go back to your designs a few times to hit the mark, but in the end, the investment you’ve made will result in a wireframe you’ll be proud to show off.

If you want to discover more about the planning step of website creation, check out our Guru Guide on the basics of site architecture.

Source link

Read More
wpadmin April 12, 2022 0 Comments

WordPress Pattern Creator Is Now Available

In 2021, WordPress launched the pattern directory to make creating a website with the Gutenberg editor even easier.

The directory consisted of pre-made block layouts created by developers that any user could copy and apply to their site.

Now, the pattern creator is available to all users. No coding knowledge is required to use this tool, so all WordPress users can contribute and help expand the pattern directory.

We will explain how to use the pattern creator and show you how easy it is to contribute to WordPress by submitting your patterns.

What Is the WordPress Pattern Creator

The WordPress pattern creator is a block editor platform accessible from the pattern directory.

The WordPress pattern directory, where users can choose to "Create a new pattern"

The pattern creator is similar to the block editor in the WordPress admin panel. The main differences are the pattern setting panel to specify the pattern’s title, description, categories, and keywords, and the Submit button instead of the Publish button.

The interface of the WordPress pattern creator

Use the editor to create a block pattern for a specific website section by combining multiple blocks and customizing their visual design. While you don’t have to design a full-page template, the pattern should not be too simple as it won’t bring any value to other users.

Here are some great patterns created using the WordPress creator:

How to Use the Pattern Creator to Submit Your Patterns

Once you’ve entered the pattern creator, start designing new patterns by adding and customizing blocks. If you need some guidance, check out our tutorials on using the Gutenberg editor and WordPress blocks.

We recommend creating a pattern suitable for more than one of the available categories – buttons, columns, gallery, header, imagesand text.

For example, let’s create a subscription call-to-action section that we can submit under the buttons or text category.

  1. Add a cover block and write the call-to-action text. You can add a paragraph block inside the cover to write additional text.
  2. Insert a button block inside the cover block area to create the CTA button.
  3. Use the block toolbar and the design tool to customize each block’s color, typography, or layout.
Creating a pattern using the WordPress pattern creator.

Don’t forget to add the pattern’s title, description, categories, and keywords. Click the submit button on the top-right corner of the page once you’ve finished designing and follow the instructions on the submission prompt.

The WordPress team reviews all submitted patterns to ensure there are no copyright or trademark issues and that the patterns work as intended. So, it may take a few days to get your pattern approved. You’ll get an email notification once it’s published in the pattern directory.

Tips for Creating a Good WordPress Pattern

Since the pattern creator is available for anyone with a account, the WordPress team carefully decides which patterns are worthy of being listed in the pattern directory. Thus, read the pattern guidelines to make sure you comply with the standards.

Here are some tips for creating an excellent WordPress pattern:

  • Combine various blocks. A great pattern should help users save time, as they won’t need to build a complex section from scratch. Design a pattern using multiple blocks to ensure it is a great starting point for content customization.
  • Put all root-level blocks together inside a group block. It makes moving the pattern around the block editor easier.
  • Avoid placeholder texts. Don’t use too many “Lorem ipsum” or “Put your text here” placeholders. Write usable text so that users don’t have to create it from scratch.

What to Expect From the Pattern Creator

The pattern directory should grow faster than ever with the WordPress pattern creator. Plus, the pattern directory may become one of the main resources for site creation, as the upcoming WordPress 6.0 release will emphasize the use of patterns in site editing.

However, this new feature still has some limitations. There are still some open issues in the pattern directory’s GitHub repository. For example, there’s a bug that prevents the query loop block from working correctly.

As more feedback comes from the users, we expect the developers to continue improving the pattern creator.

Try the pattern creator now, and if you find any issues or have ideas on how to improve it, create an issue on the tool’s GitHub repository.

Source link

Read More
wpadmin April 11, 2022 0 Comments