So in last week’s blog (http://blog.jpdesigntheory.com/getting-over-the-hump-an-inspiration-for-blog-writers-block/) I mentioned to look out for my upcoming one regarding “coloring in and outside the lines in Social Media”. Well here it is-so let’s talk about how that premise affects our perception, utilization, and ultimate success or failure of Social Media in a business.
I must admit that when the term “social media” came on the scene I thought great, just another “let the whole world know all your business” tool and way for someone to financially capitalize on my personal affairs. But I’ve come to understand both the downsides of it (i.e. cyberbullying, identity theft, etc.) AND the magnificent power of it in the business world. Social Media was created to use the platform of telecommunication to form interactive dialogue between organizations, individuals and entire communities. So, obviously the masterminds behind it meant it for good (rather than those who’ve chosen to abuse its power) and when it comes to utilizing it for business, it is an amazing, free tool that can take your business (and its exposure) to another level. In 2012, none of us can deny the fact that properly using Social Media yields better results than traditional marketing efforts alone.
I saw a quote which said “coloring outside the lines is a fine art” and that person was right when it comes to thinking outside the box in business and the beauty of the broad stroke in art. But when it comes to Social Media, the defined parameters are there for good reason and should be yielded to in order to get the desired results from doing so. Majority of us know that Social Media tools like Facebook and Twitter allow businesses to access an unlimited number of existing and potential customers and perhaps cause exponential growth of your business in various markets. The proper use of these tools could help to grow a small, home-based business into a multi-million dollar conglomerate beyond their current demographic and broadest vision…think NBC’s Shark Tank-like opportunities. But those who know how to stay in the parameter confines of Social Media and play by the rules of it, know that using this medium requires strategical thinking, commitment and tenacity. And it’s only then, that you see the ROI for playing by the rules and staying in the lines established. Such as: Impressionable Artistry ~ Know that current and prospective clients will base their first impression on what they see. If your business has a Facebook page, make sure that it properly reflects your business by mentioning salient points about your business, have links to your company website and location, and keep use of your logos consistent. Lastly…my personal pet peeve – PLEASE SPELL CHECK to avoid SMH’s and ‘s. To Blog or Not to Blog ~ If you are going to blog make sure you are a pretty good writer or use someone else to do so. Blogging is both a craft and great tool…if you can do so effectively and draw “good” attention to your business. Again, you want to spell and grammar check before you post. People will respond with comments and you don’t want something written that will reflect negatively on your business. Remember, once its out on the worldwide web it’s there forever! Use all Crayons in the Box~ Twitter, LinkedIn, Facebook, YouTube, Google+…need I say more. Don’t just use one medium, use them all. The more you post information about your business, join groups, comment on another businesses blogs, etc., it is more likely you will gain a few new clients and followers.
And then we have the scribblers…Those who don’t see any ROI and/ or do more harm than good to their brand/business by misusing the exposure tool of Social Media. Much like a child coloring, if you move too fast or don’t understand the parameters/boundary lines you will end up with a mess. Nothing to hang on the refrigerator – no growth in your business.
This often happens when people don’t do the following:
Take the time to understand it ~ Use the hands of time to figure out HOW YOU WANT and NEED to engage people on Facebook, Twitter, Digg, etc. for it to be successful in growing your business. Because once it’s out in cyber world, it’s there to stay. No balling up the page and tossing it in the trash like it didn’t exist.
Take the time to plan it to properly execute it ~ Make sure your business does their due diligence in research and planning to create a successful Social Media campaign and message. Social Media strategies must be thoughtfully constructed and planned prior to execution to not end up chock full of rookie mistakes or even worse…irrelevant. Also remember that in order to properly manage your businesses Social media that it takes time and consistent communication with other users to build a strong following, brand recognition and respect.
Understand that it’s about the WHOLE picture ~ Using Social Media correctly requires a team effort which should combine company branding, customer service and sales initiatives to constantly interact with the online marketplace and do so in a consistent manner. Yup – use every crayon in the box!
At the end of day, successful Social Media in business is about engagement, creating a trustworthy Social Media identity, client acquisition, increased sales, and better brand awareness locally & globally. Then you’ll have a business that’s gold star worthy!
Have you ever been to a website that loaded very slowly? Did that website have some images that loaded abnormally slow, even though they weren’t that large in size? The reason for that may be that the images were re-sized improperly, most likely with a WYSIWYG (What You See Is What You Get) webpage editor such as Adobe Dreamweaver. This problem could have been avoided if the images were optimized.
Adobe Dreamweaver is a very powerful webpage editor that can be used to customize just about everything on your website, including specifying or adjusting the resolution of your images. When you click on an image you have inserted into Dreamweaver, you get the properties window, which allows you to specify the size of the image (resolution) and a host of other options.
Notice in the the above example the image file size is 4162K. That means it’s about 4162 kilobytes (or about 4 MB) which is very large. Also notice that the W and H (width and height) values are both in bold. That means that the current size of the image (266 x 140) is not the actual size of it (4096 x 2160). If you click on the refresh button next to the image size Dreamweaver will resize the image to the proper size (4096 x 2160).
If you change the size of an image using Dreamweaver’s image properties tab, you will just be changing the image’s resolution and not the actual file size. Using this method to downsize large images will make the images load very slowly.
This is NOT a good method for re-sizing an image for a webpage!
Dreamweaver wasn’t designed to be used for editing images. The purpose of the width and height boxes in the properties tab is to specify a resolution (size) for the image or object you have selected if there are no dimensions specified. A much better way of optimizing images is with Adobe Photoshop.
Using Photoshop to Optimize Images
If you have Adobe Photoshop, then you have the perfect tool for optimizing your images to display on your website. Here are some quick and easy steps to optimize your image in Photoshop:
1. Open the image (File > Open)
2. Re-size the image with the image properties window (Image > Image Size)
Notice at the top of the window where it says “Pixel Dimensions:” that the file size of the downsized image is now 109.3K which is a whole heck of a lot smaller than the original image file size of 25.3 MB.
3. Instead of “Save” or “Save As” use the “Save for Web & Devices” option (File > Save for Web & Devices).
If you look at the top right corner of the Save for Web & Devices window you will see these options:
Most of the time, I alternate between the 70 and 60 quality setting depending on the size of the image. I have set this image to the JPEG High preset, which gives the image 60 quality by default. If you are re-sizing an image for a thumbnail (320 x 240 or below) 60 is a great setting because you won’t see any degradation in quality from the original. I use the 60 quality setting most of the time, unless the image is very large (1024 x 768 or larger).
Original quality vs 60 quality
The original on the left is full quality (no compression) and the optimized on the right is 60 quality. At this smaller size, it’s hard to see any degradation in image quality at the 60 setting. As you can see, the optimized image on the right has an estimated load time of 3 seconds for a 56k dial-up connection. Of course, most users today have cable and other much faster connections, but it’s nice to know that even on the slowest connection, the image still won’t take too long to load.
4. Upload the new and improved image to your website!
Now you’re ready to load the optimized image(s) into Dreamweaver or whichever editor you use for your website.
Video of Image re-sized using Dreamweaver vs. Photoshop Method
As you can see in this video, the image that was optimized using my Photoshop method (on the left) loads a lot faster than the image that was re-sized using only Dreamweaver (on the right). The optimized image loads almost instantaneously!
Getting creative on websites can sometimes feel constrained due to traditional layouts and verbiage, and most certainly when it comes to navigation bar and menus. Many of us think that we need to have the standard, cookie-cutter menu navigation bars that have become the “norm” for almost all websites. You know the type:
Most are similar in wording and format. I’m not saying that there is anything WRONG with this per se but if you can, know that outside of conventional thinking and web design, you can get creative without compromising easy navigation of your site.
Websites are certainly your worldwide face but even the prettiest of girls can use a little makeup. Sometimes that’s demure or other times an unexpected shocking red lipstick drives home a certain affect. So can your website. Don’t be afraid to try and incorporate some artistic menu design ideas. I had a ball researching some pretty interesting and witty design elements for menu navigations.
I thought this was a great use of the industry-driven design even with the typical wording. Another idea would have been to use the bricks themselves as the navigation bar.
You don’t see many vertical layouts for navigation bars so this really stood out to me. I bet it does the same for the current and prospective clients too!
Most of us would enjoy seeing a fun and innovative menu layout. This one made me comment out loud when I saw it “oh, that’s different”!
Don’t be afraid to use representative artwork and images either with or in-lieu of typical or generic menu names. It gives a personalized look to customary naming conventions.
When to keep it standard vs. using Atypical menu choices
I would say this is probably governed by the industry you’re in. If you are let’s say a law firm, then maybe you wouldn’t use the layout above but creative wording can be your breakout of the blue suit moment. Don’t be afraid to use your thesaurus here as long as you don’t compromise the ease of use and appropriate industry jargon. Example: I’m a recent law school graduate looking to work at “JP Law Firm” and upon reviewing their website, I see a menu item titled “The Brief” (which is a legal term for a written document presented in court arguing why the party to the case should prevail). It would not be a tough leap to guess they were using that instead of “About Us”. It’s a witty play on words which can be a little amusing and personally, I’d be impressed by the break away. Not everything needs to be starched and buttoned up. So with this said:
TGIF! Time for some free stuff! Check out this collection of free web buttons, provided by Sketchdock.com. You can download the collection in .PSD format for easy editing in Adobe Photoshop. Enjoy!
Is it really necessary for a small company to have website? Can I really make SEO work for me?
Can blogging really benefit my company? Is this all just a waste of time and is any of this profitable?
In a very Dr. Phil-ish candidness, you bet your butt they do! And here’s why:
1. I’ve said this to potential clients, current clients, on previous blogs and to my friends…YOU NEED A WEBSITE! Whether you live in a big city or small town, the truth is that most of the world doesn’t know you exist. Unless your business has a product or service that is exclusive to your geographical region, you need to expand not only your mind but also your client list and profit margin. How else can a small company in Nebraska acquire a client in Maine?
2. If you have sneakers, you need laces. Since you need a website, you need SEO. It’s the only way to get higher rankings in the major search engines for your company with limitless advertising. Yes, it can be a little time-consuming at first if doing so yourself (or you can just hire someone to do it…see www.jpdesigntheory.com) but it is worth the time and your dimes. 3. Do you see the visual example of a necessary principle? The more you or someone else writes about your company and services/products exposure expansion & growth.
4. It’s evident from all the market growth and promotion of social media, it is not only big now but it’s here to stay.Customers are savvy enough now to use it to their advantage and that directly benefits your company if you get on board. Especially since customers are utilizing all the tools the worldwide web offers to discuss product/service experiences and research them prior to purchase. In the end, I hope these answers to common questions help you to understand the importance and necessity of websites, SEO and blogging. Can’t wait to see YOU on the www!
So in last week’s blog (http://blog.jpdesigntheory.com/getting-over-the-hump-an-inspiration-for-blog-writers-block/) I mentioned to look out for my upcoming one regarding “coloring in and outside the lines in Social Media”. Well here it is-so let’s talk about how that premise affects our perception, utilization, and ultimate success or failure of Social Media in a business.
I saw a quote which said “coloring outside the lines is a fine art” and that person was right when it comes to thinking outside the box in business and the beauty of the broad stroke in art. But when it comes to Social Media, the defined parameters are there for good reason and should be yielded to in order to get the desired results from doing so. Majority of us know that Social Media tools like Facebook and Twitter allow businesses to access an unlimited number of existing and potential customers and perhaps cause exponential growth of your business in various markets. The proper use of these tools could help to grow a small, home-based business into a multi-million dollar conglomerate beyond their current demographic and broadest vision…think NBC’s Shark Tank-like opportunities. But those who know how to stay in the parameter confines of Social Media and play by the rules of it, know that using this medium requires strategical thinking, commitment and tenacity. And it’s only then, that you see the ROI for playing by the rules and staying in the lines established. Such as:
Impressionable Artistry ~ Know that current and prospective clients will base their first impression on what they see. If your business has a Facebook page, make sure that it properly reflects your business by mentioning salient points about your business, have links to your company website and location, and keep use of your logos consistent. Lastly…my personal pet peeve – PLEASE SPELL CHECK to avoid SMH’s and 
‘s.
And then we have the scribblers…Those who don’t see any ROI and/ or do more harm than good to their brand/business by misusing the exposure tool of Social Media. Much like a child coloring, if you move too fast or don’t understand the parameters/boundary lines you will end up with a mess. Nothing to hang on the refrigerator – no growth in your business.
This is NOT a good method for re-sizing an image for a webpage! 
