Features, Layout, and What Makes a Website Special

I find it difficult to find a website that doesn’t look and function like other websites that I have used. The right side of my brain usually reacts to this recognition with indignation over the lack of originality. The left side of my brain responds to my right side by explaining to it that if every website were original then people would constantly be trying to figure out how to use them. There are no experts on what is a great website. And most people don’t know what the next great website is because they haven’t imagined or experienced it.

Perhaps you would like a website that can create a psychic link with your brain, and you could command it to do whatever you wanted it to just by thinking. Or perhaps that psychic link would freak you out, and you would perceive it as a radical breach of privacy.

How Does Navigation Make a Website Special?

The first thing you ought to think about when you’re designing a site is how your users are going to move around within it. No matter how good a site looks, if people can’t find what they’re looking for then they’re going to get irritated.

The total size of a website can have a significant influence on this. Even if your menu is well designed, it may be difficult for users to find their way around because they have too many things to look through. It’s not enough to create a menu that is easily accessible. You need to use intuitive keywords and language, and you need to do it in a way that is concise. It isn’t well enough that you have provided a resource if it requires the user to become exhausted looking through stuff that they’re not looking for.

How Do Looks Make a Website Special?

Looks are tough because they’re really subjective. Looks are related to content and layout and the responsiveness of the site to the different browsing environments. Like navigation, a solution to improving the look of a site is to remember that less is more. The quest for originality will often pressure us into believing that it is necessary to increase the volume of content on any given page to provide more than our competitors. But sometimes it’s better to focus on some fundamental differences in appearance and let those be the voice of your site.

Originality

A website is a finite vehicle of expression. If a person is writing a book, they realize that how the book is written and what it is about is what makes it original. The writing inside the book is analogous to the content of a website. And how the book is bound and what kind of paper it is printed on is analogous to the features and layout of a site. But features and layout have more versatility than binding and paper.

Features and Layout have to coordinate with the content. Features and layout are developed slow and are prone to problems. Content can be developed comparatively quickly. The features and layout need to designed with the growth of content in mind. And new features should be added when the addition of content is no longer an adequate expression of the site’s purpose.

Image Credit

Website B-Roll: A Simple Guide To Adding Videos and Images to a Website

Author’s Note

I have written a more recent article about adding images and videos.

Original Article

Can you imagine a documentary film where there is just narration in front of a black screen? Sounds terrible, right? Well, those pictures and images that are placed on the screen during narration are called B-Roll. And the quality of the B-Roll can have a huge impact on the quality of the film. The images and videos a person chooses to put on a website can have a similar impact.

Layout and features are key to a website, and if they aren’t set up properly then the quality of your images and videos will not magically turn your website into something that looks good. But even if you have a responsive and functional website, you’ll still need to take the time to collect and customize your media.

It’s a good idea to give yourself choices. Often something that looks good on its own won’t look good within the space of your website. You can use sites like pexels, pixabay, and unsplash to compile free stock footage that is appropriate to your site.

Depending on how your website is set up, you may have limitations as to the height and width of your photos or videos. You can use free open source software like GIMP to change the photo’s dimensions. This software usually has a little bit of a learning curve, but if your patient and your willing to search multiple sites for quality instructions, you can usually get things to look the way you want to.

Obtaining Media

When you’re selecting your stock footage, you will usually be given an option of image size. You usually want to pick the smallest image available because the larger the image, the larger the file size and the longer it will take your website to load. However, it is worth testing how your image looks. Slightly larger images will often load almost as fast as smaller images, but will look substantially better.

Similarly, when picking a video, you want to pick a video of the lowest quality. This is still usually HD and still looks good. Videos are significantly larger than images, so you may also need to consider setting up your site so that an image loads in place of the video on mobile browsers.

If you want to use your image or video in the background, then I’m a fan of yours. However, you should keep in mind that this is complicated. It isn’t enough to simply set the image or video in the background. You’ve got to make sure that it looks good on all screen sizes, and you’ve got to make sure that it coordinates with the rest of the site so that all of your text is readable.

Image Credit

Using a Developer and WordPress

Author’s Note

I have written a more recent article about using a developer and WordPress.

Original Article About Using a Developer and WordPress

If you’re in the market for a new website, you may have heard of WordPress. The site you’re using right now was built using WordPress. WordPress is great way to build a cheap and fast yet high quality website. It’s so good, it might even make you ask the question, “What the hell do I need to hire a web developer for?”

It’s true. With a little bit of tech savvy and no coding skills whatsoever, you can build a WordPress site for free. The problem is you can only build a site within the scope that WordPress allows, and if you don’t know how to code, then this scope is pretty narrow.

This might lead you to believe that the best way for you to build a site is to build your WordPress site, then talk to a developer after you have it set up. There’s a number of reasons you shouldn’t do this:

  1. You will likely create redundant work because WordPress development needs to be performed offline, and theme development requires use of what is called a child theme so that updates can be performed without any problems. The bottom line is a lot of things will need to be copied then recopied. And transferring and copying WordPress can often be more complicated than it seems. This costs you time and money.
  2. You may be limiting your opportunities. WordPress developers tend to know quite a bit about themes and plugins, and even if you plan on setting up the site yourself, it is still worthwhile to obtain a consultation.
  3. You might find out that WordPress is way more complicated and time consuming than you actually need. With software like Bootstrap, developers can usually bang out a great looking site in no time. And if you don’t plan on updating your site on a regular basis, then that might be the best route for you to take.

The good news is WordPress is open source. That means it’s free. So you can always just try it, and if it doesn’t work out, then you can contact a developer.