ワイヤーフレームを捨ててHTMLプロトタイプに移行した結果 | ベイジの社長ブログ
私たちの会社では長らく、画面設計といえばPowerPointを使い、ワイヤーフレーム（以下、WF）を作っていました。Web制作会社における非常にスタンダードなやり方であったため、ベターな方法と受け入れつつも、例えば以下のような無駄も多く、決してベストではないとも感じていました。 設計者がコーダーに文書構造の意図を説明する時間の無駄 設計者が考えたファイル構造やヘッダ情報を定義するためのドキュメントの無駄 コーディング時にWFやPSD上のテキストをコピペして移し替える無駄 リンク構造や動き、使い勝手を紙面上で表現しようとする努力の無駄 共通パーツに修正が入った時に各ページごとに修正を入れていく無駄 PC用とスマホ用の2種類のWFを作る無駄 更新するたびに新しいWFを印刷する紙の無駄 いずれも工夫次第で軽減できる問題でしたが、意思疎通のための中間成果物の体裁を整えるための多くの時間が無駄では？
PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景
| 大森渚の日記
ブログをはじめるたくさんの芸能人・有名人が 書いているAmebaブログを 無料で簡単にはじめることができます。
高木浩光＠自宅の日記 - 情報経済課は恥を知って解散せよ（パーソナルデータ保護法制の行方 その12）
■ 情報経済課は恥を知って解散せよ（パーソナルデータ保護法制の行方 その12） また同じ過ちが繰り返された。いったい何度繰り返せば学習するのか。 経済産業省委託事業 「経済産業分野における個人情報保護ガイドライン」 説明会 参加者募集開始！ http://t.co/JRFplpoiWP #プレスリリース — （株）共同通信社 (@Kyodonews_KK) 2014, 12月 2 このプレスリリースは誰が流したものか。以下の画面のように冒頭に「経済産業省」と記載があり、これを見た人は�経済産業省が流したものだと思うだろう。*1 経済産業省委託事業 「経済産業分野における個人情報保護ガイドライン」 説明会 参加者募集開始！, 株式会社共同通信社 申込先のリンクが http://kojinjohohogo-guideline.jp と書かれている。 やるのはいいけど、.go .jpじゃないわ、
DEFGHI1977のWEB技術まとめ・ツール等
written by DEFGHI1977 [重要] auonenetホームページ公開代理サービス終了に伴い、公開済みの各種ドキュメントをxdomainサーバーに移行しました. 旧アドレスへのアクセスは本ページにリダイレクトされます. お手数ですがブックマークやリンクなどのURL参照先の更新・変更をお願いいたします. You were redirected from old "dion(auonenet)" page which had been out of service. Please update URL settings of your bookmarks, links or more. Thank you. 突貫工事で作ったため, 抜けがあるかもしれません. ゲームツール等(game tools) 悪魔城ドラキュラHoD(Castlevania HoD)・アイテム早見表(Cas
デザイナー 哀の劇場(1) 支給データの怪
マイナビニュースをご覧の皆様こんにちは。まずりんと申します。フリーになりしばらく経ちますが、以前は制作会社にてデザイナーとかアートディレクターとかをやっておりました。この連載では、デザイン制作会社あるあるをゆるっと紹介していきますので、よろしくお願いします!(※あくまでフィクションですからね!) さて、今回はクライアントからの支給データ、主に画像についてです。アデ子さんは8割のデータが使えないと言っておりますが、実際は6～7割くらいで、体感的に8割という感じです。クライアントのPC環境ではデータを確認できない場合もあるので、まあ仕方ないですね。支給データに起こりうる問題は、漫画のようにデータの解像度が低すぎるというパターン以外に、データが破損していて開けない、違うデータが入っている、リンクデータが抜けている、撮影方法が悪すぎるなどなど、多岐にわたります……。 こういった場合、データの再支給
LINE Social Plugins
Click here if your browser does not automatically redirect you...
【Web広告研究会】 社団法人日本アドバタイザーズ協会 Web広告研究会のサイトです。
9月のデータ活用委員会は、9月20日（金）16:00-18:00で 【オンライン限定】【DMI会員向け特別拡大開催】にて開催します。 今回は、個人情報保護委員会（PPC）にて検討が進んでいる、...
WEBデザインという仕事のなかで、意識しておくべき５つのコト
こんにちは、WEBマーケッターの荒木です。 WEBデザインという仕事は面白くもあり、難しくもあります。 難しいからこそ、やりがいのある仕事とと言えます。 今回は、そのWEBデザインという仕事のなかで、意識しておくべき５つのコトを紹介します。 (1)WEBデザインは積み上げていくもの WEBデザインは積み上げていくものです。 新しい案件だからといって、またゼロから新しいものを生み出す必要はありません。 WEBデザインはアートではありませんので、 ユーザーはデザインに対して常に新しいものを求めているわけではないのです。 これまで培った経験やノウハウを存分に生かしきったデザインのほうがよりクオリティが高く、ユーザーにとって使いやすいものになります。 勘違いしてはならないのは、すべてを同じテンプレートに当てはめれば良いということではありません。 案件ごとにターゲットやサイトのコンセプトが異なるわけ
携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About
携帯サイトの作り方 第1回 作成方法の基礎携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基本をご紹介。 (注) 本記事の解説は、ガラケーサイトの作成方法です。 本記事は、ガラケー(フィーチャーフォン)端末向けのウェブサイトを作成する方法の解説です。スマートフォン端末向けのウェブサイトの作成方法ではありませんのでご注意下さい。スマートフォン向けモバイルサイトの作成方法に関しては、下記の記事などをご参照下さい。 スマートフォン対応サイトを作る際の注意点 レスポンシブ・ウェブデザインの簡単な作り方 レスポンシブCSSで使うブレイクポイントの決め方 モバイルファーストでデザインする際のCSSの書き方 ブラウザの幅に合わせて表示を自動変更するレスポンシブ技12選
![携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/99ea29bf657cd4dbe096c25bd4423077e189e7a5/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F9%2F9%2F201610192029%2Ftopimg_original.jpg)
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
[CSS]アイデアにセンスを感じる、アニメーションがかわいいナビゲーションを実装するチュートリアル
ナビゲーションの各アイテムをホバーすると、光源が移動するラーヴァランプ風エフェクトをスクリプトは使用せずに、スタイルシートで実装するチュートリアルを紹介します。 矢がハートを射貫くのかわいいですね。 デモページ 実装 実装は共通パートと3つのデモで異なるパートに分けて紹介します。 Step 1: 共通 HTML HTMLは3つとも基本的には同じです。 classの「nav」は共通で、「ph-line-nav」を変更して利用します。 <div class="nav ph-line-nav"> <a href="#">Home</a> <a href="#">About</a> <a href="#">Gallery</a> <a href="#">Contact</a> <div class="effect"></div> </div> Step 2: 共通 CSS 3つのデモの共通のスタイ
入力フォームのどこで脱落したのか？ Googleアナリティクスで評価する――実例で解説！イベントトラッキング（3）［第68回］ | Googleアナリティクスとは／衣袋教授のGoogleアナリティクス入門講座
eコマースサイトなどでは、商品をカートに投入してから購入までの間に、少なくとも初回購入時には、名前、住所、メールアドレス、クレジットカード番号などの各種情報を入力したり、入力内容の確認作業をしたりしなければならない。 ユーザーのうち、一定の割合は、この手続きが面倒で、途中でやめてしまうことがある。いわゆる「脱落」だ。 どのステップ（ページ）で脱落したかを知りたいときは、Google アナリティクスの「目標到達プロセス」レポートを設定すれば、どのページで動きが止まったのかを簡単に知ることができる。詳しくは以下の過去記事を参照してほしい。 目標到達プロセスのレポートで、カートから購入までのボトルネックを見つけよう［第56回］しかし、Web解析担当者としては、ページ単位ではなく、各ページの入力フォームのどこで入力を諦めてしまったのかまで知りたい、というのが本音ではないだろうか。 そこで今回は、入
チェック項目のテンプレート | Webのコト、教えてホシイの！ | Web担当者Forum
制作内容新規制作 リニューアル ページ追加 更新、改修 サイトの想定ユーザーどんなユーザーが対象か、整理しておく サイトの種類EC（ネットショップ） コーポレート 店舗情報 製品、サービス紹介 人事採用 キャンペーン Facebookページ IR その他 サイト規模最大10ページ 最大20ページ 最大30ページ 最大50ページ 最大100ページ 100ページ以上 独自ドメイン名の取得依頼する 取得済み 使わない サーバー自社で用意 依頼する SSL証明書使わない 自社で用意 依頼する 予算予算イメージをもっておく スケジュールサイト公開予定日 サイト運営／更新自社で行う 依頼する 更新頻度毎日 週単位（回数の目安） 月単位（回数の目安）
[CSS]主要ブラウザの特定ブラウザのみに有効なCSSハック集
Internet Explorer、Firefox、Safari、Chrome、Operaなど主要ブラウザの中の特定ブラウザのみに有効なCSSハックをbradKELLETTから紹介します。 Documenting the Hacks: CSS Browser Targeting CSSハックは使用しないに越したことはありませんが、必要がある場合には最小限簡潔に記述しておくようにします。 各ブラウザの新しいバージョンがリリースされた際、これらのハックが無意味なものになることも念頭においてください。 Internet Explorer 6 IE6のみに適用します。 <textarea name="code" class="css" cols="60" rows="5"> #selector { _property: value; } </textarea>
![[CSS]主要ブラウザの特定ブラウザのみに有効なCSSハック集](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
ウェブには編集力が必要だ - 御社には“価値あるコンテンツ”を作る人がいますか? | 初代編集長ブログ―安田英久
今日は、企業サイト・マーケ・広報・ソーシャルメディアなど幅広く関係する話を。企業内において「コンテンツ」を作る役割のスタッフや体制作りに関する話題です。 御社では、顧客や見込み顧客に対してどんなメッセージを発信していますか？ そして、そのコンテンツはだれが作っていますか？ そもそも、「価値あるコンテンツ」とは何でしょうか。それは、企業が自ら発信する、売り込みのためではない情報だと考えてください。 いまの消費者は、企業が売り込みのために伝えたいことを発信するだけでは、反応してくれなくなっています。また、マスメディアを通じた情報発信も信頼されづらくなっていますし、情報が洪水のようにあふれている時代にはマスメディアの効果も（相対的に）下がっています。そもそもネットでは、価値のあるコンテンツでなければ見てもらえません。 そのために、自社サイトやソーシャルメディアなどの場で、受け取る人にとって役に立
SEOのプロなら知っておかなければならないHTMLタグ ほか10記事（海外&国内SEO情報） | 海外&国内SEO情報ウォッチ
日本語で読めるSEO/SEM情報SEO効果は100で割ってみる集客数の見積もり方法 （Sphinn Japan Blog）Google AdWords キーワードツールでの月間検索数データを基に、SEOの費用対効果を計るユニークな計測方法。キーワードのマッチタイプ、想定クリック率/コンバージョン率で結果は変わるだろうが、考え方が参考になる。 サイトから削除するわけにはいかないけど検索結果には表示させたくない場合は…… （αSEO(アルファSEO)）運営上必要だが、検索結果に表示させたくないWebページの設定方法。(1) metaタグ、(2) robotx.txt、(3) Googleウェブマスターツール/Yahoo!検索サイトエクスプローラー、(4) .htaccessの4つの方法を説明。 CMSによってSEOの効果に違いはありますか？ （SEO＆SEM 五足の靴）MTがいいのか、Word
みんビズでWeb屋がなくなる可能性 | 企業ホームページ運営の心得
コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦（有限会社アズモード） 知識や経験がなくても15分で独自ドメイン名のサイトを立ち上げられる「みんなのビジネスオンライン（みんビズ）」が始まりました。すでにご存じの方も多いのでなぞるに留めますが、日本企業の99.7％を占める中小・零細企業をターゲットとし、グーグルと協力企業によって開始されたサービスです。サイト制作は直感的操作が売りのCMS「Jimdo」が提供され、当初1年間の利用料は無料で、2年目以降、月額1,470円の利用料が発生し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブデザイナーにお勧め！フォントやタイポグラフィの知識・テクニックを学ぶまとめ | コリス
サイト運営に必要なのはアクセス解析とSEOの知識、外部に求めるのはコンサル力／Web広告研究会 調査 | Web担当者Forum
