2017年最新版！プロトタイピングツールのまとめ | Supership Tech Blog
Supership デザイナーの若林です。アプリやWebサイトのUI/UXに携わっています（と言っても3月入社の新人ほやほやです）。 最近プロトタイピングツールが増えていますが、実際どれが一番実務に適しているんだろう？と気になっていたところ、良い機会をいただいたのでデザイナー観点で実際に（ざっくり）触った感想と比較をしてみたいと思います。 代表的なツールと種類・トランジション型（遷移）：Prott、Adobe XD、inVision、CanvasFlip、Marvel ・インタラクション型（アニメーション）：Origami Studio、Framer ・複合型：CRAFT + inVision、protopie、Principle、flinto、atomic 大まかにこのような分類で上記のようなツールが代表的かと思います。現在、当チームでは主に「Sketch」でUI制作、「Prott」でプ
UXデザインに必要なユーザーインタビューの方法と質問設計 | UXデザイン会社Standardのブログ
以前の記事にて、なぜ新規事業にユーザーリサーチが必要なのかを主に述べました。しかし、いざ行おうと思ってもどのように行えばいいのか悩まれる方は多いのではないでしょうか。 そこで、今回はUXデザインのリサーチ手法にはどのようなものがあるのかを分類した上で、その中でも利用頻度の高いユーザーインタビューの方法、特に質問設計にフォーカスしてお話したいと思います。 今回の記事では主に下記のポイントについて見ていきます。 どのように代表的なリサーチ手法を使い分ければいいのか？ どのようにユーザーインタビューの準備を進めていけばいいのか？ どのようにインタビューの質問を設計していけばいいのか？ そのため、特に「ユーザーインタビューの設計方法が分からない」「何を尋ねたらいいのかわからない」「質問しようと思ってもつい誘導してしまいがち..」という方に役に立つかと思います。 逆に今回の記事では、下記のポイントに
インタビュー記事づくりで大切な5つのポイント | ウェブ解析士ナレッジ
株式会社まぼろしの益子です。 ここのところ、読んでよかったと思えるウェブ記事は、インタビューや対談形式が多い気がしています。会話特有のリズムのよさ、表現のやわらかさ、自然な言葉選びなどのおかげで、「目で読む」のではなく「耳で読む」感覚で楽しめるからでしょう。 わたしもウェブサイト制作の一貫で、クライアント企業にインタビュー記事づくりを提案することが多く、実際にインタビュアーやライターとして関わることがあります。このような経験をもとに、インタビュー記事づくりで大切な5つのポイントをまとめてみます。 実際のインタビューメモ（30分ほどのインタビュー） 1. 対象者に聞きたいことを事前共有 質問をされても、すぐに答えられる人ばかりではない まず、当日聞きたいことを、対象者（インタビュイーと呼ぶことがあります）に事前に共有しておくことが大切です。その場でポンポンと質問をされて、当意即妙に答えられる
新人Webディレクター必見！お悩み解消・スキルアップできる記事8選 | SONICMOOV LAB
はじめまして、新人のmurakamiと申します。 Webディレクションというお仕事に携わらせて頂いて数ヶ月…感じることといえば、とにかく業務の幅が広いということ！ 進行管理はもちろん、企画や調査、取材、打ち合わせなどなど。 「スケジュールを組むのは得意だけど、トラブル処理ができず迷惑をかけてしまう」 「会議中はいいアイデアが出るのに、事前資料作りとなると手が進まない」 なんて悩んでいる方も多いのではないでしょうか？ そんなあなたをお助けする記事を、お悩み別にまとめてご紹介します！ さらなるスキルアップを目指している方もぜひチェックしてみてください。 コミュニケーションが苦手、コミュ障を改善したい！ 社内社外を問わずとにかく人と関わる仕事。つい意見を押し付けがちになっていませんか？ コミュニケーション上手になりたい人がチェックしておくべき記事 コミュニケーションの基本6項目が、3つのサイトを
いくらかかるの？Webサイト制作費用の内訳を徹底解説！ -Code部
かなりざっくりとしたもので、実際に使われる見積書はもう少し細分化されているでしょう。 ここでは、一般の人を対象にした説明なので、かなりざっくりとしたものにしています。 では、それぞれ解説していきますね。 ディレクション費用 ディレクション費用は、その名の通りWebディレクターの稼働費用のことです。 Webサイトを一度制作した経験がある人はわかると思いますが、実際にWebサイトを作り始めるまでに様々な工程があります。 どんなサイトを作るのかヒアリング、作るWebサイトの目的、それに応じたコンテンツなどなど様々な準備が必要です。 なのでWebディレクターの稼働が長いので、費用が多くかかってしまいがちです。 項目としてはこんな感じです。 ・打ち合わせ ・仕様策定 ・プロジェクト進行管理 ・デザイナー・エンジニアへの指示 ここで、Webディレクターの人件費が勿体無いと思われた方はいませんか？ ディ
意外とできてる会社ばかりではない！？Webデザインを行う前にすべき、Webディレクション作業まとめ。
こんにちはMUUUUU.ORGの中の人こと、QUOITWORKS Inc.のムラマツです。 最近はWebデザインと、グラフィックデザインが同時に発生する案件を絶賛募集しております！（宣伝） えーと今回は、Webのディレクションというのは正直決まったやり方が存在していないのが現状でありまして、 今の時代の業界標準を確認し直そうと思いまして「第一線のプロがホンネで教える 超実践的 Webディレクターの教科書」を参考に、改めてWebディレクションとは何をする仕事なのか、 Webデザインを始める前段階というところにフォーカスしてまとめました。 目次 前段：コミュニケーションはディレクターのメイン商品 1.ヒアリングをする 2.リニューアルの場合、現サイトの課題だしをする 3.コンセプトを作る（共通言語となる目標を決める） 4.ポジション設定をする（競合に対しての強みを見つける） 5.ペルソナ作り（
催促・お詫び・お断り…送りにくいメールをスマートに送る プロの具体文例集 - リクナビNEXTジャーナル
仕事上で発生する連絡事項には、「どうも言いづらいな…」というものも多々ありますよね。 例えば、相手に負担を強いるような依頼のほか、催促、お詫び、断り…など。 相手を目の前にして直接伝えるのであれば、声のトーンや表情によって感情を伝えられるので、何とかうまいことやれるような内容も、メールだと中々…。こちらは全くそんな気はないのに、妙にカドが立って相手を不快にさせてしまったり。 一体どうすればこうした「伝えづらい内容」をメールでいい感じに送れるのか？ 日本ビジネスメール協会の代表理事であり、ビジネスメールやコミュニケーションに関するコンサルティング・教育を手がける(株)アイ・コミュニケーションの代表を務める平野友朗さんにお聞きしました。 ▲(株)アイ・コミュニケーション代表の平野友朗さん 【前提】一つの言葉でも、自分と相手のとらえ方は異なることを意識する 前提として意識しておきたいのは、自分で
新人デザイナーさんのディレクションから学んだコミュニケーションの心得 - コネヒト開発者ブログ
こんにちは、デザイナーのきよえし(@kiyoe_furuichi)です。 先日、ついにコネヒトデザインチームが結成されまして、チーフデザイナーを担当することになりました！ 手探りながらチーフとしての役割を担っていて一番感じるのは、自分でつくるより何倍もつくってもらうほうが難しいということです。日々多くの発見や学びがあるなあと勉強させていただいてます。 今回は、私が新人デザイナーさんをディレクションするなかで、より良いコミュニケーションをとるために実践している"心得"をいくつかご紹介したいと思います。 制作の流れ まず、デザインを制作する流れとして私たちは以下のように制作を行っています。 タスク依頼 スケジュール調整〜制作 フィードバック リリース・振り返り 私が担っているものは具体的に、タスクの依頼を受けて担当デザイナーを決めることと、スケジュール管理・フィードバックを行いながら完成までフ
ビジネスメールの書き方～文例（社内メール・社外メール）～
メール文書での注意点 メール文書を書く前の注意点、書く際の注意点について説明します。 メール文書を書く前の注意点 メールの特性を理解する メールの注意点・求められている点 メールのみでは危険な連絡にはメールは使用しない 送信者(自分自身)名を設定する 宛先には敬称をつける TO、CC、BCCの使い分けを理解する メールの形式はテキスト形式とする メール用の署名を作成する セキュリティチェックをする
アジャイル型開発の重要性とは？ - 株式会社ヴェス
アジャイル型開発の重要性とは？ 従来のウォーターフォール型開発における課題を解決し、手戻り工数を削減！ 近年、激しくなり続ける市場競争はソフトウェア開発においても例外ではなく、今まで以上の短納期が求められています。しかし、従来通りのウォーターフォール型開発の場合、あらかじめ全体の機能設計を済ませてから機能を実装するため、開発着手までにどうしても時間がかかってしまいます。さらに、テストで不具合が発覚すると、後半になればなるほど手戻り工数が大きくなってしまうため、開発途中での仕様変更・追加対応が困難となります。 そこで近年注目されているのが、「アジャイル型開発」による市場投入までの期間短縮であり、競争の激しい分野において採用例が増えてきています。
ディレクション費って何？Webサイト制作費の内訳を大公開！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。WebディレクターのJackです。 ぶっちゃけ、Web担当者は「サイト制作にいくらかかるの？」ということが気にかかりますよね。とくに皆さんによく聞かれるのはディレクション費について。 「ディレクション費？ プランニング費？ いらないでしょ？ 値引きしてよ！」 そう思った方！ それは危険です！ Webディレクターの働きは目に見えづらいため、そう考える方も多いとは思います。しかし、プロジェクトの成否はWebディレクターにかかっているといっても過言ではありません。 本記事では、ディレクション費の内訳や、Webディレクターの役割、必要性についてご説明できればと思います。 ディレクション費ってなに？ Web制作におけるディレクション費とは、一言でいうとWebディレクターの稼働対価のことです。いわゆる人件費ですね。 たとえば下記のような稼働に対してかかってきます。 打ち合わせ（ヒアリング）
ディレクターは読んでおきたいチームマネジメント記事 | SONICMOOV LAB
こんにちは。 2016年が始まりましたがみなさんいかがでしょうか。 今回はチームマネジメントついての記事を参考にしつつ、自分自身のチームに取り入れている内容を紹介していきます。 良い所などを可能な限り紹介して、みなさんの参考になればと思います。 1日2回のMTGとカンバン方式のタスク管理 自身のプロジェクトでは、1日2回のMTGとカンバン方式のタスク管理を行っています。 1日2回のMTG 1日2回、始業後と終業前に約15分ほどのMTGを決められた時間に行っています。 ●朝礼MTG 各自の本日のタスク共有 困っている事、気になっている事 ●終礼MTG 本日行ったタスク 困っている事、気になっている事 朝礼・終礼時にタスク共有を行う必要があるので、それまでに各自がタスク整理を行うようことが意識づけられる。 また、困っている事などをチーム内に共有されることで、1人では解決できないような問題がその
Web制作会社の探し方・比較方法・見積りの目安・お問い合わせ時に気をつけることって？ | THE BAKE MAGAZINE
たくさんあるWeb制作会社。1,000人以上のプロダクションから、フリーランスのクリエイターまで選択肢は様々です。 数多くある中から、目的にハマッたWeb制作会社をどのように見つければ良いのでしょうか？以下の方法をご紹介します。 1.Web制作会社年鑑を活用する 2.Webクリエイター向けの求人サイトを活用する 3.ポートフォリオサイトを活用する 4.クライアント側に直接聞いてみる 5.メディアやアワード、団体などを参考にする 1.Web制作会社年鑑を活用する http://www.weblab.co.jp より マイナビさんから出版されている『Web制作会社年鑑』では、大小様々なWeb制作会社が100社以上掲載されています。 実績一覧はもちろんのこと、従業員数や、受注額の目安、所在地などもわかりやすく記載されているので、「Web制作会社年鑑で探しています」という方は多いかと思います。 「
丁寧な「要件定義」がWebディレクターの武器になる！進め方やコツを解説
Webディレクターの毎日は、協力的でものわかりのいいクライアントとスムーズにやりとりしながら、クオリティの高い制作物を完成させていく…なんて順風満帆なことばかりではありません。むしろ「クライアントの要望がどんどん増えて困った」「言った、言わないでモメた」「炎上した」、挙句の果てに、スタッフは徹夜でボロボロ、お金も請求できなかった…そんなトラブルの数々に頭を抱えることのほうが多いかもしれません。 しかし、『失敗しないWeb制作 プロジェクト監理のタテマエと実践』（ワークスコーポレーション）の著者・みどりかわえみこさんによると、トラブルを避けながら制作物のクオリティを上げるためには、「きちんと要件定義を行う」こと重要とのこと。要件定義をしたことがない人も、してはいるけど本当に必要なのかイマイチ分からないという人も、今一度要件定義について学んでみましょう。 目次 今さら聞けない!?イロハのイ～そ
システムエンジニアと話していて困ったこと
システム開発でエンジニアとのコミュニケーションで困るのは良くある話。 今まで色々な開発に携わってきましたが、社内SEとのコミュニケーションで困ったことと対策を書いてみました。 私自身が現役エンジニアでもありますが、どちらかというとディレクションの方が経験が多いので、両方の目線で考えてみました。 何を言ってるか分からない 「マスターにマージしたらコンフリクトしてデプロイできません」 とか 「オンプレ環境でデータベース構築したのでクラウド環境からリプレイスします」 とか、聞く人が聞いたら 「パルスのファルシのルシがパージでコクーン」と同じレベルですよね。 意味不明すぎて「日本語でOK」って言いたくなりますがそこは我慢です。本人は普段から当たり前に使っている言葉なので、伝わらないことに気付いていないだけなんです。 ただ、これの対策はあんまりなくて、、、 「可能な限り覚える」しかないと思ってます。
Webサイトの品質をアップさせる便利ツール＆機能のまとめ | ベイジの社長ブログ
成熟市場においては、品質の高さでは優位性を築けなくなると言われます。しかし、だから品質にこだわらなくても大丈夫、と考えるのは早計です。裏を返せば、品質の高さが当たり前になっているため、少し品質が低いだけでブランドを大きく傷付けやすい環境になっているとも言えます。 そういった考えもあって、今年行っている当社のブランド再構築活動の中では、高い品質を担保するためのレギュレーションの整備に力を入れてきました。あわせて、当社として利用する品質を維持するためのツールや機能も改めて洗い出してみました。今日はこの内容を公開させていただきます。 JavaScriptエラーを無くす JavaScriptのエラーは、大きな問題が起こっていないように見えても、大事な機能が動かなくなったり、スペックの低いマシンで極端に挙動が遅くなったりすることがあります。各ブラウザのデフォルト機能で簡単にチェックできますので、エラ
How to Create Website Wireframes
2014年8月17日 Webサイト制作, 便利ツール WebクリエイターボックスではWeb制作の応用技術をよく紹介していますが、基本の流れはちゃんと説明していないな…ということで、「連載！実践で学ぶWebサイト制作ガイド」として、実際に1つのサイトを作りながらWeb制作の流れと方法をまとめて書いてみることにしました。この連載企画はブログ開始当初に考えていましたが、2年半ほど忘れてました…。今回は「ワイヤーフレームの作り方」です。これも過去に「Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する」という記事を書いていたのですが、私の使用するツールも変わったので、改めて記事にすることに。 ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その3 目標：わかりやすいワイヤーフレームを作成することができる 必要なもの：紙とペン 対象レベル：超初心者OK
ランサーズ [Lancers] - 仕事をフリーランスに発注できるクラウドソーシング
はじめまして。ご提案させていただきます。 利用者の心に寄り添って 快適なおもてなしを目指すベストケアの姿を表現しました。 どうぞよろしくお願いいたします。
![ランサーズ [Lancers] - 仕事をフリーランスに発注できるクラウドソーシング](https://cdn-ak-scissors.b.st-hatena.com/image/square/fd3a3c4df3121299730c35d16c5e006a788c4cbb/height=288;version=1;width=512/https%3A%2F%2Fstatic.lancers.jp%2Fimg%2Ficon%2Flancers_logo200_200.png%3Fv%3D2.0){kind=logo}
WEBサイト制作前やデザイン制作時に欠かせないヒアリングシートを作り直してみた | WEBとかデザインとか | アスパラブログ | アスパラガス
制作依頼時のヒアリングシート ヒアリングシートの内容には、業種によって様々なものがあると思いますが、WEB制作に関して言えば、制作依頼のお話が来た時点や、検討されている段階で、お客様の考えをアウトプットすることに大きな目的があり、その内容をもとにサイトの方向性や目標等を定めていきます。 アウトプットする内容としては、大きく分けて以下のような項目になると思います。 ■ WEBサイト構築の背景・目的 ■ WEBサイトのタイプ（企業サイト、製品紹介サイト・ECサイト、etc...） ■ ターゲットとするエンドユーザーの層 ■ WEBサイトから期待する効果 ■ 同業種・競合他社の有無とその動向 ■ 予算と制作スケジュール ■ 保守・管理に関して WEBサイトを"意味のある・効果のある"ものへと作り上げていく上で、上記項目は欠かすことのできない情報となります。 これらを踏まえた上で、その他様々なヒア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webディレクターが役割をしっかり果たさないとプロジェクトが進まない -Webディレクションの新・標準ルール
