ソシオメディア | OOUI – オブジェクトベースのUIモデリング
最近、OOUX という言葉を見聞きしました。これはオブジェクト指向の利用者体験（Object-Oriented User Experience）のことで、いくつかの記事を読んだところ、アプリケーション設計において画面とデータを対応づける際にオブジェクトを手掛かりにするという方法論のようです。つまり OOUX は「オブジェクトベースのUIモデリング」と言い換えることができそうです。そうすると実は以前からそのようなデザイン手法はあり、「OOUI（オブジェクト指向ユーザーインターフェース）」と呼ばれていたのです。最近になって OOUX という言葉が使われるのは、OOUI のことを知らなかったか、もしくは流行語である「UX」を用いた方がかっこいいと考えたからではないでしょうか。 「オブジェクトベースのUIモデリング」というデザイン手法は、GUI アプリケーションをデザインする際の基本的なテクニック
数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている８つのこと。 - 笑顔を創りたいWebディレクターの日常
なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて面倒くさくなってきて激しく後悔したびっくりしたという。 ぼくはWebディレクターでありデザイナーさんではないし、すてきデザインができるようなビジュアルセンスのようなものは、誠に残念ながら母上から授けられずにこの世に生を受けているものですから、"いわゆる"デザインはやらないんですが、その前の画面設計についてはワイヤーフレームなるものでいっつもやっておりますので、その観点からなんか書きましょうとそういうことですお母様（謎） そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 Webディレクターとしてはえーと、もうすぐ丸１２年になります。そうするとまあ、たぶん数千ページは「ワイヤーフレーム」をつくってきたんじゃないかと思います。正確な数字はわかんないです
意外とできてる会社ばかりではない！？Webデザインを行う前にすべき、Webディレクション作業まとめ。
こんにちはMUUUUU.ORGの中の人こと、QUOITWORKS Inc.のムラマツです。 最近はWebデザインと、グラフィックデザインが同時に発生する案件を絶賛募集しております！（宣伝） えーと今回は、Webのディレクションというのは正直決まったやり方が存在していないのが現状でありまして、 今の時代の業界標準を確認し直そうと思いまして「第一線のプロがホンネで教える 超実践的 Webディレクターの教科書」を参考に、改めてWebディレクションとは何をする仕事なのか、 Webデザインを始める前段階というところにフォーカスしてまとめました。 目次 前段：コミュニケーションはディレクターのメイン商品 1.ヒアリングをする 2.リニューアルの場合、現サイトの課題だしをする 3.コンセプトを作る（共通言語となる目標を決める） 4.ポジション設定をする（競合に対しての強みを見つける） 5.ペルソナ作り（
制作会社がクライアントに切られてしまう一番の理由とは？ | ベイジの日報
昨年度の当社はほぼ100%が元請けだった。ここ数年、元請け比率は非常に高く、企業のWeb担当者の声を直接聞く機会に恵まれているともいえる。 その中でも新規で取引を始める顧客のほとんどは、サイトのお問い合わせフォームか電話から折衝が始まっている。その依頼の多くはサイトリニューアルである。ということはつまり、過去に既存のWebサイトを作った制作会社（代理店や開発会社）が存在しており、そのうえでネットで他の制作会社を検索し、私たちを見つけ、声をかけてきている。その背景には、今まで付き合ってきた制作会社に対する大きな不満があることが多い。 お会いした際には当然、今までの経緯の一環として、制作会社の何が不満だったのかを聴くことになる。きちんとカウントしたわけではないが、感覚値でいうと8割くらいは同じ理由である。それは「言ったことしかしてくれない」「自分たちから提案してくれない」である。ようするに制作
開発の見積もりとスケジュール管理 - クックパッド開発者ブログ
こんにちは。会員事業部の丸山です。 エンジニアが開発を開始する時にはタスクの見積もりとスケジュールを作成行って、実装を進めていくと思います。 しかし1ヶ月を超えるような規模の開発をする場合、なかなか予定通りの期日に終わらなかったりすると思います。 そして大抵の場合、増える方向になりますよね。 今回はそういうことにならないために、私が気をつけていること・実践していることをいくつか紹介したいと思います。 見積もりとは まずは「見積もり」とは何なのかを正しく理解したいと思います。 一般的には「見積もり」＝「全タスクとその工数を洗い出す」というものだと思います。 しかしここで以下のことに気をつける必要があります。 見積もりとスケジュールとコミットメントは違う 見積もりとはあるタスクがどれだけの工数(規模)なのかを算出することです。 対して、スケジュールとはあるタスクがどれだけの工期(期間)なのかを
FOURDIGIT Inc. | 株式会社フォーデジット
フォーデジットはビジネスとユーザーを つなぐ「デジタルデザイン」を提供し、 企業のサービス創出・DX・デジタル施策に 並走するプロフェッショナルパートナーです。
HP作成の初心者でワイヤーフレームの作り方をよく知らない人へ
本気でweb制作を仕事にしたいなら 現場で通用する実践的なスキルを身につけましょう。 【独学 vs スクール】メリットとデメリットを比べて、おすすめの学習方法もお伝えします。 続きはこちら 今回は、web制作時によくある悩み「ワイヤーフレームの作り方がわからない」を解決します。 意外に、ワイヤーフレームの作成方法を詳しく教えてもらう機会は少ないですよね。 そのため、以下のような悩みを抱える人が多くいます。 ワイヤーフレームが何かを知っているけど、いまいちうまくまとめられない。 ワイヤーフレームを作るときの手順が合っているかどうか自信がない。 webサイトの制作過程において、ワイヤーフレームの時点で失敗していると次の工程のデザインも絶対うまくまとまりません。 ワイヤーフレームは、家を建てるときの設計図と同じ役割をします。 適当に作った設計図をもとに家を建てたら、当然、住みにくく崩れやすいもの
制作ガイドライン
本ガイドラインは、バーンワークス株式会社が行う Web サイト制作全般においての品質を保持するために定めたものである。当社は本ガイドラインに基づいた制作を行い、クライアントに対して常に安定した品質のサービス、及び納品物を提供する。 Last modified 2023-10-18 ディレクターはクライアントから指定の Web サイト要件を満たし、Web サイトのビジネスゴールを達成するため、適切な情報提供、提案を行う、また Web サイトの情報設計からプロジェクトの進行管理、プロジェクトメンバーの業務管理、納品物の品質管理を適切に行うものとする。 ディレクターはクライアントを含めプロジェクトメンバー間でのコミュニケーションを積極的に取ることで円滑なプロジェクト進行を心がける。また、クライアントに対しては進捗の報告、情報共有を適時、および明確に行い、信頼関係の構築に努める。 新規 Web サ
illustratorでUIデザイン：画面遷移図作成スクリプト - Two hats
illustratorでUIデザインをし始めると便利だなーと思うところが幾つかあります。 その内、個人的に押しなのは「アートボード」です。 1つのファイルで複数の画面を作成・管理することができ、一覧性が高いのでアプリの全体を俯瞰しつつ１つ１つの画面を作成していくことができます。 但し、単に画面が並べてあるだけなので画面遷移図のような並びにできたら便利だろうなと思いついてスクリプトを作成してみました。 画面遷移図.jsx Githubにもアップしてみました。github.com 使い方 例として、画面検討するためにワイヤーフレームの画面構成図をillustratorで作ったとします。 単に作っただけだと下図のように並んでいるだけです。 1.アートボードに画面遷移図用のタグをつける 「パネル>アートボード」でアートボードパネルを開き、名前にタグを埋め込んでください。タグと言っても難しいことはあ
Web Design Process: Behind The Scenes [INFOGRAPHIC] | New Design Group Inc
Looking for a PDF version? Download it here. The Web Design Process When a business needs a new website or they want to replace their existing one, they usually pass the project into the hands of a recommended web design and development agency. A sensible move. After all, most companies don’t have the in house expertise to tackle such a complicated project and one where the final result is critica
![Web Design Process: Behind The Scenes [INFOGRAPHIC] | New Design Group Inc](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad878a91dd58dc265f2aed63c9feb178e79599a4/height=288;version=1;width=512/https%3A%2F%2Fwww.newdesigngroup.ca%2Fndgcnt%2Fuploads%2F2014%2F08%2Fndg_blog_01.jpg)
「Webディレクター」という肩書とその役割 | F's Garage
先日、WebSigの10周年イベントの検討会議の場で、Webディレクターとは？というの話になった。 昔よく言われたのは、「Webディレクター」は「デザインできない」「開発できない」人がなる職業というネガティブな表現があった。特に「Webの仕事」と言えば「Webの受託制作」だったころは、そういう人たちが沢山集まってきていた。 そういう中で、「工程管理しかできないディレクター」とか「気が効かないディレクター」とか、「言われたことしかやらないディレクター」とか、確かに、いろいろいたように思える。 またネガティブな意味で、「Webディレクターとは何でも屋なんだよ」と言われることもある。これはある意味真理だと思っている。 個人的に思っているディレクターの重要な役割とは、 「バネのように、状況（案件）に応じて自在に伸び縮みして、お客さんと制作との穴を埋める仕事」 だと思っている。 PMが全体を見ている
建築的なディレクションを / Maka-Veli .com
普段から気にかけていることがあります。 ディレクターだけでなく、営業代理店など、あるいはお客さんなど、よく仕事をしていて感じさせるのが、この仕事（タスク）は誰の仕事だ？と。 まぁ取りまとめて、役割分担するのがディレクターの仕事でもあるんですが。 仕事って、責任を取りたがらない部分も人によってはあると思うんですよね。責任とは言わずとも、単純にやりたくない、とか。そういうのが大体下請けの方に回ってくるんですけれども。 その取りまとめっていう部分、単なるパイプだと思ってる方が多いかなと危惧してます。 そもそも、ディレクターって何？ディレクターって必要なの？とか言われますけど、正直、このパイプだけやってるならディレクターいらないですよね。誰でも出来るし。 パイプするならフィルターを ディレクションって大きく２つ、大事な仕事があると思っていて、 それは「品質管理」と「進行管理」 人に
リスティング広告の基礎知識｜Webディレクターが知らなきゃまずい８つのポイント｜MarTechLab（マーテックラボ）
LPO研究所所長の鎌田です。 「Webディレクターが、Web広告の知識を持たなくなってきている」 近頃、こんなことを耳にすることがあります。 スマホ対応、はやくしないと… ソーシャルとかも考えなきゃ… Google アナリティクスの勉強も… こんな感じで、Webディレクターの仕事というのは近年増えるいっぽうです。そのため、Web広告の学習まで手がまわらない人が出てきてしまっているのです。 実際、私も以前はリスティング広告の管理画面を自分で触ったりしていたのですが、今は基本、運用に関しては専門のスタッフに任せています。 しかし、だからと言ってリスティング広告の知識が “ゼロ” の状態では、仮にクライアントから相談を受けたときに、「成果に繋がる説明」をきちんと行うことができないでしょう。 クライアントの売上を左右するWeb広告の基礎知識は、Webディレクターが「成果に対して責任を持つ」ポジショ
ビジュアルファシリテーターの阿呆な研究
元、webディレクターの阿呆な研究。サービスデザイン・UXデザイン実践するビジュアルファシリテーターが、ファシリテーションやグラフィックレコーディング、サービスデザイン、情報デザイン、公共経営について適当に綴ります。 この日記は、Service Design Advent Calendar 2018 23日目の記事です。 今年、私は「文系のノンデザイナーが、サービスデザインの専門家として、未来を進む力を鍛錬する」という一年でした。 ・新しい事業を創出することを目的とした、サービスデザインのプロジェクト ・落合第六小学校での『絵を通じて「考える力」「まとめる力」「促す力」を育む、参加体験型授業「おえかきシンキング」』授業 事業創出と、小学校での授業。 なんだかまったく異なるようにも見えますが、実は私にとっては表裏一体となって「未来を進む力」を考えさせられた、非常にチャレンジングな場だったので
保存版！Web制作の見積もりで忘れず検討したい22項目 | 請求書作成サービス「Misoca(ミソカ)」
こんにちは、トヨシです。Webサイトの納品後に 「それ見積もりに入れるの忘れてたー！」 というのはだれもが一度は経験したことがあるんじゃないでしょうか。以前は私もWeb制作に関わっており何度も経験が有ります。今回はそんな悲劇が二度と起きないようWeb制作（ホームページ制作）の見積もり時に忘れやすいけど忘れずに検討したい項目についてまとめました。 全体をホームページ制作前、制作中、制作後、その他の4つに分けて紹介します。 とその前に、 見積書の作成にお困りの方は、ミスなくカンタンに見積書や請求書が作れる「Misoca」がおすすめです！レイアウト崩れや記入漏れの心配無用です！ 制作開始前に必要な見積もり項目 企画・ディレクション費用 打ち合わせ、提案書の作成、アイデア、ノウハウ代など見積もりに含めることは多いです。 旧サーバからのデータ移管費用 サーバの変更がある場合はデータやシステムの移管を
あなたならどこまで企画できる？そんな力を養えるディレ協が熱かった！ - すしぱくの楽しければいいのです。
公開日：2013年10月29日 カテゴリ：勉強会やセミナーに行ってきた さてさて、あまり勉強会らしいところに参加しない小生ですが、ホッテントリーに入りまくっているFind Job Startupのライターで、Ｗｅｂディレクターズマニュアルを運営している中村健太さんにお会いしたくて、0からのウェブディレクション講座：設計編に飛び込み参加してみたというお話です。僕なりにかなり楽しめたのと、今後サイトを運営したいとか、そういったディレクターになろうと考えている人は是非参考にしてください。 デスマーチをなくそう！ というテーマで運営されている日本ディレクション協会さんが、定期的に開催しているイベントでございます。 デスマという言葉の割には可愛いロゴが何とも暗殺教室っぽいギャップを感じるわけですが、協会の会長は冒頭でも紹介させていただいた中村健太さん。 ディレクターという名前なので、結構怖いイメージ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最近のWeb制作の勉強になる！Webサイトのワイヤーフレーム・ユーザーフローのまとめ
海外向けサイトに適したデザインとは？ 外国人が好むフォントや色彩感覚 | 一人でできるWebサイト収益UP術－ウェブ解析士事例集
Webディレクターの実績を可視化する方法
SINAPさん社内研修 - プロジェクトを"うまくやる"ためにできること
