Matrix Group International

Author: Joanna Pineda

  • Skylanders

    Skylanders

    Great for young and old alike, this game uses figurines that you place on a portal to put into action. You can play on the Wii, on the iPad and online! If you have kids, this is a must have!

  • Google’s Project Glass

    Google’s Project Glass

    Google’s Project Glass envisions a world where our glasses gives us weather and temp, lets us reply to e-mail, video conference, and take pictures.

  • Just Say No to Adding More PDFs to Your Website

    We build a lot of websites at Matrix Group and most of them are loaded with PDF files. Clients post PDF files of their newsletters, their legislative updates, their magazines, their white papers, and on and on. While it’s easy to create a PDF from Word, InDesign, Quark or Illustrator, and yes, PDFs look pretty, I think organizations should post fewer PDFs and convert more of their content to html. Here’s why:

    PDF Files Are Not Search-Engine Friendly

    • The user experience when reading a PDF on a monitor or mobile device can be miserable. So many PDFs are formatted with columns, but since screens aren’t necessarily the same size as a printed page, readers often have to scroll up and down to read the same page or reduce the overall size of the PDF, which makes reading the PDF much harder.
    • If you post your entire newsletter or magazine as one PDF file only, you can’t post individual articles to other parts of the site and you can’t tag them by category. Imagine this: a visitor types “green energy” into your site search and she gets back your organization’s legislative position on green energy, several news items, articles from past issues of your magazine, and articles from past issues of your newsletter. If you post your entire newsletter as a PDF, your site search will pull up the issue, but visitors will have to navigate the entire issue to find the specific article.
    • PDF files often don’t contain proper titles needed by search engines. For example, most people just use a PDF creator to create PDFs, never bothering to populate the file’s properties, including Title, Author, Subject and Keywords. Remember that Google first looks at the file’s title and properties to try and figure out what a page is about. If there isn’t a helpful filename or document title, Google scans the document’s content and tries to guess what the page is about, often incorrectly.
    • PDF files don’t contain the markup that provide helpful information to search engines. For example, html files usually contain title tags, body tags and headline tags. The text in your H1 tag provides search engines with the most important topic covered in the the page. PDFs do not contain H tags, again leaving the search engines to guess the topic or most important content in the document.
    • You can’t add mobile styling to PDF files. These days, we use mobile stylesheets and responsive design to make pages behave appropriately for different size screens. A legislative alert on a phone might turn into a single column of text, with no left or right rails; this makes the text readable on a small device without a lot of pinching and zooming. But a PDF stays fixed, which means a person on a phone has to zoom in and out to read your alert; not a great user experience.

    When Should You Use PDF Files?

    • If you want to post an exact replica of the original document. For example, if your organization sent a letter to the White House, you may want to post the text of the letter as html to the site and have a linked PDF of the original letter.
    • If the document needs exact styling. I often see organizations post information in html about a conference and allow visitors to download the beautifully designed brochure as a PDF.
    • If you want to make the full-text of the reference document available. Some of my clients issue lengthy, detailed research reports. To me, it makes sense that they post executive summaries in html but post the entire report as a PDF because most people will want to download or print the full-text of the report.

    Ways to Make Your PDFs More Search-Engine Friendly

    If your site does have PDF files, follow these tips to make the files more findable by search engines.

    • Create PDF files from original electronic files or OCR a scanned document. This way, the text of the document is available to the search engines.
    • Fill out the file’s properties.
    • Rename the file to something meaningful to search engines. If web pages need friendy URLs, PDF files need meaningful and friendly titles as well.

    Want to learn more?

    • Duff Johnson talks about why PDFs are problematic for search engines.
      Joel Geraci has great tips for making your PDF files more search-engine friendly.
    • Mark Aaaron Murnahan talks about how the heading tags improve search engine placement.
    • Galen DeYoung has 11 tips for optimizing PDFs for search engines.
  • Realtor.com iPad app

    Realtor.com iPad app

    The Realtor.com iPad app is a great way to look for homes for sale, check out comps and explore neighborhoods. The virtual tours are great!

  • HOP the movie

    HOP the movie

    Kids and grown-ups will enjoy this movie about an Easter Bunny who wants to pursue his dream to become a rockstar drummer.

  • The iPad Scales Websites So They All Display at the Same Resolution and Look Great

    The iPad Scales Websites So They All Display at the Same Resolution and Look Great

    I love my iPads (I have an iPad1, iPad 2 and my 3 is on the way). I think most iPad owners feel the same way. I’ve owned an iPad for nearly two years but it wasn’t until recently that I realized just why websites look so good on this device. The iPad automatically scales pages up and down so that they display at the full resolution of the iPad. Let me explain.

    As Web designers, we’re used to thinking in terms of pixels. At Matrix Group, we normally design sites for a 1024 pixel width resolution. This means that on a 1024 resolution monitor, the website fills the screen. On a widescreen or higher resolution monitor, the website is centered and there is space to the right and left of the page. Check out the Matrix Group website on my widescreen monitor.

    In fact, most websites look like this on my widescreen monitor at home and laptop at work. But on an iPad, most sites look like this:

    This is the Matrix Group home page on an iPad in portrait mode.

     

    This is the Matrix Group home page on an iPad in landscape mode.

    What I love about scaling is that I’m making the most of the real estate on the tablet and most sites are fairly readable, without a lot of pinching and zooming.  I’m told that there are ways to prevent this automatic scaling on an iPad but I don’t really see why a web designer would do so.

    Next week, after I get a chance to play with my iPad 3, I’ll blog about how the new version supports high resolution images and how we web designers can start creating images that fit the type and resolution of the device. Very cool stuff!

     

     

  • Dwell Magazine

    Dwell Magazine

    Love the inspirational design, photos, furniture and gadgets. Web design is very much inspired by architecture and interior design and this is one of my faves.

  • Cook’s Illustrated

    Cook’s Illustrated

    The best of the best recipes, techniques and kitchen tools. They improve on classics, debunk myths and make it easy to cook like a chef.

  • The Facebook Timeline is Coming on March 30 – Is Your Organization Ready?

    The Facebook Timeline is Coming on March 30 – Is Your Organization Ready?

    The much awaited Facebook timeline for brands is coming. On March 30, whether you like it or not, your organization’s Facebook page will convert to the new timeline format. Here’s what’s new:

    • It’s All About the Timeline. Facebook says the big, huge deal is the timeline. Facebook will automatically show a timeline on the right side of your page that shows previous months and years. Your fans will be able to click on a month or year and see updates and posts from that time period. Here’s the HUGE DEAL: you can customize the timeline to show events in your organization’s history pre-Facebook. For example, the New York Times’ timeline goes all the way to the 1800s!
    • Brand Image. Your new brand page will have a large cover photo at the top of the page. Instead of a tiny logo and a few photos, your brand page can and will feature a large branding image that you can design yourself. Coca-Cola’s brand image has images from their current advertising campaign, showing happy people of course.
    • Posts and Conversations. The rest of the page is divided into 2 columns to represent the passage of time AND separate your posts from conversations and messages. In the right column, you’ll see messages to your company, posts about you, etc.
    • No More Left Navigation. Many brand pages had multiple tabs along the left rail for their various apps like photos, videos, donation, yada, yada. In the new timeline page, your top 4 tabs will be visible; visitors will have to click to see all of your apps.
    • Messages Between Brands and Users. Finally! Brands and their fans can now have private conversations!
    • Featured Content. The old Facebook pages displayed all posts equally – you had an image, a title and a blurb. The new timeline page lets you feature content at the top of the page. Featured content is bigger and takes up 2 columns for added impact.

    Screen shot of the new Matrix Group  Facebook Timeline Page

    So how can you prepare for the new Facebook timeline? Here are our recommendations:

    • Preview your new Facebook page NOW. Don’t wait until March 29 to figure out what your new page will look like. Start looking at it now and making adjustments.
    • Create a cover photo that communicates your brand.  Use the period between now and March 30 to create the image and test it. You may need to make some adjustments. You can test how your cover photo looks by clicking the preview tab at the top of your page. BTW, only admins can see the preview.
    • Review your Facebook strategy. What kinds of posts will you feature? Which apps will be prominent? How will you communicate with your fans?
    • Start featuring posts. Highlight recent posts by hovering over the right hand corner of the post and clicking on the star. You can also remove it by clicking on the star.  If you want to promote a past post, you can actually move it up by hovering on the right hand corner of the post, clicking on the pencil tab in and selecting pin to top.
    • Check your insights page regularly. As a marketer, the Facebook insights leave me wanting for more, but there is more and better data now available, including who recently “liked” the page and recent comments.

    Are you ready for the new Facebook timeline pages? What’s your strategy for taking advantage of the new format and features?

  • Draw Something for iOS

    Draw Something for iOS

    Draw something on your iPhone or iPad and invite a friend to guess what you just drew. Cool videos of your work. Totally addicting.