Develop and Download Open Source Software

OpenSource Downloads

7-Zip  (4,208)  
HandBrake Japanese Language Version  (3,353)  
CrystalDiskInfo  (1,743)  
CotEditor  (1,120)  
CrystalDiskMark  (866)  
Boookends  (788)  
SMPlayer  (642)  
えこでこツール  (599)  
Tera Term  (595)  
10  FFFTP  (579)  
11  Cabos  (530)  
12  BathyScaphe  (494)  
13  ffdshow  (481)  
14  MergeDoc  (464)  
15  ギコナビ  (438)  
More >>

最近ブックマークされた記事

iPhone対応Webサイト構築入門(後編)

2008年10月31日 18:00 松島浩道 1 2 3 4 5

・多用しないナビゲーションリンクや項目は隠す

 複数段レイアウトのWebページを1段組に変更すると、それに伴ってページの最初/最後に大量のナビゲーションリンクが表示されるようになることが多い。これではメインコンテンツにたどり着くまでに多くのスクロールが必要になり、ユーザビリティが悪い。そこで、ナビゲーションリンクは階層構造にして、タップで表示/非表示を切り替えられるようにする(図3)。

図3-1 図3-2
図3 開閉可能なナビゲーションリンク。見出しをクリックするとリンク一覧が表示される

・メインコンテンツが長い場合は適切に分割する

 メインコンテンツが長い場合、多量のスクロールを行わなくても目的のコンテンツにたどり着けるようなユーザーインターフェイスが望ましい。たとえばブログやニュースサイトなど、記事ごとにタイトル+本文がついているようなサイトの場合、タイトルクリックで本文部分の表示/非表示が切り替えられる、といったインターフェイスが考えられる(図4)。

図4-1 図4-2 図4-3
図4 デフォルトでは本文は表示されず、記事タイトルをクリックすると本文がせり出してくるインターフェイス

最終更新:2009年07月06日 16:41