Category Archives: design

Design challenge 101

So, it’s late October, which means I have to brush up on my design skills in preparation for all things Book Fair.

Looking back at my history with design, I think it started when I was in middle school as a group of friends and I put together a literary magazine called Wet Ink. In high school, I took a photojournalism course, where the instructor introduced me to merging graphics with photography on old school MacBooks. He then suggested, because of my enthusiasm, that I consider joining the yearbook staff, which I did. I was one of those eager beavers, on the staff for both yearbook and newspaper. The whole writing, layout and technology combination had me hooked.

I’m convinced kids who take part in journalism and any media arts course are so much better equipped for the world. If you need proof, look into JEA and their annual journalism conventions. I’ve been to two of their conferences, and the students who I saw were all seriously passionate and ready to take on the world.


Volsung yearbook staff ready to take on the world.

Having “done design” for so many years, I’ve come to find it’s a challenge, not just to meet the deadline, or to effectively communicate a message, but more so a challenge to myself. There’s the puzzle of trying to get all pieces of the message out to the audience, and still have something that looks good, while also generating interest and buy in. It’s not unlike library work, where you find yourself juggling multiple tasks and each day brings something new.

This year will be an interesting one in terms of design, largely because our annual Book Fair starts for a day, and then stops. It resumes for an abbreviated 4 days thereafter, but a lot of our key dates, which our families have grown accustomed to, have changed.

When I first sat down to begin the work of putting together our booklet of materials, I realized that these changes needed to be addressed. At the same time, I also realized that a bunch of the information on events that are forthcoming was missing.

One of the challenges in working with a group of people to put on an event that runs for a week is that communication doesn’t flow in a linear fashion. You have one group of individuals working on event A, another on event B or C. And then there’s me, working to make sure all this information on all these inter-related events is collected and written about in a way that parents can quickly make sense of everything given their busy and hectic lives. (And on whichever is their preferred device).

Challenge, right?

It becomes more of a challenge when you consider that I have to put together a 16 page booklet on top of my usual library work. This includes scheduled classes yes, and also drop ins for book talks or research on specific topics, and coincidentally this year, working with a group of students for their speech and debate tournament.

Needless to say, October through November are pretty stressful months.

On Thursday, I sat down to carefully look over what was known, and what was unknown in terms of Book Fair events. I started with the Parent Author Brunch and whittled down key components. Dates. Times. Individuals involved. Graphics/photos. Copy/Text.

I usually refer to what I created the prior year and here’s how last year’s print document looked:


2015 print version – what works?

After comparing events, I realized that this year’s content would be a whole lot more sparse (fewer individuals and books involved). I played with the components and wrote out what key pieces of information needed to be relayed:

A: Vitals: Date, time, location
B: Event timeline
C: Individuals/books (with high resolution graphics)
D: Info on how/were to register and $25 fee
E: Required logo
F: Copy and text “blurb” describing the event.

What needs to be mentioned?

What needs to be mentioned?

Our Book Fair chair had kindly created a flyer that worked as a rough first pass. Unfortunately, it was heavily edited as my boss attempted to figure out where to move images and where to place content.

Yikes! Lots of edits!

Yikes! Lots of edits!

From my sketches and notes, I had a rough idea of what was required, but I needed a little design inspiration. A quick browse on Pinterest resulted in this lovely graphic, and I loved how the three words were stacked on top of each other, with the dates clearly visible.

Gorgeous layout!

Our event was also a title with 3 words, plus the date had changed and making it stand out at the top would mean it’d be easy to see. A little more doodling followed after I saw the image and I opted for a two column design. (Note how I wrote in GUI interface in the upper right hand corner. It was jotted down as a possible search term on Pinterest. There’s some amazing stuff being designed there which highlighted the things I wanted to emphasize; mainly the date and time.)

Reworking the design.

Reworking the design.

With the design framework a little more fleshed out, I hopped onto the computer and launched InDesign. Work on the layout could begin! It went through a series of changes, and still may undergo some more changes as we finalize the book, but here’s how this year’s info for the Parent Author Event looks:


First pass at layout. A-F components plugged in.


2nd round of layout.

Notice the second layout is more text heavy. In the first, I had thought there’d be two different areas of copy. After writing out the copy, I realized it didn’t make sense to create a split on the info, so kept it all in one chunk. There was extra white space, which was filled with a combination of other images tied to the visiting author’s book. Then, directly underneath, would be the the required credit for author photo and website photos.

So that was what I worked on this Thursday. On Friday, I repeated the process for the FAQ and Book Club amongst other things. It was a LOT of work spent sitting in front of the computer for over 6 hours. I’d try to focus on one thing, but then would have to backtrack to make a minor edit on another item. Or I’d make a change and new info would come in via email, requiring that I edit on the fly.

I’m fortunate to be working with someone else this year, which is a nice change. We talk shop, or laugh when my tiredness gets the better of me. (I was running on about 6 hours of sleep between Thursday and Friday).

My old yearbook jokes from the 7th Guest games we played kicks in here. I kept saying over and over on Friday, “that’s not it” whenever I need to edit, undo. (Thanks for the voice, Mike Lopez!)  I’m finding that working with another person keeps me on my toes, makes me want to improve my work, makes me stay obsessively organized in terms of file saving/storage as we need to swap files back and forth.

An email went a while ago at work, asking how we balance work life, stress and personal life. After a two day push, I’m not sure how I feel about the crazy amount of time and effort put into the booklet. A good part of my enthusiasm over the years has dwindled whenever I had to start work on it, precisely because of how time consuming and draining it can be. Now that I’m working with a design partner, I don’t know if I want to introduce her to the same crazy work ethic, where we push and push to meet a deadline (and at what cost?)

There’s still a lot more work to be done. I’ve tackled the design challenge, but have some thinking to do on my efforts put into making the booklet happen.

September 12-16: Book Shopping

So what are we going to focus on in the library this week?

Over the summer, I was fortunate enough to take part in nErDcampMI, where during day two of the un-conference, I was granted the gift of sitting in a session for over an hour to do nothing but simply read. It was something of a revelation when I discovered: I’ve been in this profession for close to ten years and this was the first time I had a chance to not only chose what I wanted to read but was also given the time to read.

While I strongly agree with other librarians that it’s important that kids read for pleasure, I’ve become more aware of how I need to give students the time to browse and select books they find interesting. Often, when engaged in reading with lower school students, or book talks with middle school students, I’ll share snippets about books I’ve come across and am passionate about — but it’s just ME doing the sharing and I’ll allot at most 5-10 minutes for students to look for a book.

That’s really not a whole lot of time to carefully select a book that we expect a child to invest a good week or two with, when you think about it.

I was introduced to Carter Higgins at a CAIS conference a few years ago and Pernille Ripp recently as part of nErDcampMI. Both have opened my eyes to how I want to change my approach in sharing the joy of reading with students.

To circle back to the question in paragraph one: this week, we’ll be discussing how you judge a book by its cover. As much as we claim we should not do it, there are certain ways that books are designed to draw your attention. I’m curious as to what students pick up on (colors? fonts?) and what they feel draws them into a story.

We’ll be, to borrow a phrase, going book shopping.

On reflecting on the upcoming week, I’ll be merging two of the worlds I’m passionate about: books and design. I’m excited to share how a certain color can evoke a certain mood, how illustrators work to give hints about what may occur in a book, how sometimes, a cover is incredibly deceptive and how you may gravitate towards a book precisely because of the illustrations on the cover.

For our kindergarden students, this is a significant first step in a long road ahead for not just developing book selection skills, but associating the printed word with a positive or negative response.

Cover. Color. Fonts. What’s shown in illustrations (or what’s not shown). How the illustrations are drawn. What the illustrations evoke and suggest.

We’ll be taking our time to explore this week, and I’m so looking forward to it.


Sample covers (images forthcoming):

Grades K-2
• Fiction/Non-Fiction
“Cats” and words describing how each look
•Bad Kitty by Nick Bruel
•Pete the Cat by Eric Litwin
•Ballet Cat by Bob Shea
•Cat in the Hat by Seuss
•Puss in Boots by Charles Perrault
•Skippyjon Jones by Judy Schachner
•Chester by Melanie Watt
•Mr. Wuffles by avid Wiesner

Grades 3-4
Judging a book by a cover as related to individuals — My Teacher is a Vampire by Mary Amato and Fish in a Tree by Lynda Mullaly Hunt

•Ada Twist Scientist (review)
•Marisol McDonlad Doesn’t Match by Monica Brown
•Round is a Mooncake by Jenny Thong
•Alvin Ho series by Lenore Look
•Maddie’s Fridge by Lois Brandt
•The Hundred Dresses byEleanor Estes

Middle School
Cover design color, content, fonts

•Breadcrumbs by Anne Ursu
•My Life with the Lincolns by Gail Brandeis
•Halloween Tree by Ray Bradbury
•These Shallow Graves by Jennifer Donnelly
•Jungle Book by Rudyard Kipling (old vs. movie version)


Smore walkthrough

Smore is now the preferred platform on our campus to share information across the levels to faculty, staff, parents and students alike.

As a newbie to Smore, I looked through some of their featured flyers to get a feel for what’s possible, before launching in to play and explore a little more in depth.

To be honest, Smore is, I feel, a simpler and more limiting program by virtue of the fact that it only concentrates on the creation of newsletters and flyers.

Upon signing up and logging in, users are asked to identify what they are promoting and given seven options for templates (including one to start from a blank page):


Smore’s start options has considerably fewer options

For my purposes, I selected a news bulletin and the screen changed to the following:


As a designer of the newsletter/flyer I could now click through to make changes to any number of things: the headline/title, a subheadline, additional text. I could also change (in the right hand column) the color, background and fonts.

Here’s where I find the greatest difference between Canva and Smore. Whereas Canva strives to help users become better designers, Smore seems to do the deliberate opposite.

The options for fonts, backgrounds and colors make it so that newsletter/flyer designer can change everything that detracts from the most important item on the page: the content.

Having worked with students on traditional papers, presentations and the like, sometimes giving an excess of options leads to a) wasted time and effort on selecting the fonts, backgrounds and colors that likely lead to b) a jumbled mess.

No bueno from a design standpoint.

However, there is a redeeming option of selecting a “minimal” design — which in essence wipes out all traces of backgrounds to your standard, go to white (or some form of light pastel).


Yawn. At least it’s readable, right?

My word of design caution when using Smore: Focus on your content, please. Make it readable and don’t try to “jazz” up your page with extraneous things just because you can.

Respect your reader.

If I’m being too hard on Smore, I will say there are some benefits to using it that I simply do not see with Canva. For example, Smore encourages you to add more stuff to your flyer and with one click, you have a set and targeted area where your content lives. (Canva employs a more haphazard method where YOU need to move said element to your desired location).


Additional newsletter elements.


…but adding photos can be misleading due to the placeholder image

Mostly, the spaces where you can add elements are arranged horizontally across the screen and as I plodded my way through creating my newsletter/flyer, I encountered additional obstacles that made the program less and less appealing.

The first was when I attempted to add two photos using the picture>photo album option. In the preview above, there is a placeholder image that rests on the page in the far right column.

It is a misleading image, because the image disappears when you go “live.” Nonetheless, it took me a few extra minutes to figure that out. I was looking for a way to remove the image, to no avail, thinking I had to rework my design and a simple note mentioning that it was merely a placeholder would’ve helped.

The next thing I found frustrating was the process of inserting photos. Doing so with Smore requires that you have an image that can be dragged from your desktop. In this day and age where images flourish on the web, I was disappointed there wasn’t an option to link to an image via url. Not having to save files onto the desktop makes me ecstatic as I save precious memory on my desktop. Having an option to link to image url would’ve also been nice.

Other morsels of frustration included the inability to change the alignment of text (or font size), buttons that didn’t look like buttons, embedded links that do not allow you to edit what’s shown, and my inability to preview certain features like the ones for event and payment—without having to first upgrade.


Buttons? Looks more like a banner. Can’t edit the width or shape.


Can embed a link. Can’t change what appears if the link is text based. But great for videos.


Event option shown, but not available w/o an upgrade.

Smore must be doing something right, as reviews for it are high amongst users and my brief look through the featured flyers shows some have garnered over 1000 + views.

Is there something that I’m not seeing?

Notwithstanding my above criticisms of Smore, I believe the reason why it’s so popular is because it uses the grid system (with columns and rows) to help present information in a formulaic fashion. Content is contained vertically or horizontally, eyes follow the larger items to other elements neatly organized in rows or columns. For a newsletter/flyer it works because it’s utilizing one of the oldest design principles.


Grids = structure.

What has me intrigued with Smore are some of the backend functions and what they have “coming soon” in the pipeline.

Understanding that not everything is meant to be live or for all the world to see, Smore offers unique privacy options that you can adjust for all manner of things:


Note the custom domain and Google Analytics options on the bottom right. For the advanced user—possibly one who envisions directing users to their Smore page on a frequent basis—you can customize the domain so it reads something like rather than the automatically generated url.

Plus, you can even insert your Google Analytics code to easily track and monitor who is visiting your page, when, using what browser, redirected or linked from which website.

To note, there is a built in analytics function within Smore that tracks how many folks have viewed your newsletter/flyer. Alas, I was not able to preview what it looks like, but if I’m not mistaken, I’d guess it’s structured much like Google Analytics.

Also: a word here about analytics. I find it intriguing to take something used in the business world and apply it to education. NPR recently did a segment showing how analytics improved contact with students that would otherwise get left out/behind. The example was from a community college, but I can’t help and think, how does/can it apply to schools in general?

Other pluses: Smore provides a wealth of sharing functionality which segues nicely into our ever digital world. You can send your creation via email or social media, and as ever there’s the option to print and embed:


Sharing options galore. If only I can permanently remove the Promoter pop up…

Finally, a feature I noticed dimmed out, but listed as “coming soon” was one for payment — it leads me to think about storefronts, small business, e-commerce. Perhaps, in the school setting, built in fundraising or purchasable  “wish lists” from classrooms?


Payment: bottom right

It’d be interesting to see how that feature plays out, what types of payments are allowed: credit, PayPal, bitcoin, ???.

I’ve been creating newsletters/flyers since the 90s so the buzz for Smore had me more than perplexed. Does Smore help design and present information in visually appealing way? Yes. Does Smore make it easy to disseminate that information across multiple platforms? Yes.

Have I used it to create a final, finished newsletter that I would want to share? No.

If the minor limitations that I noted can be fixed, I’d be close to joining the bandwagon. For now, I’m waiting to see what develops with their payments feature and giving them a little more time to tidy up a few flaws.

Canva vs. Smore. Which is better, next time.


Tips on hosting an author

It’s getting grueling with design stuff at work and to bring the fun back into my world, I needed to remind myself why I love to do what I do:

Design + library = <3

As you may or may not know, I’ve been exploring different online design programs of late, and this comes on the eve of our school hosting two amazing authors on campus this year.

Each and every time an author agrees to come visit, I am so thrilled, excited, thankful and grateful. I know that not all schools have this opportunity and that we are able to get more than one author each and every year simply amazes me.

And so, I thought I’d put together this little infographic:

tips on hosting an author (2)