Design & Develop
  • June29th

    I try to keep things in normal-people English, but I’m not always successful. I’m lucky that most of my clients are not shy about pulling me back and asking for definitions.

    However, for anyone interested, Chris Coyier at CSS Tricks has written an excellent article defining those terms web people throw around.

    And yes, “borked” is part of my regular conversation topics.

  • June15th

    Mothercraft’s new website combined their multiple existing sites and services into a single resource, while expanding functionality and bringing a fresh look to their online home.

    Design & Develop paid special attention to usability testing in the early phases of this project, testing the site design and organization with different levels of users in the Mothercraft organization to ensure that the site would work for a variety of site visitors.

    Mothercraft - Website design & development, content management system integration.

    Mothercraft had specific security and user management requirements that were fleshed out fully in mid-project, and fortunately open-source Etomite rose to the challenge.

    Mothercraft gets special mention as client of the year, for their patience and humour during a difficult project. The technical difficulties, combined with a site that turned out to be far larger and more complex anyone expected, made for some serious timeline setbacks. As our first major project, Design & Develop learned some important lessons, and thanks Mothercraft for the chance to deliver. Though Mothercraft waited for their site, the results meet and exceed the functionality requested by the organization.

    View the site: www.mothercraft.ca

  • June10th

    CT Consulting works with clients to create change that realizes their vision and reaches their goals. We helped CT Consulting work through the challenges of branding a new company, with personable, professional results.

    Mothercraft - Website design & development, content management system integration.

    CT Consulting’s website focuses strongly on the personalities behind transformational change—Deborah and Gloria—to help put a face and force behind the corporate services the company offers.

    Business cards and a glossy tri-fold were also part of the package, making sure that the professional face of CT Consulting shines through at tradeshows and conventions.

    Visit the site: www.ctconsulting.ca

  • May26th

    Clients are always asking me for registration forms. From course registrations to downloads and online newsletters, getting an interested party to get in touch is the instant call for a form on a webpage.

    The catch to all of this is that, over the years, not one client has been able to articulate what that form is going to do for them in literal terms, also known as “when I click Submit, what happens next?”.

    Hint: the answer is not “um, stuff?”

    Top questions to ask when “I need a form on my website” comes out of a client’s mouth:

    1. What information do you want to collect? (Tell me the fields in the form)
    2. How much of that information is mandatory vs. optional? (Which form items do I flag as required? What error checking is needed?)
    3. What happens when a user clicks Submit?
      • Who receives the information? (People or person)
      • How is the information saved? (Flatfile, database, email)
      • The user receives what feedback? (Assuming success – confirmation message on the same page, a thank-you page, a pop-up)
      • When is there additional follow up? (Are you contacting the user yourself once you’ve processed their info? Does the system send an email immediately?)
    4. What services are you using with this form? (Paypal, ConstantContact, [insert your service here])

    And then there’s my favourite question: “when do you want this live?” (Inevitably the answer is “this afternoon!” – but that’s a topic for another day).

    One “simple” form turned into a big production in the end: when the user submits the form, a link to a product download is emailed to the user, the information from the form is recorded into a database, and a notification email is sent to one of a list of contacts. I should have asked little details like “what are you doing with this information once it’s in the database?” because later additions included :

    • “how do I know when they filled out the form?” – add a date column to the database
    • “how do I get the e-news registrants into my mailing list?” – the e-news option should really be feeding a different database table entirely
    • “Add new registration dates!” – gee, wouldn’t this form populating from a database table populated by another form that the client uses to manage events be convenient?

    It’s a snowball gathering speed downhill.

    Conclusion: unless you want to be like me, cursing your retroactive short-sightedness as you edit a form for the 16th time, ask a lot of questions when your client says “I need a form on my website!”

    They’ll appreciate it in the long term, but you might want to bring bribes to smooth that interview process in the short term.

    Or maybe I should just create a form to let them select their options…

  • May15th

    I’m a huge Skype user – I have a paid account and I use it as my phone, as well as to talk to my work colleagues who also have Skype. It’s a great tool.

    However, the Skype toolbar that converts phone numbers in my browser? That’s a little annoying. Granted, I rather like it when I’m looking for a business’ phone number to call and ask a question, but a lot of our design work has a prominent phone number in the header which looks awful after Skype gets helpful.

    To disable the Skype Toolbar on a website, add the following in the head of the page:

    <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />

    To add back a phone number with the Skype functionality, case-by-case:

    <!-- sphoneid telnr="+4168881234" fileas="John Smith" -->416-888-1234<!-- sphoneid -->