Wikidesign
 

DokuTouch Goes Mobile

DokuTouch just got better: Yesterday I finished the work on the mobile version of DokuTouch. Besides optimizations for small screens I also improved design elements like search suggests, the breadcrumb trail or the table of contents. I opted for even bigger design elements and font sizes. Big is beautiful! Every clickable element should be fingertip-sized and fonts should still be readable at 66.7% scale.

The small screen version is optimized for a width of 480 pixels. That's an iPhone screen in landscape orientation. I first tried to optimize it for 320 pixels, but it hardly makes sense and certainly no fun to edit pages at such a device width. You'd also run into bigger problems with elements like the breadcrumb trail, inline images or tables. So I think 480 pixels is a pretty good compromise.

Diskussion

Jeff, 2010/01/20 04:17

Hello again, Can't say enough how beautiful this template is! I have a feature suggestion: I use the plugin:uparrow plugin on my wiki and thought how awesome it would be to include in this template because of the floating top & bottom bars - just a little up icon button all the way to the right on either or both top & bottom bars. I'm gonna try to figure out how to do it myself, but I'm not gonna hold my breath! Perhaps even an up at the top right & a down at the bottom right! I know it wouldn't really apply to the mobile version - but on the regular it would duplicate one of my favorite iphone features - double tapping at top of page to goto top! Just a thought. –Jeff

Esther Brunner, 2010/01/20 20:07

You're right. I completely forgot about the „back to top“ button common in most DokuWiki templates. For the mobile version, I agree, this is no problem: You can always tap on the status bar in iPhone OS to scroll to the top. For the regular version, I'm considering to include the button in the top bar, but presumably not on the far right, because that position is always reserved for search.

Geben Sie Ihren Kommentar ein
BUAEA
 
Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht:CC Attribution-Noncommercial-Share Alike 3.0 Unported