1カラムに

このブログが持つべきユーザビリティの高さを考えた時、ある一つのデザイン手法しかそれを達成できないのは明らかでした。でも、そのデザイン手法はまだ実装していませんでした。だからナポアンが登場させます。1カラムです。これまでのどんなナポアンのマイクラのデザインよりも3倍以上快適で、1カラムの力が一つのカラムの中に搭載されています。そのすべてが、コマンド解説、配布ワールド作成講座、より臨場感あふれるアップデート情報、日々のニュースチェックに適した、一段と高いユーザビリティをもたらします。このデザイン手法こそ、ナポアンのマイクラがナポアンのマイクラである唯一の巨大な理由です。

スポンサーリンク

なんとなくデザインリニューアルしてみた。

突然デザイン変えちゃって、困惑させちゃってごめんなさい。

当ブログ、「ナポアンのマイクラ」は9月で4周年を迎えます。4周年を迎えちゃう前に、前々から企んでいたデザインのリニューアルを2日かけて行いました。正確には新テーマを2日かけて作りました。

説明しよう! 「テーマ」ってなんだ?
テーマとは
ナポアンの使ってるブログソフトウェア「WordPress」では、デザインを決めるファイル一式を「テーマ」と呼ぶぞ。テーマはネットからダウンロードしたり、自作したりできるんだ。みんなもWordPressに切り替えよう!

NapoanWorld2の中身

前のテーマは「NapoanWorld」って名前だったので、新テーマの名前は「NapoanWorld2」って名前にしました。どうでもいいですね。中身はこんな感じです。ブログやってる人で、この画面を見てエキサイティングに感じた方は是非WordPressに切り替えることをおすすめします。何でも自分で作れてほんとに楽しいです。


「1カラム」の時代が来てるかも! ということで1カラムにしてみた。

トップページ 記事ページ

トップページと記事ページ、どちらも記事の横に何もありません。前はサイドバーがありましたが、新デザインではサイドバーは廃止しました。そう、「1カラム」の時代がやって来たのです。

どっちにしようかな

このブログがWordPressにお引越しする時、デザインを2カラムにするか3カラムにするか悩みました。その時「1カラム」は眼中に無かったのですが…

これでええやん

最近ブログのデザインで「1カラム」にするのが流行ってるんですよね。1カラムにすれば、今では当たり前になったレスポンシブデザインにする(同じデザインのままスマホに対応させる)のが格段に楽になります。

前のデザインは2カラムかつレスポンシブデザインでしたから、サイドバーをスマホ/タブレットではドロワーメニュー化させる必要があり、切り替えに関するJSがぐちょぐちょ絡みまくって弄りにくい、つまりスパゲティコードになっちゃってました。

しかし思い切って1カラムにすれば、PCでもタブレットでもスマホでも同じレイアウトにできるので非常にデザインが楽になりました。これからはPCでも、メニューボタンを押してメニューを呼び出します。


文字を大きくしてみた。賛否両論かも。

デザインが変わって、皆さん一番に「文字デカっ!」と驚かれたことと思います。驚いたでしょ。デカすぎで読みにくいと思った方も結構いらっしゃるようですが…

記事内の文字が大きくなったことで、解像度の大きなモニターで見た際により読みやすくなったと私は思ってます。解像度の小さいモニター配慮してないです。ごめんなさい。

読みやすくなったと同時に、読み間違いも少なくなるんじゃないかなと期待してます。特にコマンド解説なんかは細かい説明を読み落としちゃって装置が動かない、なんてことがよくありますからね。


まだまだ改善していきます & ご意見ご感想よろしくお願いします

リニューアルしたとはいえ、大部分は旧デザインのまんまです。文字サイズとか幅が合ってない部分などは順次手直ししていきますのでご了承ください。それと記事書いてる途中にTwitterでご指摘を頂き、検索コーナーの存在を忘れていた事に気づきました。これから作ります。

累計6000万PV突破目前&あと少し頑張れば訪問者数1000万人突破! 更新頻度は相変わらずですが、これからもナポアンのマイクラをよろしくお願いします。

スポンサーリンク

毎度毎度ツイート、コメント等ありがとうございます。Twitterではブログの更新状況など色々呟いてます。気軽にフォロー下さい。

スポンサーリンク

コメント

  • yamagame

    1コメ。お疲れ様です

  • あいうえお

    言ってることはすごいけどなんか寂しくなったね

  • イスターリャ

    モバイルデバイス向けサイトをそのままPCで見ているような感覚ですね、私はあまり好きではありません。
    違和感を感じるという程度なので、これだけの変更でスパゲティコード解消とカスタマイズ性の向上を行えるなら、それで良いかと思います。

    • ⓣⓐⓘⓚⓘ

      たしかに違和感感じる

  • 最初は違和感だけど慣れてきたでんでん

    そういえば,累計と訪問者数にコンマ付けたら?読みにくいし。
    例1: 10,000,000人

    それか,こんな感じでどうですか?
    例2: 1000万0000人
    例3: 1億0000万0000人

  • xyz

    27インチ2560×1440のディスプレイでChromeと使って見てますが、記事が真ん中に寄っちゃって横幅的には半分しか表示されていません
    文字もそれほど大きくなったのかわからないくらいです
    メニューを広げても記事は隠れないのでメニュー出しっぱなしの方が結局見やすいです
    でもまぁ一番困るのは1カラム2カラムの問題ではなく一番上の「ナポアンのマイクラ」ってタイトルバーが消えたことが使いづらさを激増してます

    • mitsuo kato

      確かに

    • ご指摘ありがとうございます、横幅の大きいディスプレイの場合はメニューを開いたまま記事を読めるようにしました。
      タイトルバーについては、ノートPCなど小さい画面で読まれている方から「出たり隠れたりして邪魔」という意見を頂いたので廃止しました。
      https://uploads.disquscdn.com/images/3d901448b903e042d1ef320bbcda6e05713331636122a471bf36e3228e81160e.png

      • xyz

        一旦メニューを開いて、記事側に行っても確かにメニューは閉じなくなりました。
        が、メニューを出しっぱなしにした状態で、記事を読み終えた後にメニュー一番上の「ナポアンのマイクラ」を押すとメニューが消えてTOPに戻ります。
        メニューの開閉は記憶させてるのではなく、処理としてメニューを押さないと閉じないとなっているだけなのかな?と。

        • メニューの開閉を記憶するのは私の技術的に難しいです…ご了承ください

          • xyz

            いえいえ
            あとは作り手さんの問題なので使う側はそれを使うかどうかは個人の判断だと思います
            あとはどこかに「ナポアンのマイクラ」を押せる所があれば・・・

  • mitsuo kato

    思った時にすぐ検索。などが出来なくなった

  • 4

    作成者だけ自己満で、利用者軒並み不安な典型パターン。
    経営者とかに向いてないタイプ。

  • わらしか

    1カラムだと1行1行が読みにくいんじゃないっすかねPCだと。

    でもナポアン氏のテーマデザイン好きやで
    よかったらテーマ配(ry

  • 夏恋♪

    ハンバーガーに情報詰めすぎじゃね?
    ヘッダーかフッター固定してそこに情報分散させたほうがいいと思う。

  • ???

    なんかAndroid Auto みたいな文字の大きさで気持ち悪い

  • PCユーザー

    見づらい…

  • Triple-Zeta〈トリゼタ〉

    個人的にはデザインは悪くないと思いますが、メニューに情報がバラバラしちゃって逆にわかりずらいんじゃないかと…

  • Pick256

    メニューが無いのはPCからすると辛い

  • とにかくお疲れ様です( ˘ω˘)

  • ⓣⓐⓘⓚⓘ

    アクセスカウンターどうやってるんですかってのと
    なんか前のデザインのほうがよかったな(ボソッ

  • tere run (tererun)

    ナポアンさんのWPのテーマ配布してくれないかなー…w

  • ほた

    すごいですね。僕も今自分のホームページのテーマを作ってるのですが、参考にさせてもらいます!ヾ(。>﹏<。)ノ゙✧*。