ホームページ制作のアレ

Website Design tips array.

デザインが負の方向に働く危険性

2014/06/09

商業デザインとは、「その商品をより売る(広告デザイン)」「その商品をより便利に使えるようにする(機能デザイン)」ためにあります。
が、上記の力を持つという事は、逆にデザインを間違えると負の方向に働く危険性があります。

http://labaq.com/archives/51827470.html

こちらの記事を見て驚いたのですが、通常ならばジュースと間違えないであろう液体洗剤が、見事にジュースに見えてしまいます。
中央に「BakingSoda」という字が書いてありますが、その単語の意味がわからない子供相手には危険ですね。

では「フルーツの香りの洗剤という事をアピールしたい」「でもジュースと間違われたくない」場合、どうすれば良いか。
文字で書くのは上記の通り、主に誤飲を起こしそうな対象に対して危険性がぬぐえませんので…
■ラベルに洗濯物を描く
■ボトルキャップとTシャツの形にする
■ボトルの体積(重量)を増やし、粘り気を増す(コップに注いで飲まなければいけないようにし、注ぐ時点で粘り気で違和感に気づかせる)
あたりでいかがでしょうか。

またOPENSSLに脆弱性が見つかったそうです。

2014/05/08

今度は、トラップサイトでログイン動作をした時のみ発生するという事で、危険性でいえば自分が何もしなくても問答無用でIDやPassを抜かれる可能性のあったHeartbleedよりずっと下、というか最近ではもう「よくある危険度の脆弱性」といってしまっていいレベルのものです。(こんなのがよくあるケースとか、嫌な話ですね。)
詳細は元記事をどうぞ
http://www.appps.jp/88572/

今回のキーとなるのはOpenIDで、最近よくみかける「googleアカウントでログイン」とか「FacebookIDでログイン」的な仕組みの不備を突いたもののようです。
ただし、たとえ上記のリンクをうっかり押してしまったとしても、「アプリを許可するよう求められ」るとの事で、正しい動作であればいちいちこんなメッセージはでませんので(よく連動アプリを使う方ならおわかりかと思いますが、アプリの認証がはいるのは普通初回だけです)、そうそうひっかかる方はいないかと思います。
可能性はあるよ、程度の話ですが、注意するにこした事はありませんね。

ちなみに弊社では「面倒くさい事こそ最大のセキュリティだ」というモットーのもと、OpenIDもオンラインパスワード管理ツールもつかわず、しかも全てのサービスでIDとパスワードをバラバラにして管理しています。
本気で面倒くさいですハイ。

「無添加」は安心なのか?

2014/04/28

おいおい、突然デザインとまるで関係ない話かよ、と思われるかもしれませんが、ちゃんと関係があります。

ノンシリコンシャンプーは安物成分でぼったくり?シリコン悪玉論、無添加礼賛のウソ」という記事を読んでおりましたら、最後のほうに
「無添加という魔法の言葉」というくだりがありました。

前々から思っていたのですが、「無添加=絶対安全」であったり「天然由来の成分=絶対安全」「オーガニック=絶対安全」であったりすることはありません。(無論その逆でもなく、「時と場合による」という、にえきらない状態こそが事実です。)
専門的な知識がなくとも、調べればその事がわかります。

で、なにがデザインと関係あるん?て話ですが…
「こういった売り方、こういうデザインもあるんだなあ」と改めて思ってしまった、という話です。

デザインとは何か…一般的には「かっこいい見た目を作る=デザイン」と思われているかもしれませんが、
少なくとも私達の仕事であるアド(広告)デザインの分野では、
「その商品なりサービスをより売れるようにするための戦術・提案」=「デザイン」です。
極端な話、その商品なりサービスがより売れるのであれば、通常レベルより逆にかっこわるい見た目になっても、それは優れたデザインである、と言えます。

さて、デザインは何も「見た目」だけには留まりません。
キャッチコピーを含む「言葉」の分野、いわゆるコピーライターさんのテリトリーもやはり「デザイン」の一種です。

実は私達アドデザインの人間も(自分の体験のみの話ですので全てそうとは言い切れませんが)、コピーライティングの修練は積んでいます。広告に於いてビジュアル・グラフィックとキャッチコピーは切り離せないためです。
共に「ものを売る」ためには欠かせない要素であり、弊社がお客様のご要望に応じて、ホームページの原稿の下書きをさせて頂いているのも、客目線で「こういう情報が欲しい、こういうところから買いたい」というソースが売るために不可欠であるためです。

ですがやはり、専門のライターはすごいな…と関心してしまうのは、上記のような
「無添加」や「天然由来」などの言葉に、その商品をより売れるようにする「概念」を付け加える事に成功しているからです。
言葉の技術といいますか、すごいと思います。

最も、弊社の姿勢としては「それが本当に優れている」と言えるポイントをアピールする、という売り方をしたいと思っています。

眼底検査のため臨時休業いたします

2014/04/25
すでに当日要件がはいる可能性のあるお客様にはお伝えしてありますが、5月1日は眼科健診のため、臨時休業とさせて頂きます。 私達デザイナーは、売っているものは自分の知識・アイデア・そして時間であり、「原材料」等がほとんど必要ない業種です。 機材も、必要データは常にバックアップを取ってありますので、壊れたらそのへんのショップで新しいPCを買ってくれば応急に業務を続けることができます。 となると唯一絶対にメンテナンスが必要な資材は「自分の体」、とくに「眼」だけは健康でないと商売になりません。 そんなわけで毎年、健康診断に加え眼科健診を受けているのですが、その中に「眼底検査」という項目があります。 これは瞳孔を薬品で開きっぱなしにして、そこから眼の奥の血管を見る検査なのですが、この検査の準備のための薬品で瞳孔を開きっぱなしにしてしまうと、数時間は元に戻りません。 瞳孔が開きっぱなしの状態というのはどうなるかというと…瞳孔はいわゆるカメラの「ピント」にあたりますので、しばらく、世界が全てピンボケに見えます。しかもやたら回りがまぶしく見えて、サングラスをかけないと眼があけられないくらいになります。 (同業者の方でしたら、「明度+50」「ぼかし-ガウス」を30くらいかけた状態から数時間かけて数値をじわじわ減らす感じ…で分かるかと思います) そんなわけでして、さすがに仕事になりませんので、臨時でお休みを頂きます。 ご迷惑お掛けいたしますが、ご理解頂けますと幸いです。 なお、眼底検査で診る眼の奥の血管というのは、「体の外から簡単に見られる唯一の動脈」だそうで、動脈硬化等の発見に有効だそうです。 受けた事がない方は、一度検査を受けてみては如何でしょうか。

あと一歩惜しかった。「note」を試してみた

2014/04/21
先日、「note」というサービスが正式公開されました。 初めて紹介記事を見た時、アオリが「tumblrのような…」という事で興味を惹かれたのですが、 実際さわってみて、実体というか目指すものは違っている、と断言できます。 tumblrは画像、作品など「コレいいよね」といったものを、既存のSNSよりも薄く「無言の共有」ができる仕組みに骨子があり、インフルエンス(拡散する)タイプのシステムですが、noteははっきりと「自分の作品を売る・クリエイター等から作品を買う」事に特化したシステムです。 さて、デザイン制作会社としては「自分の商売に使えるかなコレ?」というのが気になるところですので、 中身も試してみました。 note1 トップです。投稿インターフェイスはtwitterの下にtumblrのメニューくっつけました!感がでています。 ちなみに全体のデザインテイストはモロ好みです。 note2 こちらが長文テキスト投稿画面。バグとかそういうのではありません。 「タイトル」や「本文」のところをクリックすることで文章がかけます。 この次の画面をキャプチャし忘れてしまったのですが(ここが肝心なのに)「公開」ボタンを押すと、 「無料で?それとも有料で?」と聞いてきます。どっちか選ばないと公開されません。「あとで」とかナシです。 このあたりから、いかに「課金」という柱に特化したシステムなのだな、と分かります。 note3 画像の投稿はこんなかんじです。wordpressと同じく、ドラッグ&ドロップですね。 画像には1行コメントがつけられますが、コメントはそれぞれの画像をクリックしないと表示されないようです(一覧状態では画像の題名のみ表示) note5 ここはちゃんと撮りました。「この画像は○円払えばみられるよー」的な設定が気軽にできます。 ちなみにものすごくアダルトコンテンツに適していそうに思われるかもしれませんが、利用規約でアダルト系は禁止されています。 あと情報商材も、ぼかしではなくはっきり禁止となっています。 note7 つぶやき画面。 これは正直、必要なのかな…とは思いました。運営側によると「クリエイターとFanとのコミニュケーションのためのツール」との事です。 画像も貼れますが、この投稿タイプは課金システムがありません。 で、タイトルに戻って、なにが「あと一歩惜しかった」のかと言いますと、 (1)サービスインしたばかりのサービスに求めるのは酷かもしれませんが、外部連携のAPIがない。 これがないと、WEB屋としてはかなり使い勝手が縛られてしまい、辛いです。 (2)オリジナルドメイン対応をしていない。 これまたサイト構築の一助、としては辛いところですね。できたら自分のドメインに流したいところですし。 (3)検索がない。 そんなあほな、と思われるかもしれませんが、検索ボタンがありません。 もしかしたらどこかにあるかもしれませんが、「探しても見つからなかった」時点で無いのと一緒です。 左上のランダムジャンプボタンと「おすすめユーザー」でランダムにでてくるだけが、クリエイターを探す方法というのは辛いものを感じます。 (4)名前がまずい。 普通、こういったサービスは名前+APIとか名前+使い方とかで検索してハウツーを探すなりするのですが、 「note」は一般名詞すぎて、世界一のサービスにでもならない限り正確に目的にヒットしないのではないかと思われます。 ——– とはいえ、サービスインしたばかりのものですので、(4)以外はこれからの改良に期待したいところです。

めったにあるものじゃないし!?

2013/10/07
ニュース記事より 「XP期限切れ、自治体「攻撃めったにない」」 それを言ったら、地震などの災害だって滅多にないから対策が遅れても大丈夫、てことになるじゃないですか。 仮にも「IT推進課」でこういう事言っていられるのは、ある意味羨ましくあります。 致命的な状態を招いても自分の生活に影響しないからこそ、安穏としていられるのでしょうね。

WordPressとMovabletype、どちらが良いか。

2013/07/03
WordpressとMovabletype、どちらが良いか。 WEB制作系のブログを書く人なら、一度は必ずネタにする話ですね。 勿論、うちはDrupal!Joomla!や、カスタマイズされた有料CMSパッケージサービス!という方も沢山いるとは思いますが、やはり日本でCMSのビッグタイトルといえばWPとMTというのは確実なところかと思います。(※海外ではWPが圧倒的です) 日本でもいうまでもなく今はwordpressのほうが優勢ですが、弊社はMovabletypeをお奨めするケースがあります。 —– CMSを導入するお客様にとって、大きな「障壁」が3つあります。 (1)ひとつは(CMSに限りませんが)プレーンなWEBに何かシステムを追加する事による「セキュリティの問題」 (2)もうひとつは万一のデータベース破損による「バックアップの問題」 (3)そして最後が「直感的な管理画面の問題」です。 上記のうち(1)はwordpressが圧倒的に優れていますね。今まで見てきたCMSの中でも、WPのアップデートのしやすさは秀逸です。管理画面に「アップデートのお知らせ」がでたら「このボタンを押せばOK」と嫌でも分かるこのインターフェイスは実に素晴らしいです。OPENPNEあたりはこの簡単さを是非見習ってほしいものです。UIというのは「分かる人だけ分かればいい」というものでは絶対にありません。 (2)はwordpressにも優れたバックアップツールがいくつもあり、自動的かつ定期的にバックアップを取ってくれます。一方Movabletypeは基本のバックアップ機能はいちいち手動操作ですが、そもそも静的HTMLを吐き出すシステムなので万一のDBクラッシュが起きてもとりあえづホームページが見られない状態にならない、というのは非常に大きなアドバンテージです。 ※Wordpressにも静的化プラグインはありますが、どうも動作関連や他プラグインとの相性で問題があります。 ※wordpressはクラッシュが起きたら修復するまではWEBサイトは壊れたままです。 まぁ今時のレンタルサーバは大抵データベースのミラー化を採用してますのでこのような事態はまずありませんが、ごく稀にRAIDを採用していないレンタルサーバもあります。某大手とか… で、弊社がMovabletypeをお奨めする大きな要因になるのが、以外にも(3)です。 Wordpressもカスタム投稿タイプの導入により、コーナーの分類はMovabletypeと互角の仕様になったと言えますが、管理画面がどうしても、それぞれのコーナーへの入り口が縦一直線に並んでしまいます。これが弊社としては、わかりづらいと感じています。 (勿論管理画面自体を改造すれば解消できますが、そこまでの予算をかけられない場合が多数ですので…) MovabletypeはWEBサイト→それぞれのコーナー→それぞれのカテゴリとツリー式になっているため、WEBに不慣れなお客様でも分かりやすい管理画面構造をしているのがポイントなのですね。 —– ですので弊社としては、 頻繁に更新するページが一箇所のみ、もしくは少ない→Wordpress 全てのページをある程度更新する可能性がある→Movabletype という風に提案を分けております。 あ、あとあれですね、どうしても特定のメールフォームを使いたいというかcontactform7以外を使いたい時。 あとハウジングの同居数が多そうなサーバだと、静的HTMLを出してくれるMTのほうを使いたいです。 投稿時は圧倒的にWPのほうが速いのですが、それは投稿する側の快適性の問題であって、閲覧する側はプレーンなHTMLで見られるのがより良いのではないかと思っています。 …勿論、プラグインの関係で、どうしてもWordpressでないといけないというケースもあります。 今は大抵の要件はjqueryのプラグイン導入でどうにかなりますが、そうもいかないケースもやはりありますからね。

リニューアルをすこしづつ進めています。

2013/05/17
現在、弊社サイトのリニューアルをすこしづつ…大変すこしづつですが、進めています。 流石に現状のデザイン・内容は、構築から4年が過ぎており、現状にそぐわなくなっています。 おかげさまでこの数年、ご依頼が途切れた事がなく、ついつい細切れでリニューアル構築しては時間が経ち…、結果として出来上がってはみたものの、今みるとちょっと古くなってない?といった仕上がりとなり(いままで2回ほど未公開のままです)、放棄、というパターンを繰り替えしていました。 紺屋の白袴と申しますが、いくらなんでもWEBで集客を行う企業としてこの有様は情けない限りですし、今回こそはきっちりとつくりあげる決心です!…ので、わざわざこんな日記めいた文章を書いてみました。 次回のリニューアルで導入したいのはやはり、レスポンシブデザインですね。設計段階での手間のかかり具合は通常のPC専用サイトの倍はいきますが、スマホサイト等個別にこさえている暇がとれそうにない身にとっては逆に時間短縮になりそうです。 —- しかし、最近のタブレットPCの普及具合は、予想できなかった勢いですね。弊社のアクセス解析ではまだまだ割合は微小ですが、iPad以前は当然ながら「ゼロ」だったものが3年やそこらでここまで持ってきてる、という事実だけでも注目に値します。  

新年あけましておめでとうございます

2010/01/06
本年もアートラボ株式会社を宜しくお願い致します。 お蔭様で、12月から1月にかけて、多数の案件を頂いており、すっかりブログを更新する暇が途絶えております。 仕事が最優先なので、また暫くかけなくなりそうです。 さて、12月のWeb関連の大きなニュースといえば、通称「ガンブラー(GENO)ウィルス」による、JR東日本、HONDAなどの大手サイトの感染被害です。 http://www.yomiuri.co.jp/net/security/goshinjyutsu/20091224-OYT8T00820.htm?from=yoltop それぞれ、かなりの期間(二週間前後)、感染状態にあったことが判明しており、JR東日本で5万件、HONDAは一部のページのみだったようですが、それでも数千件のアクセスがあった模様です。 以前、GENOウィルスという名前で話題になった時もそうでしたが、こちらは、既存のウィルス対策ソフトでも発見しにくいのが厄介な点で、そのためには、必ずPDFリーダ、Flashプレイヤー(両方とも、普通に買ったパソコンならWebブラウザーに組み込まれています)を最新版に保つこと、そして、この2つはアップデートが遅いという欠点がありますので、「なるべくJavasriptをOffにしておくこと」が上げられます。 弊社では、お客様のサイトや、参考サイトでどうしても必要な場合を除き、Firefoxプラグイン「noscript」で、Javascriptは全てカットしてWebを閲覧しておりますが、最近はその「どうしても必要な場合(Javascriptをオンにしていないと見られない)」が多く、困っております。 例えばLivedoorブログの一部のデザインなど、Javascriptをoffにしていると「続き」の部分の記事が最初から表示されません。 Javascriptは「あれば便利なもの」で、「ないどどうしようもない」という使い方をしてしまうのは危険だと思うのですが…。

クラウド的ホームページ運営

2009/11/22
Googleが開発していたOS、「ChromeOS」が発表されました。(※OSとは「Windows」のような、パソコンで色々なソフトを動かすための 基幹システムの事です。TVゲームでいうと「ゲーム機本体」に当たります。) 情報元はコチラ http://www.ideaxidea.com/archives/2009/11/google_chrome_os.html なんと!MacやLinuxに次ぐWindowsのライバルか!というと、(現状では)方向性が違うため、そういう訳ではありません。 最大の特徴としては、作業のほぼ全てをクラウドで行う形式になっている事だそうです。 ※クラウドというと、最近、某社のCMでクラウドコンピューティングのPRらしきものがありますが、いかにもITですよ的な映像をバックに、何人ものの人が現れては「クラウド?」「クラウド!」と次々に言うだけの代物でした。あのCM、打つ意味があるのでしょうか…。 弊社も、ホームページ運営の一部分、クラウドストレージに頼っている所があります。それはといいますと…お恥ずかしながら、かなりベタで「gmail」なんですが、このBlog、先にご紹介したバックアップデータを定期的に、圧縮してメールで送られてくるようにしているのですが、そのメールの送信先にgmailを転送指定しております。 これで、万一、ローカルにあるデータが破損しても、gmailの圧倒的な容量を利用して、いつでも復帰できる、というわけです。 他にも、守秘義務契約によって、弊社のPC外に出せない各データを除いては、各データをgmailに預けて保護をしております。 クラウドコンピューティングの代表的な心配点は「自分のPC以外にデータを預けて本当に大丈夫なのか?」という事ですが、弊社としては、パーソナルPCよりGoogleのサーバーが信頼性では上であると思っております。 クラウド商売をする以上、ものすごい額の初期投資をして展開している訳で、その芽を潰すようなトラブルは必死に潰してくるはずです。 データを預かる商売である以上、一回でも下げてしまった「信頼性」は致命傷になる訳ですから。
< 前のページへ