Tag Archives: programmer

One Page to Rule Them All: The Pros and Cons of Single Page Websites

Web Development Tips

Back in elementary school, I used to despise Goosebumps’ choose your own adventure books. It is excruciating having to flip through pages after pages at a whim only to follow a plot that ends up being ultimately unsatisfying. I don’t have a problem with the concept itself, mind you, as there are a lot of videogames that uses the same design principle that I greatly enjoy. I just don’t think the concept necessarily works on paperback form.

As such, I tend to not like pieces on the internet that requires me to jump through several different links to get the whole picture. It tends to break the flow of the piece itself and while switching between browser tabs is simply a minor inconvenience on desktop browsers, it’s quite a hassle on mobile browsers. Apparently, the world sort of understands my concern because currently, there’s a trend in web development called single page website that aims to rectify this.

One page is all we need

A single page website is exactly what it says in the title, it’s a website or a section of one that displays all of its content within a single page. As mobile internet traffic has finally overtaken traditional desktops, single page website emerges as one of the mobile-friendly solution for web developers. Consolidating your entire content inside a single page could do wonders to your internet experience, such as:

  • Helpful for the one-handed internet experience

When the iPhone first came out in 2007, it comes with a diagonal screen size of 3.5 inches. For a time, the world continues along like that until Android phones began to tinker with larger screen sizes. When Dell arrived on the scene with the at-the-time gargantuan Streak 5 that came with a 5-inch screen, the late Steve Jobs famously stated that ‘no one’s going to buy that’. Then the Galaxy Note came along, popularizing the term ‘phablet’, a portmanteau of the word phone and tablet and the rest, as they say, is history.

In 2014, a study came out that the average screen size of smartphones stood at 5 inches, well above the average of 3 inches in 2007 and that it’s still on the rise. The current data is a bit skewed considering smartphones now comes with taller, but not wider, displays but let’s just say that they’re just as wide as 5.5-inch 16:9 smartphones. This has resulted in smartphone companies adding a one-handed mode for easier multitasking, which mitigates the problem. Single page websites aims to solve it completely.

Because scrolling is easy to do on a smartphone, single page websites effectively utilizes the gesture capabilities of smartphone while at the same time eliminating its biggest problem, tedious tab switching. To accommodate the conventional desktop experience, usually a table of content is added onto the page, like what you’d see on Wikipedia so that quick navigation is still possible. It’s not a compromise; it’s the best of both worlds.

  • It’s ideal for longform and/or detailed contents

Remember when newspaper displays a story on the front page only to force you to open another page to read the rest? Annoying isn’t it? Websites also suffer from the same mistakes, especially when it comes to hardware reviews where several different pages are dedicated to specific parts of the hardware. This is annoying as again, you’re required to switch between tabs to take in the whole picture.

Imagine if they work like this story on Cape Town’s drought problem from the Huffington Post. Like the point above, going with a single page website doesn’t mean you have to give up on quick navigation as Wikipedia has been utilizing table of contents and quick links for more than a decade. As a compromise, web developers could also use multi page design while still adding a view as a single page option, as used by several different websites.

  • They can offer a great multimedia experience

Check out this excellent story from SBS Australia on the 2003 Sydney student murders. That is probably one of the best presentation I’ve ever seen when it comes to longform journalism. First is obviously the excellent animation, which I believe employs a technique called rotoscoping, a technique I’ve always loved since I first saw A Scanner Darkly. Second is the seamless mixture of images and videos interspersed within the piece itself, which enhances the main text instead of distracting users from them.

Third, and my personal favorite, is how the piece differentiates between the perspective of Ram Tiwary, who was falsely suspected and then charged for the murders before being ultimately acquitted and Malcolm Knox, the journalist who set out to explore the issue in the first place. To switch between the two perspectives, the page uses a swiping (or drag for desktop) gesture and display the face of the man you’re reading from in the bottom. It’s admittedly slightly gimnicky but I personally think it’s brilliant.

The burden of carrying an entire page alone

Here comes the bad part, single page website has limitations inherent to its solitary nature. They’re not gamebreaking and you can actually mitigate some of these limitations but they are always there. Some of these limitations include:

  • They are relatively slow and might take up ample resources

Obviously if your single page website consists solely of text, this won’t be a problem but chances are that it will include other things so how fast it will load should always be taken into consideration. One of the ways you could mitigate this is by using trigger scrolling where more contents are loaded only when specific conditions are triggered. There are automatic triggers and manual triggers.

Automatic triggers can be seen with Buzzfeed’s main page, where if you scroll down, the website will automatically loads more content at the bottom of the page. Manual triggers can be seen with Techcrunch’s main page, where if you scroll down, you’ll see a button that says load more and only if you tap or click that button will the website loads more content. This way, users can still load the main page quickly but the more contents are loaded, the page will take up more and more resources.

  • It’s not going to work for or with everything

To start with, an e-commerce website simply won’t work with this approach and even then, truly single page website is pretty rare. The Buzzfeed example above only uses the single page approach on its main page with each content transporting you to a different page. Techcrunch is close to being a purely single page website, with most contents being loaded within the same page but some, like the Events section, still takes you to a different page.

Still, this doesn’t mean that you shouldn’t use the single page approach; you just have to be rather smart on where to use it. The main page of your blog and any longform contents will work with this approach. Additionally, resumes and portfolios also work well with single page designs.

Final thoughts

Even though I greatly appreciate what single page design brings to the table, I also realize that it’s not good enough to actually replace what’s on the table. The multi page approach, even with its mobile-unfriendliness, still serves an important role in today’s internet. Instead of being the electric car of web development, single page website is more like a diesel engine. It has its own advantage over petrol but its drawbacks limits its usage and it’s now in a peaceful coexistence with petrol engines.

SEO vs. PPC: Is Organic SEO Better than PPC?

SEO tips

Business may have its ups and downs. Sometimes your business is selling more than what you have targeted, but sometimes you might find your business at a great disadvantage. Whatever the situation is, however, the key point in marketing your business is that you make sure your business be found by the people who need what you offer from your business. For that reason, you might want to consider using SEO services to make it happen. However, aside from SEO itself, there is another option for advertising called pay-per-click, known as PPC. Depending on your business and preference, you should know whether you have to choose PPC or SEO for boosting your website’s visibility on search engines. Want to know more about PPC and SEO? Keep reading to find out!

First of all, before we dive into this discussion, let’s talk about the definition of PPC and SEO.   PPC has advertising programs provided by Google Adwords, Yahoo Search Marketing and many more by paying for traffic. PPC allows you to display ads in the sponsored results section of each search engine’s results page. The payment is based on how competitive your chosen keyword is, whenever a viewer clicks through from your ad to your website, you have to pay a fee from each clicks.

If you prefer the alternative way, you can build traffic naturally for free by obtaining high rankings in search results and the listings will be displayed next to the sponsored results. This, if you haven’t known it yet, is known as organic SEO result. However, since the budget you require for SEO is not nearly as expensive as PPC, of course, many business owners use SEO instead of PPC, which can be more difficult for you, as you will have to face the tight competition between you and the other business owners. Also, another thing about SEO that makes some business owners switch to PPC is because since the result is natural, it is going to take long for them to see the effects. So, with that being said, does it mean that PPC is the better choice? It is not necessarily true.

When you are choosing between SEO and PPC, you first need to determine what size advertising budget your business can support. You can set your daily spending limit as low as you would like it to be, but it can be a good idea to start with a minimum of $5 to $10 a day. If you don’t have the budget to commit to advertising, you’ll need to stick with free SEO methods.

However, if you have the budget, with PPC you will get:

  • Faster testing
  • Protection from SEO algorithm updates

Doing SEO may cost less than doing PPC, and as long as it takes, the results will be satisfying in the long run if done properly. PPC, on the other hand, is mostly used based on how competitive your business is in the industry. There are major big names in the same industry that may always be placed on the first page of Google no matter how hard you work on SEO. If that’s the case, and you happen to have the budget to support it, that’s when you know it’s time to use PPC.

If your business is not highly competitive with your competitors in the same industry, we suggest that you stick to organic SEO. Even if you have the budget, remember to always plan more strategically and think wisely before deciding which one to choose.

Popular Web Design Trends since 2017: An Honest Review

Popular Web Design Trends since 2017_ An Honest Review

It is not uncommon anymore for business owners to have a website to attract more potential customers turned into real paying customers, in a world where almost everything is constantly changing. A website helps a business grow by providing complete information about a company and reliable services online that can also help in interacting with them in an easier way. Therefore, a business with a website is more credible than other businesses without a website. However, having a website alone doesn’t guarantee you 100% success, because it also depends on its web design. A website without its web design is like a burger without its beef. You could see the bread, but you couldn’t eat it and it simply is not considered as a proper burger at all and therefore you won’t eat it. Also, the proper design should not only give the visitors the entertainment for their eyes to see, but should also provide easier access for them.

Some web design trends are not giving the visitors what they need to see, and sometimes the design would only make it difficult for the visitors to navigate. In this article, we are going to share our thoughts on popular design trends since 2017 with you. Keep reading to find out!

Typography integrated into images

Bold and catchy typography has good influence both in web and mobile layouts. This time, it got a new touch with a widely spread technique of cutting or inscribing the title keyword or a headline into the visual elements on the page, like the example below.

web design review 1

However, we think it is a little bit risky putting typography between pictures on the headline if not properly done, because it would make the text unreadable. Therefore, make sure your web designer knows how to do it right.

Animated hero banners

Hero banners are used for attracting users’ attention using visual interaction the moment users come to the website. The attractive visual presentation of the main content is the main contribution it gives for the website. With hero banners on the homepage of a website, it helps set the users’ mood so that they can comprehend the message the website is trying to convey more effectively. With the right content marketing strategy topped off with great interactive hero banners design, the website can be both informative and emotionally appealing at the same time.

web design review 2

That being said, having animation on the homepage can be risky and tough, since it could cause crash or lag during visiting the website. Also, slow loading page can make it difficult for visitors to access the website. Therefore, if you are considering this, you need to make sure your web designer knows how to deal with this.

Unframed layout

Imagine if your website had big background images or patterns without any frames. It would be spacious that would leave room for your imagination to play out. It enabled users to feel the layouts more airy and spacious while the background image deeper and stronger without breaking the interaction and without limits.

we design review 3

However, if not designed properly, it would come off as unruly and random; therefore, great design thinking is required for this design so that it can adjust to the size, the rows, and the images.

That’s all our review on the popular web design trends since 2017. Hopefully, this will give you some insights on your web design. That being said, in designing a website, it is better for you to consult to the web design professionals to get your website done more beautifully. If you need more insights on web design, feel free to contact us and our team will be ready to help you.