The vBulletin User Experience

an article added by: Linda Gould at 05312007


In: Categories » Internet and online » Forums » The vBulletin User Experience

A Tour of vBulletin

In the previous article we looked at the vBulletin installation process. This process involved downloading the installation

files, making edits to the configuration files, creating or preparing a database for vBulletin, uploading the installation files, and finally going through the vBulletin installation wizard. We also looked at how to import posts and settings from another discussion board into vBulletin.
Now that you have a working vBulletin board, the next thing that you need to do is familiarize yourself with it. That's what we are going to be doing in this article.
We will look at:
• How a vBulletin discussion board is experienced by both unregistered users and members
• How a user can become a member by registering
• The administrator's experience of a vBulletin discussion board
• The Administrator Control Panel
• Forum management
• Branding and changing the logo for a discussion board
The vBulletin User Experience
Before we look at vBulletin in detail from the perspective of the administrator, let's take a look at it from the user perspective.
In the last article we got vBulletin working, and the discussion board that we set up is open and ready for visitors.

How to Get to the Board?
First question that people have is "Where is the board?" The answer to this depends on where it was installed.
If you installed it into the root of your website, then accessing the site is all you need to do.
So, for example, if your site is at www.example.com and you installed vBulletin into the root folder, then just typing http://www.example.com into the browser will take you to it (the main 'page' of vBulletin is a file called index.php). Similarly, if you typed http://www.example.com/ index.php, you would get to the main page of the forum.
If, on the other hand, you installed the vBulletin software into a folder on the server, then you would need to access that folder. We installed it into a folder called vb, so to access this, we would use http://www.example.com/vb to get to the main page of the forum (or, if we wanted to type more, http://www.example.com/vb/index.php).
Getting to the AdminCP (Admin Control Panel) requires you to go to a different URL. Using the examples above the AdminCP would be at http://www.example.com/admincp or http://www.example.com/vb/admincp (again the main 'page' here is index.php).
There is also a ModCP (Moderator Control Panel). Getting to this requires you to go to yet another URL. Using the examples above, the ModCP would be at http://www.example.com/modcp or http://www/example.com/vb/modcp (once again the main 'page' here is index.php).
What the End Users See
OK, you know where to go, but what do people see? Well, this is what a visitor to your vBulletin site sees if they are new and aren't already logged in:

Site Logo
At the top left of the page is the logo for the discussion board. By default this is the vBulletin logo, but it is easy to change. (We'll show you how later.)

Below that, we come to the navigation bar, also known as the navbar. The job of the navbar is to put tools and functions within easy reach of the user.

The navbar makes use of expanding and collapsing panes in order to save on precious screen space. Clicking on some of the links (marked by a downward pointing arrow) causes the panes to open, while moving off them causes them to close. The contents of the navbar changes dependent on whether the user is logged in or not.
Welcome Banner
Below that, are the forum welcome banner, the introduction to the discussion board and the forums themselves. The welcome banner and introductory message are only shown to unregistered users (or members who have not logged in).
Main Body of the Forum
Below this, comes the main body of the discussion board. This is where the forums appear. To get you started, there's one already created.

Welcome Banner
Below that, are the forum welcome banner, the introduction to the discussion board and the forums themselves. The welcome banner and introductory message are only shown to unregistered users (or members who have not logged in).
Main Body of the Forum
Below this, comes the main body of the discussion board. This is where the forums appear. To get you started, there's one already created.

What's Going On
Below the discussion forums, is the What'sGoing On? box. This give information about the discussion board, including the number of members, the number of post, the latest member and current board users.

Footer
Finally, there's the footer of the page, which contains a key to some of the graphics used and the current time. Below that, are a small footer menu and the copyright notice.

Touring the Main Forum Unregistered Users
Even as an unregistered user, you can click on the link to the Main Forum, which then takes you from the forum view into the thread view.

There are no threads to show because there have been no posts in the last 30 days. (This is the default view this can be changed too.) In fact, there are no posts at all.

No "New Threads" for Unregistered Users
Notice the New Thread button. If an unregistered user clicks on this, they are taken to a screen asking them to log in or register. This screen also contains a password reset option, handy for people who have forgotten their passwords. This sends them a new password.
A word about passwords
vBulletin doesn't store passwords as plain text in the database. Instead it uses an algorithm called MD5 to create a one-way hash of the password, and this is stored instead. A one-way hash means that passwords entered can be easily converted into the hash but the plain text password can't be recovered from this hash. The password password is transformed by the MD5 into 5f4dcc3b5aa765d61d8327deb882cf99, and this is stored in the database instead.
When a member logs in to the forum, the password they enter is converted to the one-way hash, and this is compared to the hash stored in the database if the hashes are the same, the member is let in, otherwise they are rejected.
Registering on a vBulletin Board
Let's now take a look at the registration process for new users. We can begin this process by clicking on the register link. Clicking on this link brings up a page outlining the forum rules. There are default rules in place, but you can customize these.

Anyone registering on a vBulletin discussion board has to agree to the rules of the forum by checking the box, before clicking on the Register button. These rules are customizable, but a generic set of rules is pre-installed.
The next step is the registration screen. Here you have to enter basic information such as desired username (give this some thought many people end up stuck with a silly username because they didn't give it enough thought!), a password (six to eight characters letters and numbers are best), and an email address.

Anyone registering on a vBulletin discussion board has to agree to the rules of the forum by checking the box, before clicking on the Register button. These rules are customizable, but a generic set of rules is pre-installed.
The next step is the registration screen. Here you have to enter basic information such as desired username (give this some thought many people end up stuck with a silly username because they didn't give it enough thought!), a password (six to eight characters letters and numbers are best), and an email address.

Finally you click on the SubmitNew Thread button. Not only can the post contain text, but you can also use emoticons (also called smilies those little smiling-face graphics) to add character to a post. Also, files can be attached to the posts and made available to other members.

At this stage, you might be thinking that this seems like a lot of power for an ordinary member, and you might not be sure that they should have this power. Don't worry when we look at the discussion board from the point of view of the administrator, you will find that you actually have a lot of power at your disposal to control what members can and can't do just because they can do something by default, it doesn't mean that you can't take that power away from them later!
Replying
Posting a reply is similar to starting a new thread. All you need to do is click on the Post Reply button, and you are taken to a short form similar to the one you saw when you created the new thread.
The main difference between posting a new thread and a reply is that a reply does not require a new title.

Editing a Message
Editing a message (say to remove typos or to add something) is an ability that most users will want at some point or other. And vBulletin makes this easy.
All you need to do is click on the Edit button. This loads the current message into a form like the one used to post it.
You then can edit the post, or delete it.
Controls on editing
Different user permissions can be set for editing posts, and many forums utilize rules where a message cannot be edited after a fixed period of time (a few hours usually). There are several good reasons for this. The first is that edited messages don't show up as new messages, and this makes it hard for the administrators and moderators to moderate comments. Secondly, editing old messages places an additional load on the server (because current messages are cached while old ones are not).

Private Messages
Communication is the cornerstone of a good discussion board. One facility that vBulletin offers is the ability to send a message to another user without that message appearing on the board. There are a number of easy ways to send a private message (also known as a PM) in vBulletin. (We're not going to list them all here.) One of the easiest is the following:
• Click on UserCP in the navbar.
• Click on SendNew Message in the Private Messages section of the left-hand menu.

• This brings up the Send New Private Messagepage.
• Fill in the form.
• Click SubmitMessage.
This form is similar to the form used to create new threads and new posts or replies.
The main components of the form are:
• RecipientUsername(s) This is where you enter the username of the recipient (or recipients by default a user can send one message to as many as 5 users simultaneously). Make sure that the username is typed in correctly. Entering an incorrect username can mean that the message is not delivered or delivered to someone else! (An error message is generated if you enter a username that doesn't exist.)
• Title Here you enter the title of the message. This is similar to the subject line on an email.
• Message This is for the main body of the message.
Filling in all three of these is mandatory.
BB Code
BBCode is short for Bulletin Board Code. BB Code is a safe alternative to allowing users to use HTML to format their messages.
So, what is BB Code? BB Code is a set of codes that users can place in their posts. These codes are translated by the board when the post is submitted so that they are substituted with pre-approved HTML code.

Why HTML is dangerous
A long time ago it was decided that allowing everyone the ability to post HTML into a web forum was a really bad idea.
Think about it. Your discussion board is controlled by a combination of HTML, PHP and MySQL queries. Giving others the ability to place code into a post could allow them to do all sorts of things. Now, most people would probably do no worse than format their posts using weird color and font schemes, making them difficult to read. However, you want a lot of people to come to your board, and eventually (the Web being what it is) there would be someone who would think it was a great idea to use HTML, PHP, or script to cause damage to the board. And believe it, they could!
vBulletin does allow you the option of activating HTML on the discussion board, but this is not recommended!
What Does BB Code Look Like?
you've formatted a message for posting onto a vBulletin board, then you will have seen BB Code in action.
Take a look at this short section of text formatted with BB Code:
B]Bold[/B] text goes here.
This is [I]italics[/I].
This is [U]underlined[/U].
LEFT]Left aligned.[/LEFT]
CENTER]Centered.[/CENTER]
RIGHT]Right aligned.[/RIGHT]
INDENT]Indented![/INDENT]
list=a]
[*]Bullet - text
[/list] [list=1]
[*]Bullet - numbered
[/list]

BB Code looks a lot like HTML there are opening tags and closing tags around text. However, one key difference is that the tags have square brackets as opposed to the angled brackets in HTML. For example:
• In BB Code, the opening and closing tags for bold are [B]and [/B].
• In HTML, the opening and closing tags for bold are <B> and </B>.
Using BB Code
Using BB Code (especially the in-built codes) is easy because most of the commonly required codes are available from the toolbar in the message posting interface.

The AdminCP allows the administrator to add new codes to the forum. However, care is needed to ensure that these don't cause security problems.
User Tools
The user has a set of tools at their disposal:
• ThreadTools These allow the user to work with the thread.

• Search this This tool allows the user to search the current thread for keywords.

• Rate Thread This allows the user to rate the thread by giving it a rating from 5-star (excellent) to 1-star (terrible).

• Display Mode This allows the user to change the way they view a thread.

Display Modes There are four possible display modes: • Linear mode (oldest first) In this mode, the posts are displayed chronologically from oldest to newest. Posts are shown in what is known as flat mode so that many posts can be viewed at the same time.
• Linear mode (newest first) This is the same as linear mode, except that posts are in the opposite order.
• Threaded mode In this mode, a tree view is shown along with every post in a thread. This view allows the reader to see the relationship between the posts, in terms of who responded to which post. In this display mode, only one post is shown at a time.

• Hybrid mode This mode is a mixture of the linear and threaded modes. The post tree is displayed as in the threaded mode, but multiple posts are displayed simultaneously as in the linear modes.

Navbar Changes for Members
The navbar is also different for the member (or registered user), as it has several significant and useful additions.
The first is a User CP (User Control Panel). After all, moderators and administrators both have their own CP, so why not users? In the User CP, the user can change their default settings, passwords, and email addresses, they can post signatures (default text that appears at the end of their posts) and avatars (images that appear next to their posts), and they can send private messages (messages sent to other users) and attachments.

Another useful feature is the QuickLinks navbar menu.

The QuickLinks menu provides the user with links to often-used features of vBulletin. (Many of these features can be accessed from within the User CP.)

legal notice

Our website is not responsible for the information contained by this article. Web-articles is a free articles resource.
Suggestion: If you need fresh, daily updated content for your website, feel free to use our service. Click here for more information.

Useful tools and features

Link to this article from your page    Send this article to you or to a friend
If you like this article (tutorial), please link to it from your web page using the information above.

related articles

1. vBulletin Licensing Options
vBulletin Licensing Options vBulletin is a commercial product, and you must therefore buy a license before you can use it. To offer site owners the greatest possible flexibility there are two licensing options to choose from: • Leased license • Owned license Leased License Purchasing a leased license will allow you to run vBulletin on your server for one year. During this period you will be entitled to technical support and softwa...

2. The requirements of vBulletin
In the next article we're going to be shifting our focus to the installation and configuration of vBulletin. In this article we begin at the point where most people begin with vBulletin with a copy of the software and somewhere to upload it to. If you have both of those, then you are probably eager to get going with the installation! We will look at: • The requirements of vBulletin • How to install the files • How to create the database • How ...

3. The vBulletin Control Panel
The vBulletin Control Panel Now that you have come this far, you are probably eager to access the Control Panel and get started. Click on the link on the Step 13 page to access the Control Panel. (You will need to have deleted the install/install.php file before being able to continue.) After clicking on the link you will then need to enter the username and password you assigned to the administrator during the installation of vBulletin. Once you log into the Control P...

4. Importing Data into vBulletin
If you are moving to vBulletin from another type of discussion board, then there is a good chance that you won't want to lose all the posts that you already have and start again with nothing. And it's not just the posts that are important what about all your member information usernames, passwords, profile data? You don't want to lose all that and start with aIn the right-hand pane you get information about the version notice how we are being told that there is a newer version of vBulletin available. That's a really handy feature, and...

5. Customizing Your vBulletin Board
  Customizing Your vBulletin Board Most of the best discussion boards on the Web have been customized in one way or another. Some have only basic customizations to give the place a specific look and feel, while others have been heavily modified and customized to look, feel, and work exactly how the owners want them to. At this stage you probably want something in the middle you want a certain level of customization but don't want to take on too much too soon, right? That's fine the g...

6. vBulletin templates
Template Modifications So far we've looked at how to modify CSS stylesheet information, which controls how vBulletin looks, and the phrases, which control the text. Both of these modifications allow you to radically change how your vBulletin board looks and feels. Template modifications allow you to do a lot more and to make much more radical changes to your vBulletin installation. In fact, templates control nearly every aspect of a vBulletin board. Each page that the end user sees is the result of one or mo...

7. Hacking a vBulletin Board
Hacks So far we've talked about making modifications to a vBulletin installation, and we've looked at four different ways to modify the installation. So far we've called the changes 'modifications', but the term that you are more likely to see used on the web is 'hacks'. Whenever a board is modified, it is said to be hacked (not to be confused with 'hacked' as in the security being compromised by a hacker), and modifications are known as hacks as in "hacks to a board"...

8. Administering Your Forum
Administering Your Forum There's a lot to do as a forum administrator. It's not just about participating in the discussions, facilitating new discussion, and making the tough decisions as to who should be moderated or banned. There's a lot to do behind the scenes the day-to-day care of the forum as well as routine maintenance. You will also run into problems from time to time, and then you will need to carry out emergency repairs to get your forum going again. This article is about the most common tasks an adminis...

9. vBulletin database maintenance
Maintaining the Database Without the data, your community is gone. Not only will you lose all the forums that have been set up (along with any customizations and changes you made), but you will also lose all the people. By this, I mean you will lose all the members lose the database and their accounts. Usernames, passwords, everything will be lost. Running a forum without taking care of the database is asking for trouble. Not only might you run into problems and difficulties when you make a change ...