エンジニアが知っておくべきWebデザインの4原則、「近接」「整列」「反復」「コントラスト」を分かりやすく解説する。 連載目次 エンジニアが作るシステムやアプリケーションには、デザインが欠かせません。デザインというと、「ビジュアル」「見た目がカッコいい」「おしゃれ」など外見のデザインを思い浮かべがちですが、WebアプリやWebサイトのデザインで大切なのは、そこではありません。 Webのデザインで必要なのは、「ユーザーの目的達成を助ける」ことです。本連載「エンジニアのためのWebデザイン基礎の基礎」は、あなたのWebサイトを訪れた人を引きつけ、ユーザーへと転換（コンバージョン）させるためのデザインの基本を伝授します。 良いデザインの4原則 「エンジニアが知るべき最低限のデザイン基礎」とは何でしょう？ 専用ソフトウェアの使い方？ いいえ、違います。IllustratorやPhotoshopの使い
Amazonのワンクリック決済システムが自サイトでも使える「Login and Pay with Amazon」発表
Amazonにログインした状態ならワンクリックで支払いができ、何かを購入する度に長々と自分の名前・住所・電話番号・メールアドレス・支払い方法などを入力しまくる必要がなく、他のページに飛ばされることも無くなるという新しい仕組み「Login and Pay with Amazon」が発表されました。 Merchant Account, Merchant Services, Shopping Cart - Amazon Payments https://payments.amazon.com/business Amazon Media Room: Press Releases http://phx.corporate-ir.net/phoenix.zhtml?c=176060&p=irol-newsArticle&ID=1862641&highlight= 実際にAmazon Paymentsの
一年くらい前は、フラットはただのトレンドでしょ、と言われることもありましたが、この一年で日本でも多くのWebサイトで採用されており、一過性のものではなくなりました。これから制作されるサイトの多くでフラットが採用され、またどんどん進化していくことと思います。 そんなフラットの見た目的な美しさだけでなく、実際に改善された事例を元にした効果な使い方を紹介します。 How Flat Design Increases Conversion Rates 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。� 海外のブロガーから日本の他ブログでの無断転載や無断翻訳を聞くのでご注意ください。削除依頼しても無視っていうからひどい。 ミニマリズムがコンバージョンレートを261%増やした例 コンテンツファーストとモバイルファースト ボタンのデザインを変えたらコン
就活に使うポートフォリオサイトってどんな手順でどんなものを作っていいかよくわからず、制作した当時はとても悩んでいました。 今回は、そんな実体験を元にしたポートフォリオサイトの作り方のポイントをご紹介します。 なぜwebデザイナーの就活にポートフォリオサイトが必要なのか ポートフォリオは自分自身のデザインスキルや技術スキルの作品集。自分がどんな制作者で何が得意なのか、何が出来るのか、制作したサイトを見れば大体分かります。 webデザイナーにとってのポートフォリオは自分のちからを相手に知ってもらう大事な武器ですので、時間がないからといって片手間で作ったりせず、綿密に計画してフルパワーで作り上げる必要があります。 ポートフォリオを作る前の下準備 作品の構成要素 ポートフォリオに制作実績を掲載する時、下記の6つは載せておきましょう。 サイトのタイトル サイトのURL サイトのスクリーンショット 制
Know-how 日頃クライアントワークを行っているディレクターが、自社コーポレートサイトリニューアルを担当して学んだこと
通常のアクセス解析はある程度時間が経過してからでないとその結果がわからないため、「まさに今！このページがヒットしている！」というのがわかりにくいのですが、この「Woopra」というアクセス解析サービスはとんでもないリアルタイム性がウリとなっており、誰かが訪問しに来たら即座にわかるようになっています。 リアルタイムアクセス解析を最大限活用するため、ブラウザ経由での利用だけでなく、Javaをベースとして作られたWindows・Mac・Linux対応の専用ソフトがあり、来訪者にタグ付けして個別に追跡、IPアドレスなどあらゆる条件で絞り込めるクイックフィルタ、誰がどこから来たのかすぐにわかるマップ、特定の条件のユーザーが来たらポップアップしたり音を鳴らして知らせてくれる機能などなどを搭載。そのすべてがリアルタイムに刻一刻と変化して最新の情報を教えてくれます。Google Analyticsで実現し
ITの世界には「銀の弾丸は存在しない」という合言葉がある。これはどうやら狼やドラキュラを退治するときの道具が「銀の弾」らしく、古典的な名著であり、未だに参照され続けている『人月の神話』という本に収められている論文から来ているらしい。なぜ、「銀の弾丸は存在しない」と言われるのかというと、ある諸問題に関して一気に片付けられるような、そういう解決策は無い。少なくともそれらの問題に関しては泥臭く、忍耐を持って接しないといけないという話だ。川を綺麗にするためには根気よく缶を拾ったりしなければいけないのと似たようなものだろう。 元のドラキュラの話を知らないので、Wikipediaで聞きかじりに語るのだが、そもそも「銀の弾丸」といったところで、その「銀の弾丸」を使う存在というものがいる。ドラキュラの場合、それが「ヘルシング教授」である。ヘルシングといえば平野耕太の漫画を思い出すが、どうやら原作のドラキュ
フラットなデザインに限らず、トレンドを知り学ぶことは大切です。 フラットなデザインの良い面・悪い面を知り、どのようなプロジェクトに使うとより効果的か学んでみましょう。 Pros and Cons of Flat Design 下記は各ポイントを意訳したものです。 はじめに フラットなデザインは、最近のデザインの中で大きな流れであることは否定できません。確かに至るところで見かけます。 このフラットなスタイルは、デザインコミュニティでその正当性とスタイルの適用について激しく議論がされてきました。ここでは、そのフラットなスタイルの良い面と悪い面の両方を見てみましょう。 良い面：フラットなデザインはトレンド フラットなデザインは非常にトレンドです、しかしこのトレンドはいつまで続くでしょうか？ もしトレンドに乗るなら、今がこのフラットなデザインを実行する時です。プロジェクトでフラットなデザインを取り
Digiral Inspiration：Twitterによる公式なRSSへのサポートはストップしたものの、フィードを取得する方法が全くないわけではありません。 少し複雑ですが、普通のタイムラインやリストだけでなく、検索結果など様々なTwitterのフィードを作成することができます。 RSSフィードを使えば、Twitterのデータを様々なところで使い回せるようになるでしょう。例えば、新しいツイートをトリガーにするIFTTTのレシピを作ったり、ブログに自動的にTwitterのタイムラインを表示させたりできます。 今回はTwitterのRSSフィードを取得するための簡単で信頼のおける方法を紹介しましょう。 TwitterのRSSフィードを作成する方法 TwitterはWebサイトにタイムラインを貼付けるためのウィジェットを提供しています。このウィジェットを、Googleスクリプトを使ってRSSフ
2017年7月14日 フリーランス, 便利ツール フリーランスとして働いている人は、なかなか他の人の働き方を知る機会がないのではないでしょうか？どんな風に時間管理してるんだろう？どんなツールを使ってるんだろう？などなど、気になるけど、聞くまでもないかな…なんて…。最近そのような、フリーランスの働き方についての質問メールをいくつか頂いたので、フリーランスのWebデザイナーである私の一日を追ってみました（自分で）。いつも業務に使っているWebサービスや便利なツールも紹介しています。ほとんどが無料サービスなので必見ですよ！ ↑私が10年以上利用している会計ソフト！ 5:30 起床 朝は早いです。逆立ちをして（！）目を覚まします。逆立ちなんて相当集中していないとできないので、一気に目が覚めます。 その後Macを開いてメールチェック。メールクライアントはMac付属のMail。すぐ返信するもの、後で返
<img src="http://0.tqn.com/d/kidscooking/1/I/B/V/-/-/chicken-tortilla-soup.jpg" alt="http://0.tqn.com/d/kidscooking/1/I/B/V/-/-/chicken-tortilla-soup.jpg" >alt属性には、画像のファイル名のURLが入っている。完璧に最適化されているとはいえない画像だが、それでも第1位に表示されている。それでは、この画像が使われているページにはどんな情報があるのだろう？ title要素 Chicken Tortilla Soup - Chicken Tortilla Soup Recipe （チキン・トルティーヤ・スープ - チキン・トルティーヤ・スープのレシピ）meta descriptionタグ This chicken tortilla soup
ECサイトのトップページに設置したい27個の機能と情報 ★★★★★ 載せるべき情報まとめ （Econsultancy）ECサイトのトップページでは、そのサイトが何を提供するサイトであるかを明確に示したうえで、訪問者が求める情報をすべて伝えるべきだとして、トップページに設置するべき要素を27個、Econsultancyブログがリストアップしている。 必須 サイトロゴキャッチフレーズ（タグライン）検索ボックスグローバルメニュー新着情報特別セール画像運営者情報・会社案内電話番号住所お問い合わせ方法公式コーポレートサイトへのリンクサイトマップ更新情報ショッピングカートを見る／購入手続きに進むログイン配送について利用規約店舗検索（実店舗がある場合）メルマガ登録あったほうがいい配送オプション（送料無料キャンペーンの情報など）その人に合わせたおすすめ商品ソーシャルメディアの公式アカウントへのリンク支払い
年収4000万を稼ぎだす私の 「アフィリエイト長者への正攻法」 初心者が最速で稼ぎ出すためには？ アフィリエイトを始める前に、稼ぐために必要な“考え方”と“成功するやり方”の ２つを身につける必要がありますので、今日はその部分について書きたいと思います。 基礎のなきアフィリエイトはムダな努力だ！ アフィリエイトで収入を得ようと思ったら、 基礎を身に付けることが絶対に必須です。 上級者が教える“どうやって稼ぐか”という部分は、 基礎を身に着けていること前提に書かれているためです。 テニスで正しいフォームを知らないとまともに玉を返せないのと同じように、 英語の文法を知らないと英語を読むことは出来ないし、 アフィリエイトでも基礎を知らなければ、 各分野における方法論の正しさ、間違いについて判断できません。 古来日本でも、茶道や華道、武道などで 「守・破・離」という考え方が教えらているように、
先日1年ぶりに当ブログを更新したわけですが、更新から3日ほどで検索順位が上がりました。おーやっぱりブログは更新…
あなたのブログが10倍アクセスアップする文章テクニック: はてなこわい＞＜ 素人がブログを始めて1カ月で70,000PV超えするためにとった戦略を公開します: 男子ハック ブログ初心者に贈る50のアドバイス: SEO Japan ブログをもつ人ならアクセス数(PV)を集めたいというのが人情というものだろう。上のライフハック系サイト(ライフハック系サイト最近多いよねなんか)には、ブログにアクセスを集めるノウハウが公開されている。 これらの記事で主張していることを要約すると、次のようになる。 1. 役立つ情報を提供する 2. 読みやすい文章にする 3. 事実に基づく信用に足る内容にする しかし、私はこれらを真っ向から否定する。なぜなら、私はこのような記事を書かずにそれなりのPV数を集めることに成功しているからだ。 ちなみに、このブログの先月のPVは7万5千ほどだった。先月は、メルマガ発行のお知
コピーライティングで、もっとも神経を使う部分はキャッチコピーだ。 なぜなら、ほとんどの人は、キャッチコピーを見ただけで、自分に関心があるかどうかを判断しているからだ。 従って、コピーライティング全体の成否は、キャッチコピーで何を言うかで決まる。それにも関わらず、日常の生活の中で、見るからに効果のないキャッチコピーを目にする機会は非常に多い。 私の感覚では、本当に有効なキャッチコピーは１０に１つもないだろう。そこで、あなたがキャッチコピーを書く時に、忘れては行けない７つの基本ルールを書いたので抑えておこう。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続けている。 各サイトの成功要因をインタビューしているので、 あなたのサイトに役立てて欲しい⇒
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
