企画書に関するpiralinoのブックマーク (13)

  • 数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている8つのこと。 - 笑顔を創りたいWebディレクターの日常

    なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて面倒くさくなってきて激しく後悔したびっくりしたという。 ぼくはWebディレクターでありデザイナーさんではないし、すてきデザインができるようなビジュアルセンスのようなものは、誠に残念ながら母上から授けられずにこの世に生を受けているものですから、"いわゆる"デザインはやらないんですが、その前の画面設計についてはワイヤーフレームなるものでいっつもやっておりますので、その観点からなんか書きましょうとそういうことですお母様(謎) そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 Webディレクターとしてはえーと、もうすぐ丸12年になります。そうするとまあ、たぶん数千ページは「ワイヤーフレーム」をつくってきたんじゃないかと思います。正確な数字はわかんないです

    数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている8つのこと。 - 笑顔を創りたいWebディレクターの日常
  • 「ファシリテーション」というディレクション必須スキルの要点まとめ

    はいこんにちは。ディレ協 関西の出原です。 最近あっちゃこっちゃで耳にする「ファシリテーション」について、Webディレクタースクール(デスクトップワークス)の田口真行さんの講演を聞く機会がありましたのでちょっとレポートしてみます。 いやいや、完全に舐めてました。ファシリテーション、ディレクターにとっては必須スキルっすよ。これ。 まずファシリテーションってなに? 一般的には「会議の進行をスムーズにする人&そのスキル」みたいな認識になっている(ような気がする)ファシリテーション。 講師の田口さん曰く、Webディレクションにおけるファシリテーションとは「ブレインストーミング(ブレスト)という大海原に漂う船を目的地にたどり着かせること」。つまり、ファシリテーターとは船におけるキャプテンを指すんだそう。 ......うーむ、わかったような分からないような。 なんだか難しそうに聞こえてしまいますが、実

    「ファシリテーション」というディレクション必須スキルの要点まとめ
  • ワイヤーフレームを捨ててHTMLプロトタイプに移行した結果 | ベイジの社長ブログ

    私たちの会社では長らく、画面設計といえばPowerPointを使い、ワイヤーフレーム(以下、WF)を作っていました。Web制作会社における非常にスタンダードなやり方であったため、ベターな方法と受け入れつつも、例えば以下のような無駄も多く、決してベストではないとも感じていました。 設計者がコーダーに文書構造の意図を説明する時間の無駄 設計者が考えたファイル構造やヘッダ情報を定義するためのドキュメントの無駄 コーディング時にWFやPSD上のテキストをコピペして移し替える無駄 リンク構造や動き、使い勝手を紙面上で表現しようとする努力の無駄 共通パーツに修正が入った時に各ページごとに修正を入れていく無駄 PC用とスマホ用の2種類のWFを作る無駄 更新するたびに新しいWFを印刷する紙の無駄 いずれも工夫次第で軽減できる問題でしたが、意思疎通のための中間成果物の体裁を整えるための多くの時間が無駄では?

    ワイヤーフレームを捨ててHTMLプロトタイプに移行した結果 | ベイジの社長ブログ
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

    dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
  • 7つの質問。初心者がウェブサイト制作の準備で考えておくと良いことって?

    1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない><」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか? HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる 自力でウェブサイトの制作へ挑もうとしている初心者さん。うまく進められるように、一番最初の準備段階で考えておくと良いことをまとめてみました。 「ホームページを作りたい! でも、どこから手をつければいいのか分からない。」という質問をたびたび受けます。答えを一言で表すなら『色々なことを考えすぎない』 最初からあれもこれもと雑多に思いを巡らすと終着地点が見えないどころか次の一歩も踏み出せません。 僕はよく、こんなシンプルな質問を自分に問いかけてみるところから始めたりします。答えていくことによってアイデアを整理

    7つの質問。初心者がウェブサイト制作の準備で考えておくと良いことって?
  • HP作成の初心者でワイヤーフレームの作り方をよく知らない人へ

    気でweb制作仕事にしたいなら 現場で通用する実践的なスキルを身につけましょう。 【独学 vs スクール】メリットとデメリットを比べて、おすすめの学習方法もお伝えします。 続きはこちら 今回は、web制作時によくある悩み「ワイヤーフレームの作り方がわからない」を解決します。 意外に、ワイヤーフレームの作成方法を詳しく教えてもらう機会は少ないですよね。 そのため、以下のような悩みを抱える人が多くいます。 ワイヤーフレームが何かを知っているけど、いまいちうまくまとめられない。 ワイヤーフレームを作るときの手順が合っているかどうか自信がない。 webサイトの制作過程において、ワイヤーフレームの時点で失敗していると次の工程のデザインも絶対うまくまとまりません。 ワイヤーフレームは、家を建てるときの設計図と同じ役割をします。 適当に作った設計図をもとに家を建てたら、当然、住みにくく崩れやすいもの

    HP作成の初心者でワイヤーフレームの作り方をよく知らない人へ
  • 【榊正宗の異説まとめ】企画書の作り方。

    ▼榊正宗について CGクリエイター、キャラクターモノの企画、ゲームディレクター、小説家など多方面で活躍するクリエイター。 TVアニメのCG制作協力多数。東北ずん子の企画。朗読少女の開発。伊勢神宮PV制作監修。iPhoneアプリ開発。以前は、三國無双、バイオハ ザード、ロストプラネット等のiアプリ開発。ゲーム業界小説、社長少女。 詳細なプロフィールはこちら https://megamarsun.amebaownd.com/pages/61059/page_201506052113 榊正宗@BlenderQuiz @megamarsun 企画をつくる上で大切なのは、「なぜ、それは今無いのか」に焦点をあてること。でも、世の中の企画書の大半が、「いまこれが売れてるのでやりましょう」になっている。それは企画というより、計画。つまり、「いまこれが売れている」というコンセプトで入るのは企画書ではなく計画

    【榊正宗の異説まとめ】企画書の作り方。
  • 企画書・提案書のデザインテンプレートサイト4選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    提案書や企画書の作成は慣れが大事。慣れるまでは効率のいい作成の仕方がわからず、完成までに膨大な時間を要してしまう人もいるのではないでしょうか。 今回は「ほかの人の企画書を盗み見できるサイトやページ」をご紹介します。見せ方や考え方、そしてそれを先方に伝えるためのノウハウが詰まりまくっているので、見て損はないと思います。 それでは、見てみましょう! 未経験から6ヶ月でWebデザイナーを目指しませんか? クリエイターに興味があるけどなり方がわからない、Web業界への転職を目指している……という方は、「スクールでの勉強」もおすすめです。将来について悩んでいる方はぜひ一度LIGにご相談ください! ▼少しでも気になる方は、ぜひ公式サイトをご覧ください! さまざまな企画書を盗み見できる Web サイトまとめ 1. alle https://the.alleslide.com ボリュームがすごいです。 2

    企画書・提案書のデザインテンプレートサイト4選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Webディレクターが「0から1を作る」ための戦略設計に必要な4つのステップ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、制作部の長をやらせてもらってます、なかみーと申します。 最近はやや肌寒い日も増えてきて、体調管理に気をつけたいですね。こんなときこそ、日々鍛えているボディが活きてくるのです。 さてさてWebディレクターのみなさまは、夢いっぱいに目を輝かせた上司やクライアントから、以下のようなことを言われた経験が、一度はあるのではないでしょうか。 「自社メディアをほしいと思ってたんだよね」「◯◯を楽にできるようなアプリがあったらいいなぁ」「◯◯に似たようなサービスをつくって」etc.etc. ただ、僕自身も何度か経験がありますが、単純に前例に近いものを実現するだけでいいのであれば、実はそんなに大変な作業ではありません。 Webディレクターにとって一番大変なのは、新規系のサービスの実現。つまり“0から1を作る”ことです。そこで日は、“0から1”を作るために必要なプロセスを、4つのSTEPで紹介し

    Webディレクターが「0から1を作る」ための戦略設計に必要な4つのステップ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • "分かったつもり"で設計するな!上流工程のディレクション基礎まとめ(0ディレ関西レポ) | Webディレクターズマニュアル

    こんにちは。日ディレクション協会 関西支部の出原です。 関東では既に何度も開催されている「0からのWebディレクション講座(通称0ディレ)」が、ついに関西でも開催されたので、今回は参加レポートの形を取りながら、そこで得た学びや思ったことなどをまとめてみたいと思います。 まずは資料スライド公開から これを見るだけでもほぼ内容が把握できてしまいますが、せっかくなので以下に要点と個人的な留意点をまとめておきました。 ぜひぜひお役立てください。 コンテンツインデックス 前提となる背景、目的、課題を明確に言語化 ポジションの把握とコンテンツ設計 より具体的なユーザー定義 全ての根拠となるゴールをハッキリ設定する 1.前提となる背景、目的、課題を明確に言語化 今回喋っていただいたのは、東京講演でも人気講師としておなじみの高瀬さん。 プロジェクトの裏側にどんな背景があって、どんな課題があって、それをど

    "分かったつもり"で設計するな!上流工程のディレクション基礎まとめ(0ディレ関西レポ) | Webディレクターズマニュアル
  • これで完璧!Webサービスの情報設計をカンタンにする設計用テンプレート完全版

    はいこんにちは。最近なぜか風邪が治らないナカムラです。何ったら健康になれるんでしょうか。誰か教えてください。 さて、サイトを作って!とザックリ投げっぱなされた依頼について、何を掲載するべきで何をどう設計するべきなのか。悩みますよねぇ・・・。 今回は日ディレクション協会の人気講座「0からのWebディレクション講座:設計編」で、DCHSの高瀬さんが非常に分かりやすい見解と考えまとめ用のテンプレを公開してくれましたので紹介してみます。 以前からこのサイトでもその重要性についてブツブツ言っている感情設計についての考えとも重なる部分多めでしたので、両方読んでいただけると理解が深まるかもしれません。 感動設計テンプレート&講演資料 ユーザーが感動するウェブサイトを実現するために必要な情報設計とは? 高瀬さんいわく全てのWebサイト、サービスは「ユーザーを感動させるため」に存在しているし、そうあるべ

    これで完璧!Webサービスの情報設計をカンタンにする設計用テンプレート完全版
  • Flipsblog.jp

    サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

    Flipsblog.jp
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • 1