Showing posts with label Web Design. Show all posts
Showing posts with label Web Design. Show all posts

Saturday, February 19, 2011

I am the number 6 Google result for "cat-proof software"

Statcounter (the site I mentioned which showed what browsers people were using to visit my site) provides a lot of cool features. If I had my own Web server, I could get this same information by perusing my Web server logs, but since I am running a site through Google's Blogger service, I don't have access to those.

Statcounter logs all sorts of information, for example, computer IP address, operating system, browser information, screen resolution, and more. One of the other things that is cool is that it can tell you how people found your Web site, assuming they didn't just type it in to their address bar.

For example, if you Google:
Professor Cameron blog

I am the first result for this. This makes sense. If you were to then click on that Google link, I would be able to see that someone Googled that and found me using those search terms. I can also see which search engines people used to find me. Of my recent visitors, 55 found me using Google, 7 using Bing, 4 using Yahoo!, and 1 using Ask. (Note: Statcounter only logs the most recent 500 visits for free users, and many of them didn't find me using a search engine, hence the small numbers).

I sometimes will pop on the system and see how people for finding me, and there are always some interesting results.

For example, I have a number of searches I would expect. The following searches led people to me (again, some Google, some not):
interesting computer stuff (name of the blog, that makes sense)
professor cameron (makes sense, that's me)
fun stuff with professor cameron (I assume someone just forgot the name of my blog here)
eric cameron pccc us (that's me!)

In addition, there are searches that turned up specific blog posts of mine. I have a number of searches related to computer hardware disposal (due to a recent post), PCCC Panther Alert (something I've discussed a few times - PCCC's emergency alert system), Zune disaster (an older post), an assortment of things related to Microsoft Office hotkeys, and other such searches. As a matter of fact, I am the number 6 result on Google for cat proofing computer due to a post from last year.

Then, there are the bizarre ones. These serve to show me that search engines, though amazing, still have a ways to go. Here are some of the bizarre searches that have led people to my site:
  • simple one touch notification pagers from chef to servers 163-001
  • i get taken advantage of a lot
  • AVERAGE TIME WASTED WAITING FOR OLD COMPUTER
  • Bergen Community College, "flight simulator"
  • Professor Cameron porn
  • wife playing world of warcraft when supposed to take children +subpoena
Some of those are bizarre! I wonder what was going on in that last search...

Anyway, you can see searches like Professor Cameron porn would lead you to this site because somewhere in a page is each of those words. I posted about pornography a few times, and of course Professor Cameron is on every page, so yeah, that works.

I am pretty sure whoever was searching for that was disappointed when they found my blog.

Wednesday, February 16, 2011

Web browser usage

Sites like Statcounter can track happenings on your Web site. For example, I can tell you of my last 500 visitors, 49% used Firefox, 27% used Internet Explorer, 6% used Google Chrome, 2% used Safari, 0.4% used Nutch, and 0.2% (one user) used Konqueror.

We see a lot of statistics regarding Web browser usage. It does vary by region. Firefox and Chrome seem to be more popular in Europe. According to Statowl, the latest numbers for the US, around 60% of users are running Internet Explorer, and only 20% running Firefox. World numbers are somewhere around 47% for Internet Explorer and 31% for Firefox, according to Statcounter.

None of these will be 100% accurate, but they do paint a picture for us. Why are my users more likely to use Firefox than the average world user? I would assume that, as I maintain a technology-related blog, my users are more likely than the average user to use a browser like Firefox.

If I were doing Web design and I had these numbers, I would need to make sure the browsers my users use were the browsers I was testing my site in. Though it really should not happen, there are times a page looks different in Internet Explorer and Firefox (for example).

It is interesting for me, as someone who is not running a for profit site, to look at these statistics. For someone who IS running a for-profit site, this information can be critical.

Wednesday, December 29, 2010

Web Templates

Back in the stone ages of the mid-1990's, I developed Web pages by hand. Some of my students seem pretty impressed that I can still code a page by hand, and seem to want to do things that way as well. My advice at this point is to not do it that way. A good working knowledge of HTML can be useful in order to tweak a page, or if you are writing a script to generate a dynamic Web page. However, for static Web sites, it generally makes a lot more sense to just use a Web development tool such as Adobe Dreamweaver.

As someone who is not a graphic designer, I would have problems making attractive Web sites. If I were really planning on doing Web development, I would either find a graphic designer to work with, or plan on purchasing some sort of package. Many times, designers or design companies will sell templates to Web developers for this purchase. For example, a site like Project Seven sells some really nice designs that I would never be able to create for $60. The nice part is they are designed for use with Dreamweaver, and should cleanly plug right in to your interface.

I look back on some of my early Web work, and it was clumsy, but by purchasing the rights to something like that, I'd be able to make some really professional sites with very little effort.

Thursday, October 07, 2010

Charging for Web design work

One of my former students emailed me to ask about freelance Web design work, and how much to charge. This is always a very difficult question, and I don't know many people who are comfortable setting rates coming out of college.

Keep in mind that companies will pay what sounds like a really high hourly rate because they are not subject to the overhead that their regular employees have, such as health benefits, office supplies, and other such items.

The difficult part in freelancing early on is figuring out how long things will take. I found as a programmer I had no sense for how long projects would take me to do. People would ask me how long things would take, and I would think it should be a 2 hour project, and I would spend 25 hours on it. I developed that sense over time. Classes like Systems Analysis and Design were great in theory, but when it came to applying the lessons, I fell a little short.

Customers don't really want to pay based on how good you are, so generally, customers should not see your hourly rate. I would suggest creating some base packages. For example, a 5 page Web site should cost X, a 10 page Web site costs Y, etc. You want to be clear with a customer what they are paying for. I found a company that does something like that here, for reference.

You can see they have a base package for $600. For a basic 5-page site, $500-$750 seems to be the going rate. This would generally include the basics of meeting with them, gathering content, designing it, having the user test it, fixing the errors they find, and making the site live. In reality, the technical end of the work will probably take less time than the other components of the project.

Other stuff that is extra, and this is where I would run in to issues. If the customer wants e-commerce stuff, or they want Flash animations, that would be stuff that would cost extra. When they describe the requirements, that is when you have to determine the cost of it. If they describe a Flash animation, keep in mind that is rarely a two-hour gig. Flash animations, Web programming, and e-Commerce projects should include testing and bug fixing time. There have been times where I wrote a program in an hour and then spent 5 hours trying to hunt down a bug. Flash programmers can charge rates of $50-$75 an hour, so a site that is heavy on customization like that will be more costly.

What is very clever is that there is a maintenance package is $50 a month for two hours worth of work, and additional hours are extra. You may want to offer options like "10 hours of updates over the next year for $250, or updates at an hourly rate of $40" rather than constraining someone to a number of hours in a month. By offering a package deal, you may have someone pay for the 10 hours even if they don't need them, just because it looks like a better deal. Also figure most updates will be small changes, so a lower hourly rate is fine.

You can of course work with people on price. There are people I've been eager to work with, and made allowances for them.

You also have to decide if you are going in to the hosting business, or if you are going to arrange for the customers to host things elsewhere. I generally would not want to get in the middle of a transaction between a customer and a Web hosting service. If this is the case, make sure you provide them the username and password for the site. Even if they don't use it, it's professional to make sure they have access to this. I've dealt with people who have no clue about this, and if they ever need to change hosting sites, it's a pain for them. Same idea goes for the domain name purchase. You can direct them, but you probably don't want to be the person in the middle since domain names do need to be renewed.

If you are not doing the hosting yourself, you have to assume some customers may have a URL purchased and a hosting agreement, and others will not. If the customer does not have the infrastructure in place, there is some startup work you have to do to get them up and running, and that may be something you want to charge for. This may be something you want to charge $100 for.

I would recommend the customer set up a billing arrangement directly with the hosting service (like godaddy). If you end up in the middle, your credit card is the one the hosting service has on file. If, however, you are planning on hosting sites yourself, that is something different.

You should always have some sort of portfolio available. For my PCCC students, your capstone project can be a start, but you may want to expand on it and upload it to a server somewhere.

The main problem I think most customers have is that they don't understand that you don't provide content. When they pay for a site, you are taking their existing information and turning it in to a Web site. You will need to meet with someone in their organization, and they should be providing you electronic copies of the information they want on the site. Some customers think you are going to actually write the text for the site, and (unless you want to do this) it needs to be made clear that this is their responsibility, and that you don't provide proofreading services.

As you get better at doing basic Web sites, you can probably get things done quicker and therefore make your business more profitable. You can also change prices as you go along. Notice the site I linked above also includes a year (2010 rate card). You can always change rates yearly (or project to project).

Monday, October 12, 2009

Amazon Associates Program and interstate commerce

In my CIS 152 course, we recently discussed some of the ways a Web site can make money. We discussed "affiliate marketing", where one site can advertise products on another person's site. The example we discussed was Amazon Associates.

Amazon's program is relatively successful, as far as these things go. For example, I as a person with a Web site, can advertise their products like this:



...and if you were to click on that link and buy something I'd get a (small) percentage of the proceeds.

We also talked about the oddities of interstate commerce, such as the legal mess that is wine.com's shipping policies. There are many different laws in different states, and it's tough to keep track of. When New York changed laws to require all residents to pay sales tax, though traditionally you only had to pay sales tax to companies that had a presence in your state. I knew other states would follow suit. North Carolina decided to do something similar, and it's affected the Amazon Associates program.

Any people living in North Carolina are not eligible for this program now, as of June 2009. The laws read that you couldn't tax any company that doesn't have a physical presence in your state. North Carolina decided that if there are Amazon Associates in North Carolina, that qualifies as a "physical presence", so they wanted Amazon to start collecting sales tax on all purchases.

Amazon was not interested in collecting sales tax on all purchases in North Carolina, so they decided not even to bother with North Carolina. Now, since there are no Amazon Associates in North Carolina, there is no physical presence, so there is no reason to collect sales tax on purchases made in North Carolina.

Obviously, Amazon hopes people are outraged enough to run to their Congressmen and have the law changed...but at the moment, North Carolina is out.

Following this, Amazon also made this program unavailable to residents of Rhode Island, also in June 2009, for the same reasons.

I think eventually laws will be amended to tax all Internet sales, but as we've discussed in my course, the laws are almost always behind the technology. The interstate commerce law was first passed in the 1960's, and this is what happens when you try to apply a law written 50 years ago to technology.

Monday, October 05, 2009

Keywords and Internet placement

When designing a Web page, Web developers have the chance to add what are called keywords to the Web page source code to help search engines such as Google to drive users to your Web page. There is always a debate on how many keywords to include, because if you have 5 keywords, search engines typically view them as more important than if you had 100.

Complicating things is that Google and most other search engines also include things like "how many other sites have a link to your Web site" and other such things to rank your Web site.

There are some things you don't have a ton of control over, but you can choose effective keywords that help drive visitors to your site. One of the ways to do that is to use a keyword suggestion tool. For example, the free site listed below will show you related keywords you can use that might get you better placement on search engines.

Again, there are many sites that do this, the one below is an example. However, it can tell you words related to your keywords that you can use to attract more customers.

http://freekeywords.wordtracker.com/

Keep in mind that this is also a technique less reputable Web sites can use. For example, let's say you have a Web site about the Sopranos TV show. The first thing that shows up on the list above when you look for sopranos is not "Tony Soprano" or "The Sopranos", but "Isabella Soprano" - an American pornographic actress, according to Wikipedia.

If you were really looking to drive people to your Sopranos TV site, you could throw in a reference to the actress and when people Google that actress, they may come across that site. Who knows, in the future, perhaps people looking for this porn star will end up here by accident!

I'd recommend using this for the purpose it was intended - to find popular keywords to help drive traffic to your Web site.

Tuesday, July 21, 2009

Goodbye, Geocities

Ah, Geocities. Back in 1995 when I started really getting involved with the Internet as we currently know it, I had a set of Web pages on my school's server. I had a site devoted to music, and my friend Jeff had a site devoted to Beavis and Butthead, and that was okay back in those days. However, there was some stuff we made available that we didn't want associated with us - for example, in 1997 or so, myself and a few of my friends put up a teacher ratings page for our college (pre-dating www.ratemyprofessor.com), because there used to be a printed list that went around, and we wanted to make it more accessible. In order to do so, we went with one of the free hosts out there, Geocities.

At that time, Geocities was not owned by Yahoo! - they were a separate entity that Yahoo! purchased in 1999 or so. They, along with Tripod and Angelfire, were some of the largest free hosting sites on the Internet.

Yahoo! went through a few stages with Geocities - limiting traffic, adding advertising, and now they've announced they are closing it as of October 2009. I've had a small personal Web site on Geocities for about 10 years now, and I am sad to take it down, but perhaps it is time. All people with Geocities sites were, in the email I received, welcome to move their pages over to the Yahoo! Small Business and "take advantage of terrific features like a personalized domain name and email, even redirect your GeoCities web address to your new site — all for only $4.99 a month for a full year." Blah blah blah.

My other options were to manually download every single page I had, or just let everything disappear and not be recoverable. I cursed Yahoo! as I saved the 40 or so Web pages and files I had up on Geocities. I mean, come on, you can't give me a "download all" option? Really? (And no, it was not an option, the email even told me "To quickly download your published files, visit your GeoCities web site, right-click on each page, and choose Save Page As... from the menu that appears. Choose a location on your computer to save your files, then click OK or Save.")

Yahoo! is obviously hoping to get people to convert over to Yahoo! Small Business, but I've got no real interest in doing so. Between Facebook and this blog, I have enough outlets for my personal and professional lives. Goodbye Geocities, and thanks for a good 15 years.

Link to CNET article

Monday, June 22, 2009

Free Web tutorials

One thing I love about the Internet is that is offers free learning in a lot of ways. Back in 1999, I taught myself Perl basically overnight using Web-based tutorials (training). Of course, I already had been programming in school for years, so it was learning the language syntax rather than learning how to program. I already understood loops and if statements and classes and all that, so it just became learning a new set of words. With Perl, however, there was the wonderful word of "regular expressions"that I had never seen, so that took a while to master. Instead of having to do a lot of complicated searching, for example, you can replace one set of characters inside a string with another using commands like this:
s/original/replacementstring/gi;

That would take you a few lines of C++ code, for example. I was always taught that you want to choose the right programming language based on the task you wanted to do, and for string manipulation or interacting with the operating system, Perl is much better than C++.

Anyway, point being, once you have a foundation, you can always update your skills. I've had to do that this summer - I went to a four-day PHP training. If you don't have a job paying for it, you can always find things online that will help you. For example, a friend recommended a site called W3Schools to me a while ago, and they seem to have some nice free content.

Just remember, especially for those of you in the Information Technology field...learning is not a product - you don't just learn and that's it. You will need to keep learning over time, especially in this field.

http://w3schools.com/

Saturday, June 06, 2009

How to attract Web site visitors

One of the things we don't spend a lot of time on in our curriculum is how people can attract people to their Web site. You can have the best looking Web site, one that does a ton of cool stuff, but if no one visits it, you've got a problem. As a Web developer, customers will look to you for some expertise in this area.

Of course, one of the best things that can be done is for a person to start advertising themselves - print new business cards with the Web site address, add the address to existing publications (menus, newsletters, whatever), etc. Making information available is definitely one of the goals of a Web site, and if putting prices or directions on the Internet helps someone find you without calling your employees, you've saved time, and therefore money.

However, this does not address how to attract new customers, which should also be part of a Web presence goal. Let's say you did a Web site for a small pizza place in Paterson. Someone new to the area says "I want a pizza" and puts pizza paterson nj in to Google...will your site show up? Will it show up high on Google's rankings?

(Those are two VERY different questions, by the way)

You can submit your Web site to just about any search engine for free. For example, you can add it to Google here:
http://www.google.com/addurl/

The only problem is, you're not going to show up at the top of the rankings.

You could also pay to have this done, and it's typically around $50-$100 to submit your site to over 100 search engines, big and small. It sounds like a lot of money, perhaps, but if you're being paid $30 an hour to do Web site design, it would take you more than 3 hours to submit to that many search engines. It might be worth charging the customer for that and letting the service do the work for you. (an example of how this service works)

There are also ways you can optimize your placement. There is no one solution that is perfect - no one knows the exact formula Google uses to rank pages, though we have guesses. There are times where you can re-order words, change HTML code, etc. to improve your ranking on Google. The META tag keyword choice is important - what words to choose? How many to use? Use too many and your keywords seem less important to Google, too few and you may not be found.

Though it is an expense, sometimes it pays off to pay to advertise the Web site. There are many services, including Google AdSense, that will allow you to advertise. There are also more targeted Web sites. For example, you can advertise locally on yellowpages.com, or on local sites like northjersey.com or patersononline.com. This way, you are relatively sure you are getting people who are local to you. If you are dealing with a client base who speak another language, knowing local publications in that language can help as well (for example, eldiario.com for Spanish speakers).

Monday, January 12, 2009

Dump 10 Facebook friends, get a free whopper

I think Burger King has done some interesting things in marketing in the last few years. I always loved the Burger King NFL commercials - where they put the King in to real NFL plays.


When you've got it, you've got it, and the King's got it!

The new marketing idea involves Facebook. You install the Burger King "Whopper Sacrifice" application, and use it to remove 10 friends. After you remove 10 friends, you qualify for a free Whopper at their store.

Obviously, their goal is to get Burger King on people's Facebook pages, and this is a clever use of advertising in social networking.

Web Links:

Thanks to Diana for the heads up!

Wednesday, October 08, 2008

The Wayback Machine

Did you know that myspace.com used to be a Web based storage company? Much like some of the other companies like xdrive.com, it was a site that would allow you to have an online backup of your files. I know this because I actually used it back around 2001 or so.

What's very interesting (and educational, for a Web developer) is to look back and see how the design of Web sites and pages has changed over time. The Internet archive tool on Archive.org - also called "The Wayback Machine" (a nod to the WABAC machine on the Rocky and Bullwinkle show) - has archived and continues to archive millions of Web sites. Want to see what Myspace.com looked like in 2001? Just search. It goes all the way back to 1996.

The part that is a little scary is that even if you deleted something off the Web, if they archived it, it may still be out there.

It's kind of sad to look back at my old Internet startup company's page and see how they get kind of desperate towards the end - it was apparent even on the Web site.

Web Links:

Monday, September 15, 2008

Painting online

One of my biggest weaknesses is that I am not a very good artist. I've got a very logical mind, and the creative process just never really worked with the way my brain works.

For those of you who have been in my class, you know my famed drawing of someone using a computer and communicating with their friends in chat as they also use Microsoft Word...which has also been called "stick figure touching a box".

Ok, so my art skills aren't that great. Even if they aren't, I've had fun at times messing around in programs like Microsoft Paint or Adobe Photoshop.

Paint is of course free, but the issue is that you have to save your art and then either upload the or email to someone else. There is a Web program on art.com that allows you to do basically the same things you do in Paint, with a few more options added in. In addition to all those, you also have the opportunity to share the drawing, and your friends can watch your creative process in action - it stores the exact keystrokes you used to create the painting, all for free.

For example, the quarterback on my fantasy football team got injured, and I created a visually stunning representation of how this injury happened:
http://artpad.art.com/gallery/?k6usn815mt0s

Amazing to see the creative process in action, is it not?

Web Site Link:
http://artpad.art.com/gallery/

Saturday, September 06, 2008

Google "Chrome" Web Browser

After years of quiet on the Web browser front, there is a new entry in to the battle. Google has introduced a new browser in to the realm...


Being the computer person I am, I of course downloaded it immediately. We'll see what happens with this (it's still in Beta - or testing), but bringing Google in to compete with Microsoft's Internet Explorer and Mozilla Firefox will probably help things. Competition is good for the consumer.

Anyway, I installed it, and I figured I would take it for a little test drive. First impression - it allows me to import settings from other browsers - this is something Firefox also does, so that's good. After going through that, it brought me to a default page that says "most visited pages". The pages are displayed in little boxes, so you can see little previews of your frequently visited pages.

This seems like a clever idea to me. First impressions, good!

I then went to ESPN.com to give it a test. Why ESPN? Well, sports aside, this is a very media intensive page. It managed to block a popup automatically, good...Adobe Flash player was automatically setup and it managed to play a sports highlight...good...and then BOOM. Unable to fully display the page, would you like to reload?

Not a good sign!

It gave me the option to reload, so I did, and it worked just fine the second time.

So, how does it stack up? Here are my thoughts, simply from a usability interface.

Pluses:
  • Features you are used to are there - it has tabbed browsing, as Firefox and Internet Explorer do, built in phishing and malware detection, easy clearing of your browsing history, bookmarks....
  • The interface is less cluttered than the interfaces you see in Firefox or Internet Explorer.
  • It has an "incognito" mode - wow. Pages you view in the incognito window claim to not show up in your browsing history or search history, and will protect you if you visit Web sites that you aren't sure are trustworthy. I didn't test this fully, but a spectacular idea!
  • It has it's own "task manager". If you've ever visited a Web page that locked up in Internet Explorer or Firefox, you've likely had to kill the entire browser program and restart. This allows you to kill certain bits of the browser, so let's say a Flash program is slowing me down, I can just shut that off without affecting the other things I am doing.
  • Downloads show up along the bottom of the screen by the status bar - rather than disappearing immediately (Internet Explorer) or having a pop up window with downloads (Firefox)
Minuses:
  • It doesn't seem to have the page setup options you have in Internet Explorer and Firefox (for example, print headers and footers or not)
  • They didn't fix the problem I would love to see someone fix - block ads on a certain site - this can be done in another way, but it would be great to see this actually easy for the average user to do
  • It has its own set of hotkeys different than the other browsers. Just a minor annoyance.
  • If you close the only tab that exists in a window, it exits the entire program. This is not intuitive - one wrong click and you're going to have to restart the program. It should warn the user or give a blank tab.
Worth a download...use the link above to give it a shot, why not, for free? Since it's a Google product, I am willing to bet it will be around for a while. It seems like everything they touch turns to gold.

Besides, for those of us who have Web design background, it gives you yet ANOTHER Web browser to test your site in. FUN!

Friday, June 20, 2008

Bitmap image conversion to vector image

Image editing application software such as Photoshop or Fireworks contain a tool that will allow you to convert a bitmap image (such as one taken with a digital camera) in to a vector image (one that looks "drawn" - and one that can be resized easier.

If you are ever doing any professional logo design and have very little Graphic Design talent (guilty!), you can take an existing photograph and turn it in to a vector image to save yourself time drawing. For example, let's say you wanted to make a cell phone logo - you could take a picture of a real cell phone, "vectorize" it, and then just edit it to suit your needs.

If you're curious as to what I am talking about, you can actually try it for free on a Web site such as vector magic - they will let you try it for free without letting you save - or you can do it in a tool such as Photoshop or Fireworks.


Try it on Vector Magic's Web site for free


How to do it in Photoshop

Saturday, June 14, 2008

Adobe Photoshop Express

Image editing is a fun little task to do, but the problem is that in order to do the really powerful stuff (outside of the simple things like "remove red eye" and "rotate 90 degrees"), you need application software to do it. When you talk about this application software, you are probably looking at a tool like Adobe Photoshop, which is very expensive for a home user.

Adobe is starting to figure out that sites like Flickr, Photobucket, and Webshots are actually competitors on some level, so within the last few months, they have released Adobe Photoshop Express, a Web based tool that allows you to do a lot of the things that Photoshop does. They also give you 2 GB of storage for free. The goal here, of course, is brand recognition, which many software companies are finding is incredibly important.

https://www.photoshop.com/express/

Wednesday, May 28, 2008

Evolution of Web sites

One of the things I like about computers is that it is an industry that is still evolving. As I've grown, the technology has as well, and the technology has grown for the better.

A friend of mine sent me a link that shows how Web sites have evolved over the last 10 years, showing screen shots of how ugly sites used to be compared to the beauty of today. The problem 10 years ago was that the people skilled enough with computers often weren't skilled enough with art. Of course, graphic design type careers have evolved to cover Web site design as well.

The Evolution of Web Sites

Apple, Amazon, Adobe, CNN, Nike, and Yahoo are among the sites shown. I wonder what the future holds for all of us on the Web, it's exciting to consider!