管理画面・編集画面のリニューアルを行いました

4月28日より事前公開しておりました新管理画面・編集画面を本日正式にリリースいたしました。どうぞご利用ください。

今回の新編集画面のリリースに当たっての、変更を行った点、およびコンセプトは以下のとおりです。なおこの内容は、4月28日(id:hatenadiary:20060428)にて公開させていただいた内容を、加筆訂正したものです。

管理ページのデザインコンセプト

管理ページのデザインのリニューアルにあたって、新たなデザインを決める際の基本となった考え方は以下のとおりです。

  • はてな全体や、ほかのサービスも含めた管理画面全体のデザインの統一を図ることを計画しており、その一環として基本デザインを決定いたしました。
  • サイドバーにナビゲーション要素を統一することによって、メニュー項目を一箇所に集めました。これにより、メニューを探す労力が少なくなることを期待しています。
  • 蛇腹式(選択するとその内容が表示される)にすることで、頻繁には使わない機能をメニューから減らし、シンプルで見やすいサイドバーを目指しました。
  • メニューを上部でなく左側に配置していることにつきましては、上部の場合は横に増えていくのに対して、横においた場合は縦に増やしていくことが可能なためです。横スクロールより縦にスクロールする方が自然であり、今後機能追加が行われ、メニューが増えた場合や関連した情報を表示する場合も拡張をしやすくなります。
  • 各ページの右上に画像を配置しました。これは、左上のサービスロゴとあわせて見ることによって、現在利用しているページがどのサービスの何のページかを直感的に理解できるようにするためです。

設定ページについて

はてなダイアリーにはたくさんの設定項目が用意されておりますが、これまで設定画面があまり整理されておらず、見づらい状態となっておりました。そこで設定項目の振り分け方を見直し、細分化することでひとつの設定画面ごとの項目数を減らし、設定を行いやすいようにいたしました。

編集画面の3種類のモードに関して

編集画面はダイアリーをご利用の際に頻繁に利用していただくページです。そこで編集ページをより多くの方に、より快適にご利用いただくために、今回のリニューアルに際しまして、編集の3種類のモードのコンセプトにつきまして再検討を行いました。これらのモードについてのはてなとしての考え方は以下のとおりです。

標準モード

標準モードは編集に関してはてなが提供するすべての最新機能をご利用いただけるモードです。ほぼすべての追加機能は標準モードに適用することを前提として開発しております。

シンプルモード

シンプルモードはできるだけシンプルな画面で編集作業を行っていただけるよう、標準画面からサイドバーや編集支援ツール(太字・色設定などのボタン類)、プレビュー機能などを省いたものです。日記の更新をできるだけシンプルに行いたいとお考えの方に適したモードです。
なお、デザインにつきましては、標準モードの機能の中から、最低限提供させていただきたいと考えている機能を標準モードと同時に公開できるようにするたに、標準モードと同じスタイルを適用していく予定です。今回のリニューアルでは、バックアップや入力フォームのサイズ変更などの機能を追加しております。

クラシックモード

クラシックモードは、はてなダイアリーの初期の編集画面をほぼそのまま踏襲した編集画面で、ダイアリーで利用しているテーマが適用されるようになっております。今回のリニューアルによる機能追加は行っておりません。
クラシックモードは、長年にわたりはてなダイアリーをご利用いただいており、できるだけこれまでと変わらない感覚で日記を書き続けていただきたい、とお考えの方に適したモードとなっております。
また、編集画面にもご自分で選択されたテーマが適用されていることから、なるべく日記を実際の表示スタイルと変わらない雰囲気で編集したい、とお考えの方にも適しています。

編集画面に追加した機能について

編集画面には今回以下のような機能を追加いたしました。

プレビュー機能

これまでも日記を書き終わった後に内容を確認するプレビュー画面は用意されておりましたが、今回さらに、日記編集中にいつでもその内容をチェックできるプレビュー機能を実装いたしました。編集中の画面とプレビュー画面はタブで切り替えが可能となっております。この機能は標準モードのみでご利用いただけます。また、この機能はInternet ExplorerおよびFirefoxのみでご利用いただけます。

バックアップ機能

バックアップ機能は、定期的に編集中の日記の内容を保存する機能です。これにより、日記を書きかけのままページを閉じてしまった場合や、間違えて内容を消してしまった場合に、過去の内容を復活できます。この機能は標準モード、およびシンプルモードでご利用いただけます。こちらの機能につきましても、対応ブラウザはInternet Explorer 6FirefoxSafariとなっております。また、バックアップ機能ではFlashを利用しているため、Flash Playerをインストールしていないブラウザではご利用いただけません。また、対応するFlashのバージョンは8以上となっております。それより古いバージョンのFlash Playerをご利用の場合にはご利用いただくことができません。
また、バックアップ機能は「編集設定」よりオフにしていただくことも可能です。

入力フォームを可変に

これまで入力フォームのサイズは2段階のみに変更が可能でしたが、横幅をブラウザのサイズに合わせて可変にするとともに、縦幅につきましても入力フォーム下のバーをマウスでドラッグしていただくことで、サイズの変更ができるようになりました。

フォトライフボタンの強化

これまでも編集画面にはフォトライフボタンがありましたが、これは画像をアップロードすることを前提としたものでした。このボタンを強化し、現在アップロードされている画像の一覧を表示して、その中から貼り付ける画像を選択できるようになりました。

デザイン設定画面について

デザイン設定画面につきまして、今回のリニューアルではデザインテーマをより簡単に選んでいただくことができるよう、サムネイルの調整を行いました。また、詳細デザイン画面におきまして、テーマのサムネイルを表示するようにしたほか、入力フォームを日記編集画面と同様に可変にいたしました。
デザイン編集画面につきましては、現在さらに簡単にデザインの設定を行っていただけるように、設計を見直しております。こちらにつきましては、次期以降のリニューアルにて行う予定ですので、もうしばらくお待ちください。また、改善点のご意見ございましたら、はてなアイデアにご登録いただければ幸いです。


今回のリニューアルに際しまして、いわしにてご意見を募集いたしましたところ、たくさんの有益なご意見・ご指摘をいただきました。いただきましたご意見はすべて議論の俎上にあげさせていただき、改善を進めてまいりました。大変ありがとうございました。今後もよりいっそう使いやすくするために、努力してまいります。

更なるご意見、ご要望等がございましたら、はてなアイデアにご登録ください。

なお、ご意見を募集させていただいたいわしは下記となっております。

question:1147341668
question:1146193888