「Webデザイン」とはなにか？ザックリ考えてみた（2013年）
「Webデザイン」について今の自分が考えてることを記録として書きました。去年に続き二回目です。タイトルに2013年が入ってるのは時間と共にwebのあり方や自分の考えも変わっていくからです。 はじめに このテーマを毎年恒例にしようとしてたのですが、早くも2回めで躓きそうになりました…。 「Webデザイン」とはなにか？じっくり考えてみた（2012年） 内容は「Webデザイン」の範疇を超えてるのですが、前回と同じタイトルにしてます。ただし、年末年始バタバタしてて時間掛けて考えることができなかったので、”じっくり”を”ザックリ”に変更してます。 また、この記事は2012年の総括や2013年のトレンドではなく、制作者の立場からWebについて今の自分が思ってることをつらつらと書いてます。なので、異なる意見があって当然だと思ってます。 読んでくれた方が「webデザイン」について考える一つのきっかけになっ
Web制作フローの再考とDesigning in the browser
多様化するwebサイト、増加するデバイスに適応していくために今までのWeb制作のワークフローも見直す必要があるのではないでしょうか。またその一つの手法としてDesigning in Browserについて書きました。 現在ではWebサイトも、インタラクティブなサイト、アプリのようなサイト、可変するサイトなど様々なスタイルが見られるようになってます。 また、Webを閲覧できる環境もPCからスマートフォン、タブレット、テレビ、カーナビなど増加し続けてます。 それに伴い今まで以上にテストケースが増えてきてます。 今までのような静的なデザインを作ってから開発、テストというWeb制作のワークフローでこの変化の流れに対応できてるのでしょうか。 まず静的なデザインはあくまでこのように見えるという仮説であり、 解像度やスクリーンサイズが異なれば見え方も変わってきます。 更にどのように動くのかまでは表現でき
プロジェクトの開始までにWebディレクターが用意するものとこと13個まとめ
さて、発注が決まった。クライアントからの要望はまだフワっとしてるけど、納期は何となーく見えている。（もしくは納期だけがカッチカチに決まっている）。 この状態からプロジェクトの本格スタートまでにディレクターが用意するべきものは何があるんだろう？今日はそのへんをまとめてみます。 ゴールまでのざっくりストーリー たとえばコーヒーのポータルサイトだったとして「コーヒーに関する情報なら何でもあります！」って言っても何も始まらない。そこにあるストーリーを多少適当でもいいのでドラマチックに盛り上げてしまいます。 1：店主はかつて2店舗のカフェを切りもりした実店舗の経営者 2：学生の頃からカフェが好きで、なんとか自分の理想のカフェを作りたかった 3：それは、カフェの持つ独特の雰囲気とコーヒーの香りが大好きだったから 4：だから、自慢のカフェの雰囲気を全国どこにいても感じてもらえるサイトを作りたかった。とか
これは参考になる！みんなのWebサイト制作ワークフロー
私がwebサイトのラフデザインを制作する時の流れ... / Webデザイナー（私）によるWeb制作のときに気... / きっとトラブルが起きにくい！ウェブデザインの制作...他...全6件
ユーザーエクスペリエンスデザインの成果物リスト | Web担当者Forum
ユーザーエクスペリエンス（UX）デザインの世界に身を置くわれわれにとっては、いまや心浮き立つような時代となった。UXの価値はますます広く認められるようになり、次々に生まれる新たなテクノロジーやメディアを超えたトレンドは、UXデザインの実践面で飛躍的な進化を生み出す土壌を整えつつある。 私自身、新たなチャレンジの数々に見舞われてあやうく安全圏から押し流されそうになりながらも、インフォメーションアーキテクトとしてはそれらを大いに楽しんでいる。これまでに、ソーシャルソフトウェアやリッチユーザーインターフェースをデザインしたり、モバイル検索の未来についてのシナリオを描いてみたり、いろいろなチャネルやアプリケーションにまたがるようなUXを設計してきた。するとそのうち、VIPルームの“エラい人たち”に自分のアイデアをご理解いただこうと苦心する場面が次第に増えつつあることに気づいた。 そんなわけで、私は
デザイナー育成のための3つのキーワード
Don NormanEngineering Design EducationEngineers are trained in narrow specialties but do not get the broad systems thinking or the appreciation of human-centered design necessary for engineering design in the 21st century. 2008年なので、少し古い Don Norman 氏のインタビューですが、共感するところが多々あったので紹介。近年のエンジニアや徹底的に狭い分野で技術力を磨いていくものの、広い視野をもって思考できる者が少ないと指摘しています。彼の「エンジニア」という言葉は「デザイナー」と置き換えて考えることができます。複雑な課題に対して「何か」を作る際に、特殊化された
触れる・動くによって変わるデザインプロセス
5月26日、青森にて今後のWebサイト制作との向き合い方というイベントが開催されました。今回は これから求められるWebコミュニケーションスキルと題してプロトタイピングの基礎を解説しました。 CSS Nite in TAKAMATSU のとき「静的なカンプは過去の手法」と話しましたが、ではどうしたら良いのかを考えるキッカケとして本セミナーは参考になったかと思います。 「とりあえず見せて」の解釈について 人は誰しもアイデアをもっていると思います。 自分の頭の中ではハッキリしていたとしても、人に伝えることが出来なければアイデアは活かされることはありません。アイデアはどうすれば伝えることが出来るのでしょうか。 「話せば分かる」という言葉がありますが、そう簡単にはいかないのが現実。同業者で同じような知識を持っていたとしても、同じ言葉が違ったふうに解釈される場合があります。 Webサイトデザインのア
UXとは何ぞや？ UXを高める武器を手に入れよう！ ― 開発者は、いかにユーザー・エクスペリエンス（UX）と付き合うべきか ―
UXとは何ぞや？ UXを高める武器を手に入れよう！ ― 開発者は、いかにユーザー・エクスペリエンス（UX）と付き合うべきか ―：連載：UX（ユーザー・エクスペリエンス）研究（2/2 ページ） ◇UXを高めると何がうれしいのか？ そもそもUXに配慮すると何が良くなるのだろうか？ システムに投資するのなら、企業経営上の観点から、投資対効果（＝ROI：Return On Investment)を追求する必要がある。よってUXへの投資も、経営層に対して「どれだけ利益があるか」を説明する必要がある。 利益を考える場合には、大きく2つの観点しかない。つまり、 コストを削減するか 売上を伸ばすか である。 ●コストを削減する UXがもたらすコスト削減としては、大きく3つある。 実際にシステムを利用する人間の作業時間／労働コストの削減 システム利用者へのトレーニング・コスト削減 オペレーション・ミスが減る
2012年に備える、ウェブデザイナーのための10のガイドライン
特にフリーランスのウェブデザイナーのための、競合に勝つための効果的かつ革新的なガイドラインを紹介します。 10 New Guidelines for Web Designers for 2012 [ad#ad-2] 下記は各ポイントを意訳したものです。 顧客の要件に基づいたデザイン デザインの失敗の原因の多くは、ビジネス要件の間違った解釈とデザイナーの側に立った専門的知識の欠如です。顧客を理解する最も良い方法は、デザインプロセス中に彼らの要件をしっかり聞き、見つけ出すことです。 Googleパンダに備える あなたがGoogleを好きであるか否かに関わらず、検索エンジンとして最大手のポリシーには従うべきです。Googleが考える高品質なサイトを学びましょう。 参考：Googleが考える高品質なサイトの23のポイント 素早い開発 開発を短期間で行うことは、より早い結果を欲するフリーランスと顧客
スマホ対応の新潮流「レスポンシブWebデザイン」とは？ (1/3)
スマートフォンの普及を背景に、「レスポンシブWebデザイン」（Responsive Web Design）という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか？ 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい
自社にUX文化を広めるコツ
UX や HCD の勉強をしてみたり、ワークショップに参加しても、会社内での理解を獲得するのが難しい場合があります。装飾より広い範囲でデザインを考えことは時間 (コスト) が必要だけでなく、同僚のデザインプロセスの参加は不可欠です。しかし、成果物として見え難いプロセスですし、「自分はデザイナーではない」と最初から拒否されることもあります。外で入手した様々なデザインアプローチをひとりでいきなり始めても何も変わりませんし負担が大きくなるだけです。UX を社内の文化として取り入れるよう働きかけ、デザインがしやすい環境作りがまず必要になります。 つまり、勉強の次は啓蒙活動です。 社内勉強会をしているところであれば、そこで外で学んできた知識を共有することはできると思います。やっていない企業でも忙しいスケジュールの中から2,3時間ほど共有する時間を絞り出すことは出来るはずです。では、そこで何を話せば良
建設的な会話をするために気をつけておきたいこと : could
ウェブサイトの構築といっても、立場関係を考慮することなく、コラボレーションのようなデザインプロセスになってきています。デザインプロセスのどのフェイズにおいても、開発メンバーやクライアントを交えて意見を交換するときがあります。皆でサイトを作り上げて行くわけですから、会話をすることはとても大事な時間ではありますが、建設的な意見ばかりが出て来るわけではありません。時には会議が迷走してしまったり、開発メンバーの士気を下げてしまう可能性もあります。 チームメンバーだけでなくクライアントにも伝えておきたい、建設的なフィードバックの仕方。よりよいウェブサイトを皆で作って行くために覚えておきたい項目を5点紹介します。 感情を含む熟語を含めない 「好みではない」「違う気がする」といったネガティブな表現だけでなく、「好きだね」も使うのを控えたほうが良いです。もちろん、違う意見を言うことは悪い事ではないですし、
8 Cheat Sheet Wallpapers for Designers and Developers
29 Comments All the great Cheat Sheets. Thanks for collection.. very nice reference Thanks for the collection! Very useful! Awesome list, my students will love them. Hi, thanks for listing two of my wallpapers. Other wallpapers for designers, programmers, developers can be found here: https://www.quicklycode.com/wallpapers Very handy, thanks. But I might still print them out- I usually have too ma
Blitz - ウェブクリエイタの人も，そうでない人も楽しめるデザインブログ
手相講座 オンラインが気になるなら、こちらのウェブサイトをよくチェックしたほうがいいです。 そして、あなたがすぐ副業になる 手相オンライン講座を購入しようとしているなら、上のウェブサイトで、すぐ副業になる 手相オンライン講座を手に入れると一体何ができるようになるのかについて、十分に理解した上で購入することをおすすめします。 また、レビューや評価が紹介されているなら、それについてもよくチェックしましょう。 下記のすぐ副業になる 手相オンライン講座についての情報も役に立つかもしれません。 商品名：すぐ副業になる 手相オンライン講座 販売商品紹介：手相をゼロから学んで副業になる！覚えなくても始められる！基本となる丘・線の解説に加え、応用力がつく読み方や豊富な実例も紹介。特典動画ではさらに学びを活用し副業にしていくための方法も解説した有料鑑定をやるための情報に特化した手相講座です。 電子書籍価格：
時間の節約になるWeb制作関連ツール 12+1
2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
日本のアジャイルは海外と比べると周回遅れか、アジャイル開発が国内で普及するには？ IPAの報告書から
海外ではアジャイル型開発の採用は開発企業のステータスとしての側面があり、現在のアジャイルの次にくるものの議論が始まっている。我が国の状況は周回遅れとも表現されることが少なからずあった。 日本のエンジニアが生き生きと働くためにどうすればよいのか？ その一環として独立行政法人情報処理推進機構（IPA）が発表した「非ウォーターフォール型開発に関する調査」では、まとめとしてこのような説明が掲載されています。 アジャイル開発普及のための3つのポイント こうした状況を脱し、国内でアジャイル開発を普及するためにどうすればいいのでしょうか？ 発表されたIPAの報告書では次の3つの指摘がありました。 (1) ビジネス等のコンテキストに応じた開発方法の選択 開発するソフトウェアの特性やプロジェクトに与えられる制約などを踏まえ、妥当な開発手法を定めた結果として、ウォーターフォール型開発色が強い場合もあれば、その
UXの定義と私たちの仕事の関係
UXデザイナーと名乗る方にとって、体験という主観的かつ概念的な要素をいかにして測定し、価値を見出すのが課題のひとつです。それについては「UXの測定項目を考えてみた」という記事で候補になりそうな項目を幾つか挙げて解説しましたが、項目を考える上で常に UX (User Experience) とは何か？という質問に辿り着くのではないでしょうか。UX に興味がある方、又は仕事としている方はそれぞれ自分で UX を定義していると思いますが、明確なラインが引けないですし、すべて自分で出来るというものではないので説明が難しい言葉です。Webデザインより説明が難しいと感じることがあります。 「UX」とひとことで言い表すことが出来るわりには、包括する分野が非常にたくさんあります。UX を作り手、顧客、マーケットなど見る切り口によって違ってきますし、数多く存在するアプローチは分断しているのではなく、密接に入
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.caraldo.net/2011/05/design_portfolio.php