: How to make a book with multiple title levels less confusing? I am designing the layout for a textbook. The book is organized into themes at three levels: Modules Units Lessons

@Vandalay110

Let's add to iconography the obvious integral typographic and color modulations.
With the caution that integration adds further complexity! generatedcontent.org/post/21279324555/viewportunits. No doubt Matt West and Treehouse have something to this effect on the press as we write.

Three layers of content signaling is not a quick fix, when properly assembled.
ICON ~ TYPOGRAPHY ~ COLOR

Icon is artistically implemented, with pleasing variations assured.

Typography evidences linguistic and cultural revisionism. It is best to access professional publishing discretion here. Though simple adjustments, like Contents extension throughout main body organization (however stylishly stressed) should reflect subtle Contents implementation.

Color of Content text is somewhat problematic, due to very common individual color perception variance. That variance was topical (for me) in two concurrent Behavioral Science classes at University: suffice to say, greyscale conversion is an essential minimum. And probably the only safe endpoint refuge. Though reds and dark greens tend to be your 'safer' options.

Typography and color applied as "layout offset" are publishing tricks hundreds of years in the making. This technique in Contents introduces "drop subtitles", enabling an additional page-specific content layer. Typically the sub layer is applied at just one level, like say conserved iconography. For example:

(icon) TITLE
- chapter
-- section
(drop title) sub-section

This allows readers to filter iconographic titles and easily isolate subsection inclusions.

Vote Up Vote Down

@Angie364

I would propose that maybe we take an abstract look:

Could it be that your trying to communicate a structured message in a very small and unobstructing, easily accessible space? i.e. the edge of the page, for quick and easy physical navigation through the contents.

This is very similar to designing websites and apps for mobiles; navigation must be extremely obvious, but take up as little space as possible.

So what do they do?

One of the most effective methods is using iconography, symbols that are easily recognisable - even at tiny sizes, and either familiar from previous experience or quickly memorable.

How about using icons at one of the levels, at the top right of every right page.

So which level should we symbolise?

Well, in the case of a book, we have another dimension available for navigation, as others suggested, a natural place to look on a good textbook is the sides of the paper when it's closed, so the staggered approach is a good indicator to use, and of course it's only likely to be easy to physically use when applied on the top level of the navigation, because the steps need to be wide enough for the reader to target.

So first level:

___________________________
|===================[mod1]|
|=============[mod2]======|
|=======[mod3]============|
|_________etc..___________|


Simple, obvious, familiar and easy. The next navigation level of Units, is likely to be the best level to use symbols on, with the third level indicator nearby.

So you could introduce in the contents like so:

Module 1: North America
[¬]Unit 1: The Age of Sail
Lesson 1: Columbus
Lesson 2: Magellan
...


Then again at the start of each chapter:

_________________________________
| | |
| | |
| | Module One |
| | Unit 1 |
| | [¬] |
| |The Age of Sail |
| | |
|________________|________________|


Then at the edge of each lesson in the unit, something like this:

_________________________________
| | |¬|
| | **|
| | |
| | Lesson 1 |
| | Columbus |
| | .............. |
| | .............. |
| | .............. |
| | .............. |
|________________|________________|


Finally, you could place the third level right underneath the symbol like so:

____________ _________________________________
| | |
| | ==== |
| | || |
| |________|
| Columbus|
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
____________|_________________________________|


As long as you keep it away from the absolute edge of the page it won't obstruct the first navigation level steps.

So this way the process of finding something particular, once the reader is familiar with the book goes:

1. Find and open directly to target Module while book is closed.
2. Flick through at the top right corner fairly rapidly to find the unit icon.
3. Flick through a little bit slower to find the lesson.


If they're reading it for the first time, but looking for something specific, they'll naturally go to the contents page. You can introduce the indicator to them there, so steps 2 and 3 still apply.

Vote Up Vote Down

@Kaufman565

Something no-one has mentioned yet: Running headers.



This is where every page tells you the title of the section that you're in. Most layout applications like InDesign have features for this where you place a running header text variable in a master page set to look at a particular paragraph style and it pulls in the text automatically, with rules about what text to use out of the section number, name, both, or something else.

There's no reason why you can't mix multiple types of running header together for something that might look like this, at the top of every spread:



You might prefer to split these out across both pages in a spread, for example:



...you get the idea. There are no hard and fast rules, just consider what works for your particular needs and what is intuitive in your particular case. Which are more important to someone browsing the book out of section/unit/lesson numbers? Will any of these numbers be what they are looking for? How related or separate are these things? etc etc



Running headers can get a bit tricky when ranges are involved (e.g. Lesson 2 - Lesson 4 on the same spread), we've got a question on that.

Vote Up Vote Down

@Barnes313

You are over developing a process that some will never understand in the book world. The best advise I can give you is keep it simple. Many publishers use the Part/Chapter method and that is a process that usually everyone understands and I will explain.

Now there is two ways, depending on how you want to lay it out to execute this.

Part I

To distinguish what you consider as "module" you can layout your book as what is considered as a "Part". Some publishers will take a "Part" and if your book is black and white they will use a grey scale for the background. They will title the header in a typical bold font and list out the particular chapters included in the book.

(Example taking from Wiley's PHP Bible. Not the greatest design I like but a good example.)


"Chapters" to others you would consider as units and you can simplify the "Lessons" on the Chapter pages.



It would be wise to keep everything on the right page for the part and chapters. If this is for a digital edition I would create navigation links in the parts to each Chapter.

If this is for a colored edition. It is common to distinguish each "Module" as a particular color. What some would do is take the "Module section and use the color across two pages. The left page would be solid and the right page will have the info. Each chapter would have a strip of the chapter.

PART II

Many publishers are leading to establish each part at the beginning of the book like so:



If you choose this method and are planning a digital edition make each part a link to the "Modules". The down fall to this is each "Unit" will be harder to distinguish from.

Some advise. If this is for a printed edition its best to design with the common two page method but if this is for digital it is best to not have any white pages and it really doesn't matter how the book is designed because it is not typically common to view a digital book in a landscape. However, for quality I would take this into consideration. Many e-stores will charge based on how many pages are in the book so in a single page view removal of white pages would make it cheaper.

Vote Up Vote Down

@Caterina889

First, all chapter/module/lesson starting pages should always appear on the right page, not the left as in your examples.

I would combine the Module and unit page to a single page with the module number and unit title similar to how you have the unit page (but on the right)

_________________________________
| | |
| | |
| | Module One |
| | |
| | Unit 1 |
| |The Age of Sail |
| | |
|________________|________________|

_________________________________
| | |
| | |
| | Module One |
| | |
| | Unit 2 |
| | The Pioneers |
| | |
|________________|________________|


Then have a blank, and then the lesson start:

________________ ________________
| | |
| | Lesson 1 |
| | Columbus |
| | .............. |
| | .............. |
| | .............. |
| | .............. |
|________________|________________|


If this is a color text book you could differentiate the modules by a color bar bleeding on the right side. Varying the color for each module. When closed the colors would be visible on the page edges. If it's a one color text book you could use grey rather than color, but I'd probably stick to two grey values, a light and a dark, and alternate them.

Vote Up Vote Down