佐藤宏尚建築デザイン事務所

WEBのインターフェイスデザインなどを変更


2015.10.20

WEBのインターフェイスのデザインを変更しました。

①スマートフォンなどに対応

スマホでより見やすくするため、ウインドウの横幅が小さい場合、メニューが折り畳まれて表示されるようにしています。
スマートフォン、タブレット、パソコンを想定して3種類が自動で切り替わります。
画面上部にピッタリと背景色のないメニューにすることで以前にも増して画像だけのデザインになりました。
パソコンでウインドウサイズを、ググッと小さくしていけば、ウインドウサイズによる変化を確認出来ます。
こまごまとレイアウトも変更しています。

②内部のコードはHTML5にすべて変更

SEOに不利等の噂もありますが、HTML5は、よりシステマティクになってソースが美しくなります。だから有利な事はあっても不利になる事はないだろうと思います。

③読み込みの高速化

画像が大きく、枚数も多い弊社サイトの弱点は、どうしても重たくなることです。
これまでも読込み速度の高速化は、web技術の進歩にあわせて、出来るだけ改善するようにしています。
今回は画像の遅延読み込み、CSS最適化、JSの遅延ロードにより大幅に表示速度を改善しました。
(追記:検索順位に影響したため、画像の遅延ロード機能はとりあえずオフにしました。気に入っていたので残念!)

④Facebookのいいねボタン

今更ですがFacebookのいいねボタンを追加してみました。
皆様クリックをお願いします。

参考までに最近のアクセス状況は
Windows 50%
iOS 25%
Mac 15%
Androidなど 10%
となります。
iOSやアンドロイドのアクセスがかなり増えて来ました。

いつもながらwindowsで動作チェックを行なうと、あまりの文字の汚さに、50%のユーザーがこの状態を見ていると思うとがっかりしてしまいます。
視認線をあげるため、少し字を大きくしましたが、読みにくい場合は「Mac Type」というフリーウェアで表示を改善することができるようです。

|WEB 関連するニュース

17.04.07
WEBデザインのリニューアル
15.10.20
WEBのインターフェイスデザインなどを変更
15.01.08
Webデザインをマイナーチェンジ
13.08.13
WEBデザインを一新
10.06.07
webサイトがIPadに対応しました
09.08.12
WEBデザインをリニューアルしました
09.07.27
SERVICEを更新しました
07.06.08
WEBの作品紹介をリニューアル
07.04.03
webをマイナーチェンジしました
06.06.06
WEBをマイナーチェンジしました
05.06.20
webをマイナーチェンジ
05.06.17
ビジネスブログに掲載されました
05.05.06
WEBがCAD&CGマガジン(2005/07)で取り上げられます
05.04.20
WEBのブログ化2
05.02.06
WEBのブログ化
04.12.15
WEBリニューアル!!!
02.10.20
建築知識(2002/10号)に掲載されました