Omar Aviles

February 25, 2010

Measuring up

Filed under: How to, design, web tools — Tags: , , , , , , — admin @ 10:40 PM

Hi I know it has been a while so let us begin.

The ruler is a tool use everywhere in work. We use rulers to measure,wood,metal, buildings, liquid, magazines, and websites.

So how do we measure websites? well, this might need to be ask again. How do we measure the width and height of elements. Well, their is a great firefox plugin name MeasureIt. This firefox extension was created by Kevin Freitas. Currently I have been using it to measure websites elements and see how they fit on a page. Since I’m on a laptop and my screen width is 1280px by 800px. On my wordrpess dashboard it is actually 1264 because of the scroll bar on the right side.

So after you click on MeasureIt link above and install it on your firefox browser, you might be asking yourself where is the tool at? Well it is located on the bottom left hand side of your browser. You should see this image Measure it tool

At first it is grey, but when you click on it, the color changes to a light brown or tanMeasureIt Activated. I’m on PC Windows Vista, so it might be different on a mac. Now drag your cross cursor imagecursor on the screen across and you will see a light box ruler go across with the measurement of px(means pixels) with H(Height) and W(width).

Here is an example of me dragging it across the screen to measure the this.
Image Example of measure it in action

As you can see this tool is definitely a useful tool. Here are my opinions marks:

  • tool is transparent blue so it makes it easy to view
  • easy to move tool on the screen
  • Can only keep one measure at a time, which maybe their will be an update to do as many you like

The ruler seems like a simple object, but it has uses. Of course the ruler idea is in adobe dreamweaver, flash, photoshop, illustrator and indesign. But it is also useful when creating web pages to measure images elements, div elements, headers, footers and side bars elements as well.

If they are techniques that you use for this ruler, I would love to hear how you use it for web design and development.

January 8, 2010

Looking back at 2009 website inventory

Filed under: Analytics, Social Bookmarking, marketing, wordpress — admin @ 11:49 AM
Image of analytics for 2009

Image of analytics for 2009

Since starting this website, I have to say I have only put 2% of work into it. Without doubt, it clearly shows. In investigation my analytics, I see I have a total of 255 visitors for this year. My biggest moment was when I sent my website link into StumbleUpon and that got me some traffic…for one day.

So here are my goals for 2010:

  • Write more articles
  • Update my articles to socail websites like Stumbleupon, Facebook, and Digg.
  • Find other ways to get traffic [ This is a must! ]

Now here is a list of things that did work for me:

  • Using a blog style tool such as WordPress
  • Sending my articles to Stumbleupon has generated a small traffic to get it in motion

Now here is a list of things that did NOT work for me:

  • Writing an article one or every two months
  • Deciding not to send to stumble upon after new article was posted

January 3, 2010

Needing Design Inspiration when all is dark

Filed under: creative, design, gaming — Tags: , , — admin @ 1:15 PM

Risk: Godstorm!

With the Holidays coming to the near end, I’m overwhelm with the vast quantity of media that is available to use as a resource when it comes to print and web design. As of late, I have been visiting Barnes and Noble and digesting all forms of inspiration. First off I found the board game Risk: Godstorm. My eyes caught the artwork. Viewing Zeus and the Norse god ,Thor on the box cover, develop a impulse to buy this game. Then I began to further investigate this game and all it’s components. In designing a board game I took notice of the work that went into it:

  • Mythology information: Greek, Norse, Egyptian, Celtic, Babylonian stories
  • Characters that will attract customers such as Zeus and Thor
  • A product already known, but just changing the appearance.
  • The pieces of the game well design and board game itself
  • Strong images of characters, thus artwork was important for the sale of this piece as well
  • Being a social game, where you need at least 2 players to play

After trying to setup the game which took nearly 2 hours with anticipation, I found that my appetite for action and make believe war between the gods was not going to happen this Christmas eve. However, I was not going to give up. I found myself, thinking of how to make this game happen, so that I may have visions and reenact the battle of the gods. You see, the image on the box had a profound effect on me. Products must have a everlasting visual for a strong effect on customers.

Now, I found myself searching for mythology art,stories and have now included mythology into my design inspiration. I found that I want to learn to paint or create those images like on the cover box.


November 30, 2009

Getting the creative wheels turning

It was a sunday afternoon and I was in wordpress land trying to read another blog about designing themes, when I decided to take a break. Then it hit me. I have no motivation to make a revised layout, design, colors, fonts for my personal site. Yuck. I needed to do something. This is when the process for creation began for me. I decided to walk around my neighborhood of Park Slope, brooklyn and take pictures. Pictures of anything that I found interesting. Then another idea came into my head. Why don’t I make up a day and call it Sepia Day. As you can read, I was making this all up and it got me excited. As I started to take pictures of various things. I started seeing patterns in everyday living. I saw street signs and fonts. I saw color in a new way. Shapes where more interesting and the element of being able to psychically touch it put a new dimension in the way I was thinking of designing my website. Here are a couple of tools that I use to help me get that web or print project started for inspiration:

Outdoor edition:

  • coffe or tea or water
  • mp3 player: ipod or scandisk or coby or any audio device for music, speech, or just audio sounds
  • digital camera
  • notebook or pad and pen or pencil
  • a quick stop around 20 to 30 minutes at barnes and nobles and look at various book covers and magazines

Then another idea came into my thought process, why don’t I experiment and put the pictures into a slideshow and show the world what I saw on Sepia day. Below is the start of slideshow done in Microsoft movie maker. I know it is not top of the line software, but I first needed to try it out before I could make any assumptions and criticize the software. It fairly simple in terms of putting a picture, a timeline, effects, transitions, and the ability to put audio and text makes it useful. But that is whole another posting about user interfaces and applications.

The final step that I implemented was to make my slideshow viral and so I posted on my free youtube account. Below is my first attempt at Sepia Day and Slideshow.


November 12, 2009

Should I put Flash on my homepage?

Filed under: flash — Tags: , — admin @ 12:29 PM

Let me start by saying I have little experience with putting flash on homepages.  My experience with flash has been to make a photo slide show for an artist on CD, not for web.

So, when it comes to flash, I do have opinions on how and when to use it. Here are some:

When to use it:

1) For wii games ( a simple game could be a good marketing angle to promote your service or products)

2) Slider Show for your powerpoint presentation( make sure it works and tests it before you actually go to the place)

3) Eye candy, Eye candy, Eye candy. (when you want to impress your artistic, creavite and programming skills )

When Not to use it:

1) When making the whole home page in flash..as the user waits for it to load…and look another ” click here to enter” link….Didnt we already enter the site?

2) Navigation.  So you made an amazing website and the horizontal and vertical navigation bars are in flash…but wait, I cant see them because I dont have the latest flash player…So now I have to download it and go back again…wait did I download the right one (can possibly happen).

3) Just for the sake of it in terms of a small business (1  person who sells jewlery, art, or service).

Here is a interesting quick read on the Case Against Flash


November 11, 2009

SEO – Marketing

Filed under: Social Bookmarking, seo — Tags: , — admin @ 10:27 AM

Here are some marketing tools that I have been using this past August to hopefully boost pageviews on the Brooklyn Indie Market website that I manage.

Marketing Tools :

* Google Analytics - This a must have tool. This displays your visitors views, bounce rate, time on a page, new visitors, loyal visitors, where your visitors are landing and where from. In addition, it has 4 goals that you can put to see if your visitors are getting to them. One goal example is to have Vendors signups, so I set the goal on the vendors page and if they do a the required action it will show on the analytics. But their is so much more. Google has a dashboard where you can display to your liking what stats you want to see from your website. Comparisons features which I just started to understand. Although I did not go into great detail about the tool furthermore , you should have this tool for it is essential for your SEO Marketing goals.
* Google webmaster tools – A vital tool to help you with meta tags, seeing queries about how users are looking for you in the google search engine and setting up a site map which is important for google to rank you as well.
* Social websites- Facebook, twitter, myspace, technorati, wordpress,blogger just to point out the popular ones are very important to have if you want your business to be seen by the millions of people on the web. I also would like to include delicious and digg as well. All these websites have a powerful tool. That power is social networking. Make friends on facebook and myspace. Then send out maybe at least once a week a event going on in your business. Twitter it daily. Blog about it on blogger or wordpress, or if you want to see if it worth it to blog on both sites and see if you get more visitors hits, try that. I’m have been experimenting with that and will let you know how that is going. As for stumble upon which is a website that is like bookmark app, it lets you comment about other people sites and share your likes and dislikes. I have at least commented(positive comments only) at 10 sites a day for like 5 days a week. When you do the numbers that is like 50 comments which leave your website link if people do decide to see who you are. In a month It could be 200 comments and that is more chance of people going to your website because of the comment you left. I also been trying technorati which is basically following blogs and putting them as favorites. I have not been able to figure out a simple way that this site can help me with traffic to my brooklyn indie market blog yet. Since this is my first time experimenting with this, I will also let you know how that is going.
* Press Release – This is not exactly my strong point. I can barely write correct english and not forget about past tense rules. Sitting for half an hour to one hour and write a rough draft about an event you want to promote. After you have done that, revised, revised, revised and spell check, make sure the address of the event, time, name of people and even it makes sense to you. Look at the press release and ask yourself: would I understand this? is it quick and to the point? Here is a website to get you started on more rules. OK, now that you have your final polish press release what are you going to do with it? send it out of course. Post it on your site. Send it your local newspapers or city papers. But who do I exactly send it to in the local newspapers? Go your local newspaper site and look for a contact link or page and send it to them stating you would like to send our your press release so people are aware of your event. Try at least 30- 50 newspaper and blog sites in your local area. Again try, try, try and do not be discourage, it will take some time to build a relationship with these other organizations.
* Have clean Xhtml and css code using w3C standards – this is the defacto of web standards right now. Using their validation tool will put you on the right track for google search engine spiders to find you without errors. It is free and I like to use it. It makes me feel good that I wrote up good code and it follows structure, unlike my English grammar. Also check your css validation tool as well.
* Meta Keywords and Meta Description – In your xhtml code you should have at least 40 meta keywords that describe your site. I have been changing at 10 or adding 10 keywords a month and monitoring on google anayltics to see if any users found us through such words. I believe you can have up to 100 keywords, but not sure as of this posting. I will get back to you on that as well.
* Track your work – I use google docs to track what websites I left a blog message or what site I left a positive comment using stumbleupon(check out my last posting on this matter). In addition, I keep track of how many social sites I have and have one document containing the url, username and password info. That way I can come back just in case I cant remember what site I should do my seo on that half hour or hour.
* Get your webiste listed on dmoz, yahoo(read 8 ways to do this),and of course google.


November 9, 2009

The Stumbleupon effect

Filed under: Social Bookmarking — Tags: , , — admin @ 10:58 AM

stumbleAnalytics

Continuing from my prior post about using stumbleupon to increase new visits, I have screen capture the results when you do submit your site to stumbleupon.

As you can see, since I just started this blog I have 87 visits from Stumbleupon. However, To maintain more anymore visits I must stumble upon others who share content such as wordpress, webdesign, SEO, and Marketing and leave comments and rate them. Again this is not a sure way to get a huge amount of visits but it does start a rapport with other users.


November 4, 2009

What is StumbleUpon?

Filed under: Social Bookmarking — Tags: , , , , — admin @ 1:27 PM

stumbleupon logo
I know I could just copy and paste what Stumble Upon is from their website or another resource, but I rather say what I think it is. I do not promote that what I say is always 100% accurate. Stumble Upon is like a search engine that looks for similar categories and interests that you provided when signing up with them. With that, you can either rate it the website with a thumbs up or thumbs down. In addition, you can leave comments which is community like and starts a rapport with other users.

In my experience, I have use Stumble Upon to promote one my websites that I made. One of the first steps I did was sign up which is free. Then I got to play with the application and see what I like and did not. Here is what I did:

1) Signup

2) Added my Website as a favorite. (To do this I believe you simply go to your favorite link and enter your website address.)

3) Then I started to click on the stumble upon graphic and it took me to similar interests and categories. Every day for about 2 weeks I favorite 10 sites I like and commented what I like or did not like.

4) In doing Step 3, I realize users where clicking on my username (I believe its a backlink in web terms) and it took them to my site.

5) Warning! I also want to explain that searching for a site you like or has a particular interest in things you like can sometimes be time consuming and even take the whole day and still see no significance results. On the other hand, it can lead to new visitors and gain more interests. In addition, you might find interesting stats if you install google analytics on your site.


October 30, 2009

Installing wordpress on your computer before you make it live on a website

Filed under: How to, wordpress — Tags: , — admin @ 10:11 AM

So I’m guilty of pulling the trigger in haste.

While excited about making wordpress my blog of choice, I forget to mention a useful method for me when in production. Putting a local copy of wordpress on my computer. The process can be a bit intimidating at first glance, but with some careful slow reading and persistence of doing google searches on how to install wordpress on my computer, I’m sure I will make this work. Here is a great blog about installing it manually on your computer before you sent it live to the web:

http://blog.themeforest.net/wordpress/installing-wordpress-manually/


October 29, 2009

Installing Google Analytics on Wordpress

Filed under: Analytics, How to, google, marketing — admin @ 9:33 AM

Well I have Wordpress as my homepage and now I want to put Google Analytics to track my visitors and see what is working and what is not.  Here is a blog I found some information on how to do it:

http://themeplayground.com/2007/tutorials/for-wordpress-users/how-to-install-google-analytics-on-your-wordpress-blog/

I believe after you install it, you have to wait 24 hours before you see some results. Also you might want to put a filter on your Google Analytics if you dont want it to count you as a visitor. Here is Blog that explains how to do it:

http://blog.lunarpages.com/2009/04/30/exclude-your-ip-from-your-google-analytics-stats/


Older Posts »

Powered by WordPress