The 13 Core Components of E-Book Design

The 13 Core Components of E-Book Design

Photo by misocrazy

Last week, I put out survey to see what do you really want to learn from By Bloggers?  I was surprised to hear that the focus was so skewed towards design.  Many, many people were interested in finding out how to design an e-book.

Next to designing an e-book, you want to know exactly how to put together an e-book on a budget.  Creating a product can be pretty damn expensive. For an e-book design, By Bloggers charges an average of $800 for creating an e-book.  For someone looking to create an e-book for the first time, that is out of the budget.

When you consider all of the time that goes into creating an e-book, the cost is not as astronomical as it sounds.  E-books need to be designed (and that design refined or revised); content needs to be added to the design; pictures need to be found, created or illustrated; links and table of contents need to be put together.  It is a long process and the hours add up- it makes sense that people want to know how to put a product together on a budget.

I told you in my last post that my word for the month of February is service. How can I serve you better?  Today is the first part of that answer.

Over the next four to six weeks, I’ll be guiding you through the process of creating an e-book – ideas, planning, content creation, design, layout, publishing, multimedia, and even a little bit about launching.

Before we get there though, I want to cover, “What is e-book design, and what are the components of an e-book?” Many first time e-book authors think, “I just need a cover and a Word document.”  That thinking is the first step toward creating a sub-par e-book (think special reports – bleck).

The truth about e-book design is that there are MANY elements that need to be designed in order to create a beautiful final product.

Every element that I’m about to cover is not critical, nor does it require the same amount of design attention.  What you should take away from this list is an idea of how to spend your time during the design process.

The Critical Elements

1. Cover

When people think e-book design, the first place their minds go is the cover.  What does the cover look like? What type of images will be on it? A photograph? Typography? An illustration?

The possibilities are endless, and you should definitely spend a solid chunk of time on your cover design, but don’t forget the rest of the components of designing an e-book.

2. Table of Contents

An e-book table of contents should be two things: organized and functional.  If your e-book is going to be more than 20 pages long and you want your audience to come back and use your e-book as a resource, you need a table of contents.

Organize your Table of Contents based on the headings you have in your e-book.  In most publishing software, there is an automatic function for this so there is no excuse for not having one.  If you can take the time to make sure that the sections link up with the headings, you’re going to save your user a significant amount of time every time they open up your e-book to find a specific piece of information.

3. Headers & Footers

Topics and headers are rich treasure troves for design opportunity.

Page Numbers

I’m throwing page numbers under headers and footers because that is where they usually end up unless you’re getting really fancy.  You can go all out with your page number designs, making them big and bright and colorful, or you can go simple and that works just as well.  You can spend time on making them an integrated part of your design, but you can also keep them simple and utilitarian.  Do what works for you.

4. Topic Headings

Headings come in a variety of flavors.  Just like in HTML where you have h1, h2, h3, h4, h5 and yes, the infamous h6, your e-book can and should have a variety of headings.  These let people know if they are entering an entirely new topic, or if they are just coming to a new sub point in your teaching.

Use the various levels of headings to create an organizational hierarchy.  If you read Epic E-Book Creation, one of my biggest points when talking about user experience is that you must create a hierarchy so that the reader knows where they are and what to expect in your e-book.  You want them totally focused on the lessons within your content, not figuring out what the heck they are looking at.

5. Lists

I love lists.  You love lists.  Everybody loves lists.  If you don’t believe me, look at your stats.  I bet you’ve got list posts that got lots of comments and retweets.  They are easy to consume, very digestible and useful for the scanning patterns that most readers have.  They’re not just for blog posts though.  You can use lists as an excellent addition to an e-book.  And you can design them so they’re pretty and clear and separated.

6. Photos, Graphics, Images

The biggest component of designing the images you are using is to have them match or reflect your content and to match your style.  If you have a very graphic e-book, consider finding illustrations instead of photographs.  If you are using photographs prominently, don’t go all cartoony.  Consistency is key.

You aren’t really “designing” the images you use when you’re adding them to an e-book; you are considering them as a design component.  Consider the white space around your pictures.  Consider if the heading and body text will wrap around or overlay the images.

7. Links

Have you ever been to a blog where you couldn’t tell what a link was and what wasn’t?  This happens even more frequently in e-books.  Or, you see a lot of standard bold, blue links.  These are fine for usability, but they aren’t really sexy.  Good design can add sex appeal to something as fundamental as a hyperlink, so be sure to give it some thought: color, font-weight (bold or normal), underline, italic and backgrounds are all

8. Quotes

Want to share a quote or indent some text because it is of significant importance?  Make sure you take a moment and think about how you design your quotes.  Fancy quotation marks, author attribution and where it’s from are common things to share when you consider a quote.

9. Body Copy

Twelve point, double-spaced, Times New Roman might be great for putting together a school report, but it sucks for an e-book.  You need to seriously consider how you design the typography for your e-book: the fonts you choose, the white space you use and the colors of all of the elements.

Non-Critical Design Elements

1. Section Cover Pages

One of the best examples I’ve seen of a section cover page is in Sell Your Crap by Adam Baker.  When you open up his e-book and start reading it, every single section has a cover page.  They are consistently designed so that you know when you have reached a new section of his e-book.  Very clear, very useful, very simple.

Consider using section cover pages when you have broken your e-book into separate modules.

2. Call Outs

Sometimes these are called tool tips, sometimes they are suggestions and other times they are random asides.  Typically, they look like small boxes that have small comments or suggestions in it for your reader.  In The E-Book Creation Explorer’s Guide, I gave the By Bloggers mascot a name, “Bob,” and at the end of every lesson, he would pop in and deliver a succinct lesson.  There are call outs in Epic E-Book Creation that have small tips that aren’t from Bob and take place in the sidebar.  Just like page numbers, these can be as simple or as ornate as fits your needs when designing an e-book.

3. Graphs & Statistics

When was the last time you looked at an academic science journal?  Probably been awhile, that’s no problem.  One of the things that really gets me about these things (yes, I will peruse an article or two every once in a while), is that their graphs are hideous.  They are worse than the cheesy chart designs that come bundled with Excel (which are getting better with each release of MS Office).  Their goal is to communicate data.  Ease of use and clarity of design have proven to be massive factors in how well we retain information.  Consider this when you add graphs and charts into your e-book.

4. End of Chapter

If you have anything special that goes on at the end of a chapter or section, it can receive its own, “style guide,” so that every time that you arrive at the end of the chapter, the reader automatically understand, “This is the end of the line. Time to move on.”

You can make these as simple as a page break, or as elegant as a graphic that will go below the last line of content.

How Do You Decide What Needs to Be Designed?

Whether you intend to or not, every element of your e-book is designed.  If you’re not considering these things, they are happening by accident.  What you can decide is, “Do I need to include this design element?”

There are elements that are not critical – such as a Section Cover Page or a Call Out.  You choose what is included in your design by asking the question, “Is this going to serve my audience?”

If the answer is yes, then you should include it and consider how it will be integrated into your design.

What’s In Your Design?

When you sit down to create your e-book design, what do you think about including?  Are there any elements of e-book design that seem unclear to you?   Let me know in the comments!

{ 13 comments… read them below or add one }

Ainslie Hunter February 7, 2011 at 5:02 pm

Hey Jonathon,

Many thanks for the information my friend. I was one of the many that chose ebook design and I knew you would deliver for me. Can’t wait to read more on the series, but I think it will end up showing me that it is worth the money to pay someone to design my ebooks. Design is not my strength.

I love beautifully designed ebooks, and I think they create a legacy for the writer. So well worth the money spent

Cheers

Ainslie
Ainslie Hunter recently posted..Does Your Membership Site have a Washing Machine Demonstration

Reply

Jonathan February 7, 2011 at 5:20 pm

Hi Ainslie!

It can be a lot to undertake, but I think there are two questions tie it all together when you’re creating an e-book:

  • Is this serving my audience?
  • Are my [design/writing/presentation] choices consistent?

If you can answer those affirmatively, then you’re on the right path. There are a ton of nooks and crannies to experiment in with design. You don’t have to do them all at once, or at all.

Once you find a style that works, it can be great to replicate in the future – again, consistency is key :)

AND… may I say that it is wonderful to hear that you would invest in a designer – many people don’t realize the value they get from collaboration.

Reply

Bridget February 7, 2011 at 7:10 pm

This is going to help a lot of people. It’s the little details like this that give a reader context and make them comfortable. They aren’t hard to learn and they make a huge differences.
Bridget recently posted..Bright Lights Big Shadows

Reply

Jonathan February 7, 2011 at 9:38 pm

I totally agree – It can be be so hard to create something amazing when you don’t know the parts of what you’re supposed to be creating.

Reply

Stefanie Frank February 7, 2011 at 7:20 pm

Love. This. I was struggling with how to design the work book for my latest program and coming across your blog when I did (about 7-10 days ago) was like a breath of fresh air.

The single most important point I’ve received from your stuff on design (so far)? When you listed Powerpoint as a way to do design. OMG!

I’m sailing through my work book design on Powerpoint it’s the best looking one I’ve created to date! Sometimes it’s just one little thing . . . of course now I keep coming back for more and am excited to share your stuff with others.

Plus I recommended to someone just the other day that he try Powerpoint to design his new free report.

Thank you. :-)
Stefanie Frank recently posted..Be a Compassionate Writer

Reply

Jonathan February 7, 2011 at 9:40 pm

That’s so good to hear about Power Point! It really is an underestimated design tool, good for more than just slideshows. I really like InDesign, but Power Point has amazing capabilities to create great text effects and to work with images.

When you combine it with something like Photoshop or GIMP so you can get exactly the image style you want, it’s a tough combo to beat.

Reply

Melody Granger February 7, 2011 at 8:37 pm

Thanks for sharing this! I am starting an ebook workshop next week – learning things backwards is my style, so I figured it’s time to learn about Amazon/Kindle, ISBNs, and those things. Then, I’ll write my Book that’s been needing to get out of me for years. The advantage of not getting it out sooner is time…it will be even better.

BTW, loved Baker’s Sell Your Crap book. I am torn between reading it when I’m about to write a book close to the same genre. Hmmmm…..

Now, I’m off to get more acquainted with what you do.
Melody Granger recently posted..The Home Organization Process- The 100 Free System that I Used to Organize My Home Over the Past Year – that Can Help You Organize 3 Areas in Your Home Over the Next 30 Days

Reply

Jonathan February 7, 2011 at 9:50 pm

Welcome to the site, Melody!

What e-book workshop will you be doing? I’d love to hear more about it.

As far as reading SYC before writing your own, I think it is a good idea. Think of authors that do research before they write books – as long as you credit anything you copy/share/quote, you’re just giving yourself a leg up. Expressing it in your own words to your own audience will provide value to people that perhaps Baker doesn’t reach.

Keep it in your voice, built around your teachings, and you’ll be fine.

Reply

Melody Granger February 8, 2011 at 10:43 am

Hey Jonathan,

The 4 week module course is: Publish Your E-books Workshop
Given by Del Williams at PortraitofABusiness.com.
Basically covers setting up accounts on Amazon, B&N, Smashwords, & iBookstore; Formatting; Making cover for free; & Promoting

Now that I’ve dug into your Epic Ebook Creation (which I freaking love! I passed the I’m excited to keep moving forward “test” vs feeling tired part) I see what you mean by researching/resources I can use to complement and make my ebook even better. Thanks for the advice because I was seriously worried about that! I feel mucho better.
Melody Granger recently posted..The Home Organization Process- The 100 Free System that I Used to Organize My Home Over the Past Year – that Can Help You Organize 3 Areas in Your Home Over the Next 30 Days

Reply

Jonathan February 8, 2011 at 10:51 am

Thanks for the info! I’ve done a fair amount of conversion and e-reader setup, but I haven’t marched far enough into the e-reader publishing world yet. Perhaps that’s a potential area for future exploration.

Reply

karen gunton February 8, 2011 at 2:15 am

thank you for these excellent tips! i am just finalizing my first ebook and i am proud of myself for getting much of this right, but there are somethings now i see i didn’t think about. fantastic advice, i will be visiting again for sure! =)

Reply

Jonathan February 8, 2011 at 10:45 am

Nice job, Karen! Great to see that you’re on the right track. Can’t wait to see more of you :)

Reply

Bryan March 8, 2011 at 10:29 am

Jonathan,

Excellent posts. I have written several books and I enjoy writing and giving away my eBooks about ADHD for free. Since I started I have always considered design to be important to help engage the reader, especially those of us with ADHD :) You have several tips I’ve put into use and since this latest eBook is my longest yet I took your advice and included a TOC that is clickable. I’ve also included a link on every page that readers can click to return to the TOC. I have used Publisher in the past with great success, but because this latest eBook is over 50 pages I decided to use Word. I have been amazed at what is possible in Word and just don’t understand why some designers don’t like it. I suppose that may be because some write their book in word and simply convert it into PDF without headers, footers and other design elements? Is that what they mean? I’ve included all of that and actually I really enjoy skimming back through it, looking at the photos, reading the lists and bullets. I hope my own enjoyment will translate into my readers enjoyment too.

Have you written an article about what settings to use when converting to PDF? Such as should the bookmarks be shown? What settings for security, usability etc? If so, please direct me to it and if not, would you consider putting such an article together for us?

Thanks again,

Bryan
Bryan recently posted..Where in the world is Bryan

Reply

Leave a Comment

CommentLuv badge