Understanding The Thumb Zone

mobile-website-design-internet-makreting-snap-chat

 

Today I would like to talk to everyone about the “thumb zone” we refer to when designing sites for the mobile user.

Have you ever been on a mobile app or website with your iPhone or Droid and it was very difficult to navigate through?

Most of us have been there and with the patience of online users in this day and age 99% of the time people will hit the back arrow. If you’re a website or app owner, you may lose that browser forever.

This takes place due to inadequate attention to the thumb zone and if you’re a web master we do not want this happening to your developments. That said I would like to ration the learnings that I have collected on this issue.

Sit back, get a cup of your favorite coffee and take some time to educate yourself about the thumb zone.

Gain knowledge from superior teachers

There have been plenty of experts like our friends at Visions Local Marketing of San Diego out who have created content revolving around the thumb zone when developing mobile applications or websites.

Utilizing the Visions Local Marketing’s teaching about the thumb zone, we have tested different areas of the design components. I tested with a top menu navigation and at the bottom of iPhone and droid screens.

The test that I ran confirmed that VLM’s developers were right on with their theories. Our research also helped us to differentiate what design functions work and what frustrates mobile users with poor design.

We would urge you to do your research on this topic in order to design a top notch product and keep your web design clients happy with your services.

The thumb zone isn’t every designer tries to optimize and by doing so you can set yourself apart from the competition.

High percentage of people use thumbs

iPhone & Android Mobile Website Buil Project

Experts show that over 60% of mobile users are in fact one handed device operators making the thumb zone even that more critical to get right.

By making a clear comprehension of how people hold their phones can give designers like us feedback on how to design apps and mobile websites.

That said our research in finding thumb placement and mapping allows us to structure the design in a way that is extremely user friendly and now we can use this knowledge in all of our developments.

Times of simple dropdown links on mobile have passed and gone. We are currently in a time where navigation is evergreen.

Navigating Issues

All of have an organic motion we use when using our devices or on our favorite apps. For that reason, I have taken this into strong consideration when developing mobile websites.

Let’s all ask ourselves a few things when looking at our mobile sites:

  1. Does my site or app possess a list of links that run off the page?
  2. What does my primary menu look like?
  3. Does my color pallet blend in with my overall theme?
  4. Is my site in accordance with Googles mobile friendly test?

Asking yourself these questions, before creating a new site or revamping an existing site can save you a vast amount of time and money.

Links run over are don’t look attractive

Let’s say your mobile website has a list of links that run off your site and looks like a kindergartener built it.

From our findings, I employed a full screen overlay menu with an icon for users to navigate to. When the users clicks on the menu icon in a colorful and appealing full screen menu pops making it simple for the user to find their way around.

Within the full screen menu, we can spice it with cool looking icons and call to action buttons to entice users to click-through our mobile sites. This will also add a bit of Search Engine Optimization value to your website.

Google has confirmed that traffic and click-through rate of a domain are factored into their algorithm.

Sticky menu options

On the contrary of having a list of links a sticky menu may be suitable for your design. If you’re not familiar with a sticky menu allow me to explain.

Sticky menus are attached to your websites header or in some cases I have seen them on the footer. The sticky menu will follow the user while they scroll down while taking in content. Very handy for keeping your audience engaged and adds a call to action element.

Gestures for mobile design

All of the apps or websites you browse contain three functions.Swipe Phone Gestures

  1. Swipe
  2. Pinch
  3. Tap

This is what we call gestures in the mobile design business. Every great mobile build has these gestures and there is a ton development work that goes into it. If you’re interested in learning more about gestures and movements check out this post. Implementing gestures.

Understanding gestures will permit you to take your mobile thumb zone design to the next level and as we mentioned before set you apart from fellow designers. You’re welcome.

Another important thing to add to your thumb zone research is swiping patterns. Acquiring knowledge of swiping patterns users do will let you pin point the thumb zone for lefties, righties, and neutral mobile handlers.

All together I realized placing swipe gestures in the easiest regions to reach and making it easier for users to interact with apps or mobile websites.

In Conclusion

I hope you have learned to understand that the thumb zone is a critical element when designing mobile applications or mobile websites.

Please take this post as an actionable guide you can use to optimize your design process. Thumb responsive sites are the future of design and putting a focus on this will put you in the driver’s seat.

Promoting a powerful thumb zone plan will make all of your future web users happy and less confused. In my opinion, that’s what it’s all about.

Thank you for reading and taking time to visit the Dying Tribe Web Development Team website.…

Continue reading »

Beginners Guide To Setting Up WordPress

installing wordpress

Are you looking to start a blog or wanting a professional looking website for a business? Well, WordPress should do the trick. With over 15% of the world depending on WordPress this platform is hands down what you want to be using.

Obviously, if you’re reading this article you are most likely a newbie to WordPress. For this reason, we thought we would create a simple to follow guide to getting started with WordPress.

In this article, we will be discussing the basics to simply getting your website up on and online so you are properly set up to begin building out.

Domain Registration

To kick things off you’re going to want to register a domain for your website. For the purposes of this post, we are going to assume you do not have a domain name registered.

For the people that are super new to website building a domain is an identification of your IP address. Your domain name will be your personal Uniform Resource Locator (URL).

1. First things first you will want to pick a domain that can relate to what you want your website to be about or match your business idea.

In this case, our domain is dyingtribe.com which we liked because we felt professional and expert website designers are a dying breed. This is due to website design platforms that have came out which allow you to build attractive webistes utilizing a simple drag and drop function.

Listed below are these website design sites:

Below are

2. Research a trusted registrar to register your domain idea. When you head to a domain registrar such as Go Daddy you find a search bar. This will let you search for your domain idea to see if it is available.

There are no two domains that are exactly the same. You might see similar domain names such as dyingtribe.com or dyingtribe.net. Even though these two names are the same they are completely different addresses.

3. Once you have found an available domain you are happy with following the instructions the registrar gives you to complete the registration process.

You will need a credit card or PayPal account to buy your domain. Depending on how popular the name is you may be paying more than you anticipated.

Domains can run on anywhere from $12 to $10,000.00 and even more. This is a conversation for another day but remember this domain name is going to be what people we will see when accessing your site so choose wisely.

Once you have purchased your domain you are now the proud owner of a digital property. Congratulations. Take good care of this domain and you may be able to reap benefits down the road.

HOSTING YOUR DOMAIN

host gator After you have purchased the domain of choice the next step you will need to do is host your domain.

This is the where you will be housing the domain and storing all of your website files. Your hosting company will also serve your website to the world wide web. Additionally, the host will assign a DNS for your website so that people can find your domain while surfing the web.

1. Step one of the hosting processes is to research a credible hosting company that you can trust. There are literally thousands of hosting companies but we have found it is important to stick with the well-known host such as Host Gator, Blue Host, and Go Daddy.

The host mentioned above are not the only trusted host available but like I mentioned above you need to do your research.

2. Ok, you have found the host of your choice so the next step is to locate the nameservers.

This is where it can get tricky but if your hosting support is any good they will be able to walk you through it with ease. Hint, Hint.

With this in mind, we will give you a brief explanation of how to go about this.

By the time you have paid for your hosting service they will usually email you the nameservers. Nameservers will look like this

ns1.example.com – ns2.example.com

3. Locate the nameservers and store them in a safe place or your computer notepad for future use.

Head back to where you registered your domain so you can connect your hosting to the domain.

Most of the time you can log into the registrar and navigate to domains manager. There you should find a place to paste the nameservers into. Hit save and now it’s time to play the waiting game.

4. Before you can set up your WordPress blog your hosting must transfer your DNS and this may take some time.

We call this the propagation period because your hosting is now refreshing the network with your new DNS.

At times propagation is completed within minutes and on rare occasions, I have seen it take up to three days.

There is nothing you can really do to speed up this process but if you would like to check to see if your domain has been propagated you can follow this link visual domain routing tool complimentary of Immotion Hosting .

WORDPRESS SETUP

Now that you are on balance with your domain being live it’s time to install WordPress. You will be doing this straight from your hosting account.

For most of us, we will be using Mojo Marketplace for a simple one click install.

Every hosting website is a little different but for the most part, they are similar.

Here is step by step instructions on how to set up WordPress with Host Gator:

1. Log in to Host Gator C panel.
2. Head to the software/services area and click the quick install button.
3. From here you will see a menu to the left and a WordPress tab will be there as well. Go ahead and click on that tab.
4. Next, you will be guided to fill out some information.
5. After you have completed the form …

Continue reading »

Adobe Photo Shop Advantages & Disadvantages

Adobe Designer

We’re going to assume you have worked with a website before or you probably wouldn’t be on our website. For this reason, we are going to be discussing the frustrations beginners face in their Adobe Photoshop ventures.

For most of our careers when you wanted to create a graphic for either a brochure, blog post or a social media post you would head straight over to Adobe Photoshop.

The problem that lies in this option is not everyone who desires to be creative has the time to tackle the Adobe Photoshop learning curve.

In the event that you are on the fence about purchasing Adobe we wanted to shine some light on the pros and cons of Adobe.

Ultimately it comes down to creating share-worthy images while saving time and money in the process. With this in mind is our opinion on Adobe Photo Shop.…

Continue reading »

7 Reasons To Make Your Website Mobile Friendly

iPhone Headphones

In today’s digital world, it is important to determine what your visitors see once they visit your website using a tablet or smartphone. These are our guidelines to making your website mobile friendly so you can stay competitive in today’s on-the-go world.

1. Simplify Your Website

The first step in making a website mobile friendly is determining what to include on the site. Given the limited amount of space, it is extremely important to determine what details your visitors will most likely be searching for. It is important to make the steps involved in moving from the home page to making a purchase as easy as possible.

2. Use Responsive Website Design

Responsive website design enables you to create a website that will be easily accessible on mobile devices of all sizes. This reduces the workload website developers have to deal with when it comes to building a new website. The responsive design uses flexible layouts, images and media queries. This enables the web page to easily detect the users screen size and alter the change accordingly. Responsible design is, therefore, an integral part of mobile friendly website design.…

Continue reading »

Common Problems Your Web Design Team Faces

Web design broadly refers to the production and maintenance of websites. Web designers can thus be defined as the extremely skilled and qualified team of professionals who are in charge of developing, designing and maintaining these websites.

web-design - CopyWebsite designing, like any other outsourced profession involving multiple parties, has its set of challenges and these set of designers undergo a series of functional and administrative issues on a regular basis.

This article lists some challenges web designers face while working:…

Continue reading »

Top 5 principles to keep in mind during website designing

Web designing is known as one of the most attractive modern businesses. Apart from offering good money, this business makes people to be counted as outstanding because the web designing professionals are known to be creative, passionate and intelligent. The competition in the market of website designing is going higher day by day and getting lucrative clients continuously in this field also is a big deal. Well, here is the list of top principles that you need to follow to establish good business in this field –web-Designing-course-Chandigarh

Objective and purpose

The first principle to keep on mind when you are about to design a website is objective and purpose. Great designing always resides upon the requirement of users. So, talk to your client first about his/her requirements and move towards the same direction after understanding the objective well. Know better about big and small things of the purpose for instance, whether your readers need entertainment or information, interaction or exposure; provide them with the same thing they require from the website.

Communication webdesign

Everyone who visits a website wants quick information, so try to develop a website which is full of information. Design the layout in the way that communication can be easier in the site and articles are readable and easy to digest for readers. Use simple language until you are dealing with a really complex subject. For this purpose, you can try some effective strategies for incorporating into your website design.

Mobile friendly

Nowadays, readers are more interested in going through the mobile-friendly websites. It is definitely required in the modern time that your website should be mobile friendly. As different people open the website in different devices, you should take care of creating your website mobile-optimized too so that smart phone users can find it easy to read your website. Constructing a committed portable website or building it over a responsive layout works well always.web-designer2 - Copy

Load time

Another important thing to be taken under consideration when you are going to design a website is the load time of the site. Nobody likes a website that needs a long time to load. This is why; load time of the website plays an important role in success and failure of a website. You can make the load time more active through streamlining picture sizes, consolidating codes into a basic CSS or javascript document and minifying the javascript, HTML, CSS.

Navigation of websiteslike-1174811_1280

Navigation of the website deals with the simplicity for actions which are taken by individuals during the time they move around your website or roam in it. Some good strategies are there which can be applied during website designing for efficient navigation. You can design clickable buttons, intelligent page hierarchy and three click rule which is based upon the capacity of users to discover the information within three clicks.

So, these are the basic principles which play an important role while designing a website which is expected for a grand success. There are many other principles which can be followed for good results in this direction.

 …

Continue reading »