ホームページ 

ウエブワークショップの発展形

Ep.19 ワークショップ 2015/01/11


ウエブワークショップで使ったソースを元にサイトデザインをしました。


おもしろ機能追加しました。

ツイートリンクにカテゴリ情報を盛り込みました。

全カテゴリを選んでからツイートすると、次のブロックが「カテゴリー」と「新着」に切り替わります。

フェイスブックでも同様です。

バラバラの記事が自動的にまとまった表示になります。

さらに詳しく

勝手にまとめサイト

Ep.20 ホームページ 2015/08/30


ホームページやブログの情報がバラバラだとを人に伝える時、時間がかかる。

不精な象は、「勝手にまとめサイト」に挑戦した。

ブログ記事を自動でつないで、それが物語になれば面白い。

( ´ ▽ ` )ノ

フルスクリーンキャプチャ

Ep.21 ホームページ 2015/09/08


Google Chromeの拡張機能に「フルスクリーンキャプチャ」があります。

いろいろ使い道がありそうです。

( ´ ▽ ` )ノ

広告

モバイル端末を意識する

Ep.22 ホームページ 2016/04/24


インターネットに接続できる端末の保有率グラフを見て分かる通り、ブログやホームページは、iPhone、Androidなどのモバイル端末で見やすいことが重要になっています。

象さんのパオーン通信は、レスポンシブWebデザイン(ひとつのテンプレートで全てのデバイスに対応)を採用しています。

こだわり

Ep.23 フォト 2016/05/10



スマホで見やすいことにこだわっています。

移動しやすい

Ep.24 デザイン 2016/05/29


閲覧している投稿と同じカテゴリー、興味のあるカテゴリーへの移動が簡単に出来るようになりました。

文字が同じように見える

Ep.25 ホームページ 2016/06/03


Windowsパソコン、マックやiPhone、アンドロイドで文字が同じように綺麗に見えることは、ホームページを作る時の大切なポイントです。

(^^)

ブログを超シンプルデザインにして解ったこと

Ep.26 ホームページ 2016/06/04


(※写真は内容と無関係です)

ユーザビリティを向上させ、さらにシンプルな構成にしようと毎晩プログラムをいじっていました。

あ、趣味の投稿なので興味のない方はスルーしてください。

手作りキャンピングカ―に興味があったので検索してみました。
たどり着いたブログで思ったのは、

■ 写真や図が小さくて参考にならない。
 → 写真や図を出来るだけ大きくしなきゃ、
■ つづくの次や前のページが探せない。
 → 関連記事を同時に表示させるか、写真つきリンクを付けるぞ、
■ ホーム(最新記事)に移動したらまったく興味の無い内容だった。
 → 新着投稿や人気のある投稿への写真つきリンクをトップに持ってくるぞ、うん、



自分は、電話番号や住所等を知りたいときはテキスト検索結果を見ます。
洋服、雑貨、パソコン、旅行先情報などを知りたいときは、画像検索を使います。
つまり、自分の場合は画像の無いブログ記事を見ることは無いという事に気づきます。
そういう人もきっと多いはずと決めつけて、

 → ブログには必ず画像を付けるというルールを作りました。

(こんな事を永遠に書いていたらきりがないので)中略!

で、ここにたどり着きました。

超シンプルにして見通しが良くなったおかげでよく判りました。

500頁程度のサイトなんて大したことないですね。

※ 記事の校正や分類作業をしています。(見通しが良くなったおかげです。)

※ もっと詳しくでシンプルにした経緯を見ることができます。

追記(覚書)

×→クリックしてもらうために綺麗なメニューアイコンを付ける
 ○→メニューアイコンはいらない。そこにメニュー表示すれば、訪問者のクリックが一回減る

さらに詳しく

広告

サンプル1

Ep.27 デザイン 2016/06/04


サンプル1

さらに詳しく