sidebars
This commit is contained in:
		
							parent
							
								
									03efc83ab2
								
							
						
					
					
						commit
						06e9d38f43
					
				
					 3 changed files with 71 additions and 0 deletions
				
			
		| 
						 | 
				
			
			@ -20,6 +20,10 @@ this branch is about that.
 | 
			
		|||
            % id = "01HQ8KV8RWS99XKPBKCTZ3NEJM"
 | 
			
		||||
            - that ain't default behavior. :hat_smug:
 | 
			
		||||
 | 
			
		||||
% content.link = "design/sidebars"
 | 
			
		||||
  id = "01HR9ZTS6T2ZBWGMJP8376NGX1"
 | 
			
		||||
+ sidebars
 | 
			
		||||
 | 
			
		||||
% content.link = "design/digital-textures"
 | 
			
		||||
  id = "01HQ8JHZ5QTZXQW3M26CXPFQDF"
 | 
			
		||||
+ on digital textures
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
							
								
								
									
										59
									
								
								content/design/sidebars.tree
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										59
									
								
								content/design/sidebars.tree
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,59 @@
 | 
			
		|||
%% title = "maybe don't use sidebars on your website"
 | 
			
		||||
 | 
			
		||||
% id = "01HR9ZTS6PHTK6VRBF7S0M6MZ7"
 | 
			
		||||
- imagine if this page had a distracting bunch of text to the right of regular content. or even worse, advertisements.
 | 
			
		||||
 | 
			
		||||
    % id = "01HR9ZTS6P67VGVY6S460Q49HV"
 | 
			
		||||
    - fortunately I'm not cruel enough to do that (*and* also I'm lazy *and* also I'm at work at the moment so I haven't got time to do something wicked like that.)
 | 
			
		||||
 | 
			
		||||
    % id = "01HR9ZTS6P7AB97D6T177XMNKW"
 | 
			
		||||
    - these are sidebars in a nutshell. distracting, annoying, detracting from what you actually have to say.
 | 
			
		||||
 | 
			
		||||
        % id = "01HR9ZTS6PF06M7FD73VY9SN8R"
 | 
			
		||||
        - > enjoying this article? why not check out these 10 other articles while you're at it, even though you barely even read 30% of this one!
 | 
			
		||||
 | 
			
		||||
% id = "01HR9ZTS6PQ751GYMKN25YA4EC"
 | 
			
		||||
- try to arrange your content in reading order instead. don't distract one's eyes, guide them to the place you want them to be.
 | 
			
		||||
 | 
			
		||||
    % id = "01HR9ZTS6PGX3KEDJ7E8M794DE"
 | 
			
		||||
    - instead of displaying recommended or related articles in a sidebar, try to display them in a non-distracting way at the bottom of the page.
 | 
			
		||||
 | 
			
		||||
        % classes.branch_children = "branch-quote"
 | 
			
		||||
          id = "01HR9ZTS6PRPS2BJN8V1EPHTWA"
 | 
			
		||||
        - seriously, there's no need for anything more complicated than this:
 | 
			
		||||
 | 
			
		||||
            % id = "01HR9ZTS6PF3JRPQE4TS5DM09B"
 | 
			
		||||
            - If my blog piqued your interest, feel free to also check out these articles:
 | 
			
		||||
 | 
			
		||||
                % id = "01HR9ZTS6P1JJ2103E4QHATH3G"
 | 
			
		||||
                - [*on digital textures*][page:design/digital-textures], where I explore synaesthetic feelings in user interfaces
 | 
			
		||||
 | 
			
		||||
                % id = "01HR9ZTS6P73HSTZK6CP1RWQWG"
 | 
			
		||||
                - *[...so on and so forth.]*
 | 
			
		||||
 | 
			
		||||
        % id = "01HR9ZTS6PBFR78Y54HGGKXMF6"
 | 
			
		||||
        - note how I haven't even used pictures! I care about what you have to say, not what pretty pictures you managed to snap on your last field trip.
 | 
			
		||||
 | 
			
		||||
        % id = "01HR9ZTS6PHPAZSQ4YMH7XWBA9"
 | 
			
		||||
        + I personally don't even do that; the treehouse is unique enough in its structure is that it's a never-ending fractal of text, and you can keep on clicking and expanding parts you'd like to read.
 | 
			
		||||
        that isn't gonna work on conventional blogs though.
 | 
			
		||||
 | 
			
		||||
            % id = "01HR9ZTS6PKYGVTFF0F78XVXH2"
 | 
			
		||||
            - (I'm not saying this structure is any better than a conventional blog though.
 | 
			
		||||
            it has its own set of challenges you need to take into account while writing, like *when to split*, and *when to nest*.
 | 
			
		||||
            arguably, I still haven't learned how to write the treehouse well, but I think I'm getting better at it; compare [about][page:about] to this page and you'll see what I mean.)
 | 
			
		||||
 | 
			
		||||
% id = "01HR9ZTS6P484GD6Y9QR4TEGWD"
 | 
			
		||||
- I'm glad most individuals' blogs are foregoing sidebars, but unfortunately I still regularly see them on various news sites and older blogs
 | 
			
		||||
 | 
			
		||||
    % id = "01HR9ZTS6PCAWGEJNYXETFVDFT"
 | 
			
		||||
    - if you're designing a modern blog, consider structuring your page *vertically* rather than *horizontally*.
 | 
			
		||||
    limit distractions you show on the sides of the screen.
 | 
			
		||||
    they *really* are quite annoying when you're just trying to focus on the body.
 | 
			
		||||
 | 
			
		||||
        % id = "01HR9ZTS6PKZVXQE0VFVTNNQ6F"
 | 
			
		||||
        - not to mention mobile devices, which do not have the horizontal real estate to fit your sidebars!
 | 
			
		||||
        for those you have to arrange your website vertically anyways, so what's the point?
 | 
			
		||||
 | 
			
		||||
% id = "01HR9ZTS6P0H48X9990BRXFRS4"
 | 
			
		||||
- to summarize: don't use sidebars. arrange sites vertically. limit distractions.
 | 
			
		||||
| 
						 | 
				
			
			@ -10,6 +10,14 @@
 | 
			
		|||
 | 
			
		||||
[read][page:programming/blog/tairu]
 | 
			
		||||
 | 
			
		||||
% id = "01HR9ZTS8RS4VJNJYSNRQYSKHZ"
 | 
			
		||||
- sidebars! also known as, *"enjoying the main content? how about I distract you from it so that you can't focus!"*\
 | 
			
		||||
seriously though. I don't like them.
 | 
			
		||||
 | 
			
		||||
### design: sidebars
 | 
			
		||||
 | 
			
		||||
[read why I don't like them so much][page:design/sidebars]
 | 
			
		||||
 | 
			
		||||
% id = "01HQ8KV8T8GRCVFDJ3EP6QE163"
 | 
			
		||||
- I started a branch on user interface and user experience design, because I was working with mintty at work and had some thoughts about it.
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue