NEWS2018.06.21Webサイトをデザインすると言うことWebサイトをデザインするとは、どう言うことだろう?もう一度、初心に戻って考えてみたいと思う。WebサイトのデザインとはWebサイトのデザインとは、ゴール(目的)に向かってユーザーに適切な情報や体験を得てもらうよう設計することだと考えている。デザインというと見た目を整えることだと考えるひとが多いと思う。論文での定義は”デザインとは、特定の環境下かつ様々な制約の中で、目的を達成するために、未完成の要素を組み合わせて、要求を満たすような仕様を明示すること。”もしくわ”デザインは、ユニークな期待に答えるためのロードマップまたは戦略的アプローチです。安全/経済制約の中で何をどのようにするべきか、また、仕様や計画、パラメーター、コスト、活動、プロセスを定義します。”の二つが提唱されいる。デザインの厳密な定義は、個々人のとらえ方次第で良いのだと思うが、言葉よりも、何がユーザーのためになる(適切なUI・UX)のかを考え抜くことが大切なのではないだろうか。Webサイトは、見た目だけデザインすれば良いというものではない。どのような目的があり、何が伝えたいのか、何を体験して欲しいのかを考え、ゴールするのにもっとも適切な方法を実装することが大事なのである。ゴールに導く適切なUI・UXまずUXを考える上で大切なことはWebサイトに来て欲しい顧客(ペルソナ)にサイトでどんな行動をしてほしいのか、サイトを見た結果どうしてほしいのかを目的を明確にしましょう。ユーザーの体験をいかに良いものにできるかを考えていくことが大切です。WebにおけるUIとは、ナビゲーションやボタン、フォームなど、サイトを使う上で必要なパーツのことを指します。UXは、そのパーツの使い勝手や欲しい情報へのアクセス性などによって抱く感情のことを指します。なんだかユーなちゅあらが二つあってややこしいですがUX(ユーザーが体験すること)の方が重要です。上記のことが、まさにWebサイトをデザインすると言うことではないでしょうか。ichikawaはじめまして、市川です。2018.06.21Webサイト制作のワークフローWebサイトの制作は、見た目のビジュアルデザインの他にさまざまな作業を経て完成します。制作依頼とオリエンテーションクライアントからお問い合わせ・ご相談を受ける。オリエンテーションとヒアリングを行います。それによって「何のためにWebサイト」を制作するのかを明確化することでゴールを決める。要件定義オリエンテーションとヒアリングからクライアントの課題や悩みを整理し、そしてゴール出来るように具体的に要件を定義する。ゴール(目的)がブレる場合や難しい場合は追加でヒアリングを行い実現可能な要件になるまで何度も精査することが大事となる。整理された要件(ゴールや目的)を解決する企画をまとめる。要件によってワイヤーフレームやカンプデザインだけではなく、どうやってゴールを目指すのかと言ったロジックが明確にわかるようなドキュメントにする場合もある。プレゼンテーションクライアントに立案した企画内容をプレゼンテーションする。プレゼンした企画に対してクライアントの承認を経て発注となる。承認をいただいた企画に対して、実制作に向けたより具体的な仕様を策定する。策定した仕様をクライアントに随時確認をとり間違った方向に行かないようコミニケーションを欠かさないようにする。策定した仕様に基づき、具体的なモックアップを作る。Flywheel)設計段階で決めたテンプレートやレギュレーションに即してWebページを制作する。案件によっては画像素材の撮影や取材を行い企画に沿ったコンテンツも制作する。テストテストサーバーを用意する(本番環境が同様な)そこに制作したWebデータをWebサイトとして構築する。内部テストおよびクライアント確認を行い、修正箇所やバグがある場合は修正を行う。最終テストを行い、クライアントに承認をもらった後に、Webサイトを納品する。弊社の場合、指定されたWebサーバーにUPまたはDVDディスク納品のどちらかにて対応しています。Webサイト公開までに基本的なワークフローは同じであるが、Webサイトのタイプによってデザインワークに時間をかけたり、UI・UXの調整に時間をかけるなど、細部の進行に違いがあることもあります。ジェイアイディではアジャイル型を推奨しておりクライアントのニーズを盛り込みながら制作を進めている。それによってある程度のところで公開し、公開後にブラッシュUPすることでスピード感持って進めることが出来る。ichikawaはじめまして、市川です。Webサイトってどちらが正しいのか考察してみます。「ホームページ」「Webページ」「Webサイト」は、ほぼ同じ様な意味合いで使う事がありますが、意味合いが少し違います。あなたが今見ているような、ブラウザのウィンドウに表示されるページのことを「Webページ」と言います。Webページが集まって一冊の本のようになっているWebページ群を「Webサイト」と言います。その表紙にあたるWebページを「トップページ」と言います。ページで、最初に閲覧されることを意図したページ。ページ一般を指すこともある。Webブラウザを起動したときに最初に表示されるページのことでした。現在も、ブラウザの設定画面やツールバーに「ホーム」「ホームページ」などの表記が残っています。ホームページには、GoogleやYahoo!JAPANなどポータルサイトのトップページを設定している人が多いと思いますが、このように、Webサイトのトップページをホームページに設定する人が多かったため、Webサイトのトップページのことを「ホームページ」と呼ぶようになりました。上にあり、一般に特定のドメイン名の下にある複数のウェブページの集まりのこと。サイトと呼ばれることもある。企業などの団体が自身を紹介するため自ら構築したサイトを、その団体の公式サイトなどと呼ぶ。ウェブサイトはウェブページの全体や存在を漠然と示す場合に使われ、ウェブページは特定のページや複数のページを指す場合にも使われる。どっちが正しいの?現在では全てを「ホームページ」と呼んでしまってます。インターネットが普及期に差し掛かり、WebブラウザやWebサイトのことを知らない人に説明する過程で、本来「Webページ」「Webサイト」と呼ぶべきところをすべて「ホームページ」と呼んでしまう現象が発生しました。このため、現在では「Webページ」「Webサイト」全てを「ホームページ」という言葉が使われています。そのため、「Webサイト」と呼ぶのが正式には正しいと思われます。「Webサイト」は、Webページが集まった意味のあるまとまりichikawaはじめまして、市川です。2018今回は、PCリプレースも兼ねてジェイアイディのWeb制作環境(パソコンなど)について考えてみます。現状のWeb制作環境(パソコン環境)まず、現状のジェイアイディにて使用しているPC・タブレット・スマートフォンを箇条書きします。s9基本的の方針としては、クリエィティブ(Web・デザインなど)はMacを推奨とし、営業はWindowsノートPCとiPadの二台持ちにさせています。クリエィティブではCGや動画制作などでWindowsを使わなければいけない案件が増えたためZ820のようなHPのワークステーションや自作PCなどを使わなければいけない状況です。営業に渡してあるiPadは正直なところあまり活用されてません。最後にiPhoneは電話・テザリング・メール・カレンダーなど頻繁に使用され仕事になくてはならない存在です。「シンプルでクールでかっこいい」デスクトップPCとノートPCのどちらが良いか?とりあえずハードとしてデスクトップとノートパソコンのどちらを選ぶか決めなければなりません。営業はノートパソコンの一択で決定なのですが、問題はクリエィティブです。デスクトップの方がスペックもコスパも良いのですが、持ち運べません。ノートパソコンの方なら、クリエィティブに使うスペックだと結構なお値段がします。外部ディスプレイやドッキングステーションも用意しないと不便かもしれません。13のスペックでも大丈夫でしょう。外部GPUボックスも対応になったことだし社内PCは基本はノートパソコンにします。たけのこ派なら断然きのこ派です。MacとWindowsならどっち?OSは統一した方が、良いに決まっているってことで「シンプルでクールでかっこいい」基本方針のイメージでMacを採用したいと思います。してもWindowsを業務で使用しなきゃいけない時にはBootcampで入れたWindowsでしのぎます。proなら、きっとクリエィティブから苦情が出るでしょう。「メモリ8GBとか舐めてんの!?最低16GBでしょ!いや?32GBなきゃ無理だよ。proと同じ値段なら(実際には少しプラス)で自作PCに変更出来る権利を与えましょう。Proを導入したのですが、私たちにはまだ時期少々だったようです。理想的には、営業にはノートパソコンを無くしiPadのみに出来たら良いなと考えていたのですが、どうしても不便でパソコンを使ってしまうそうです。同じ作業をiPhoneで十分で手軽に出来るため出番が少なくなりがちでした。そのため、今回はシンプルにMacbookのみにしようと思います。Mouseichikawaはじめまして、市川です。2018.06.21Webサイトのリニューアルで大切なことWebサイト担当者として、最も力の入る仕事と言えば「Webサイトのリニューアル」ではないでしょうか。一方で失敗しやすい業務でもあり、リニューアル直後は新鮮味や満足感があるにも関わらず、その後にWebサイトの運用効果が表れなかったことで責任を追及されたりなんてこともあるかもしれません。近年、Webサイトはどの企業にとっても重要な位置を占めるようになりました。企業は目的を持ってWebサイトのリニューアルを成功させたいと思っていますが、知識や経験がないために多くの企業が失敗しているという事実もあります。「Webサイトのリニューアル」は、トレンドと正しい知識を持って取り組めばより良いコンバージョンへ繋がります。今回はそんな、「Webサイトのリニューアル」が失敗しないための注意点を紹介していきますので、今後リニューアル予定のある方はぜひ参考にしてみてはいかがでしょうか。Webサイトのリニューアルの目的を明確化しよう一番大事なことですが、なぜ「Webサイトのリニューアル」をするのか目的・ゴールを明確化しましょう。目的・ゴールがはっきりしていればサイト構成やデザインを決める上でブレずに進むことができます。さまざまな案があり盛り込みすぎて迷走してしまってた際も、その目的・ゴールに立ち戻れば良いのです。リニューアルのタイミングを決めようWebサイトリニューアルといのは“いつでもいい”というわけではなく、適切なタイミングが必ずあります。ケーキ屋さんWebのリニューアルならアクセスが集中する10~11月前にリニューアルを完了しているのがベストです欲を言えばリニューアル後の効果測定期間をある程度設けると良いかと思います。このように、サービスの種類やWebサイトの特性によってリニューアルの適切なタイミングがあるので、“今リニューアルすべきか?”をしっかりと考えた上でプロジェクトを立ち上げましょう。ユーザーの体験をいかに良いものにできるかを考えていくことが大切です。WebにおけるUIとは、ナビゲーションやボタン、フォームなど、サイトを使う上で必要なパーツのことを指します。UXは、そのパーツの使い勝手や欲しい情報へのアクセス性などによって抱く感情のことを指します。なんだかユーなちゅあらが二つあってややこしいですがUX(ユーザーが体験すること)の方が重要です。UXを考える上で大切なことはWebサイトに来て欲しい顧客(ペルソナ)にサイトでどんな行動をしてほしいのか、サイトを見た結果どうしてほしいのかを目的を明確にしましょう。その目的がお問い合わせとするならば、顧客(ペルソナ)がお問い合わせをスムーズに心地よくできることがUXの改善となります。スマートフォン対応2012年のニールセンの調査によると、アメリカのスマートフォン及びタブレット端末の利用者の約80%は、携帯端末を買い物関連の行動に使用したことがありました。この時点では、タブレットユーザーがスマートフォンユーザーよりも商品を購入する頻度が多かったのですが、スマートフォンを中心としたUXデザインの傾向が続いているため、現在に至るまでスマートフォンユーザーの割合が増え続けています。スマートフォンやダブレット端末からインターネットにアクセスするユーザーが、デスクトップからのアクセス数を上回るようになったのは2016年後半からです。レスポンシブデザインはアクセスした人のデバイス(PC/スマートフォン/タブレット端末など)の画面サイズに合わせて自動的にレイアウトが切り替わるため、あらゆる画面サイズに途切れることなく瞬時に対応します。ichikawaはじめまして、市川です。欠かせないパートナーを募集しています。F.0264-03-2413。