常連プログラマがほぼ Rubyist しかいないP4Dなのですが、なぜかPHPカンファレンスで枠をいただいたとのことで、デザイナーとGitについて話し合ってみようという企画に参加してきました。 「生煮えぷるり」をプログラマとデザイナーの間で行ったり来たりさせる話 Pull Request 4 Designers - GitHubを使ったプログラマとデザイナーのイテレーティブな開発フロー// Speaker Deck GitHubを使った、実際のプログラマとデザイナーの協業の様子を見てもらおうということで、私がお手伝いさせていただいている、[https://forkwell.com:title=Forkwell] と [https://jobs.forkwell.com:title=Forkwell Jobs] での開発の様子を例にお話させていただきました。 補足とか 「生煮えぷるり」という

ズルいデザインを使った Rails 用 gem "zurui-sass-rails" の使って、実際にデザインの作り方を体験できるハンズオンです。 体験用レポジトリ https://github.com/prog4designer/zurui-hands-on zurui-sass-rails https://github.com/mahm/zurui-sass-rails ズルいデザインについて - 前半のスライド https://speakerdeck.com/ken_c_lo/zuruidezaintekunituku-in-rubyhiroba-p4dwakusiyotupu

ウェブやアプリのデザイナーであれば、ここ1〜2年のUIトレンドであるフラットデザインについてご存じだと思います。すでにこのトレンドを意識して実践しているかもしれません。今回はフラットデザインの特徴とそのポテンシャルについて考えてみます。 フラットデザインとは、画面に表示するボタンやメニューなどのUI要素を非常に平坦な見た目にするという表現手法です。ウェブでもアプリでも今やこのフラットデザインを取り入れているものが沢山ありますが、中でも代表的なのは、Windows 8 の Modern UI と Google の一連のサービスでしょう。 フラットデザインと言っても、もちろん明確な定義があるわけではなく、フラット度合いは様々に試されていますが、一般的な特徴をあげてみます。 UI要素の「塗り」に、グラデーションやテクスチャを使わず、単色にする ドロップシャドウやベベルといった立体感を出す表現を用

どうしたらクライアントの納得するデザインにたどり着けるのだろう。と考えたことはありませんか？デザインのフィードバック地獄で苦労したWebデザイナー、ディレクターの方は多いと思いますが、振り回されがちなWebデザイナーの特徴とその対処法について、ケーススタディでまとめてみました。 ■クライアントに振り回されるWebデザイナー/WEBディレクターの特徴 「フィードバック指示を額面通りに受け取ってしまう」 これに尽きます。クライアントはデザインをした事が無い人がほとんどなので、修正指示もデザイン的には正しくない事がかなりの割合であります。 これは映画を観て良かった悪かったは誰にでも評価できるが、その映画をどのように修正したらよりよくなるかは経験を積んだ者にしかわからない、というのと同じことです。 にもかかわらず、「ここのボタンを赤くしてください」、「背景をグレーにしてください」という指示を額面通

大江戸ruby会議に後ろ髪ひかれつつ参加しました。第一回に続いてちょう勉強になりました！ 第2回 プログラマ向けデザイン勉強会 - connpass 以下それぞれの発表について簡単に感想を書きました。 はじめての欧文書体 @9d さんの発表。 はじめての欧文書体 from Shohei Itoh webサービスを作る時にフォントのことを気にすることはなかったのですが、実際にbootstrapに複数のフォントを当てた例を見て、フォント一つで印象が大分変わるのだなということが分かりました。フォントの種類についても、パワポ作る時などに「なんかたくさん種類あるけどどれ使ったら良いのか分からん＞＜」となっていたのですが、今日大まかに種類が分かったので、次からは明確な意思を持ってフォントを選べそうです。 ノンデザイナーズデザインブックを読み解く @monoooki さんの発表。 ノンデザイナーズデザイ

アメリカに来てまだ数日ですが、色々面白い。 日曜日の夕方にサンフランシスコに到着して、ホテルにチェックインして一息ついたら Twitter に @harper から「サンフランシスコなう。誰か飲まない？」みたいな投稿が。Harper Reed さんとは、オバマキャンペーンの...

グーグルのビジュアルデザイン責任者が退職--データ中心主義に嫌気 - CNET Japan 「Googleのビジュアルデザイン責任者だったDouglas Bowmanが、データ中心主義の企業文化にうんざりしてGoogleを辞めた」というcnetの記事のはてブで、Googleの「データ中心主義」なるものに感心している人が結構いるのだけれど、これってGoogle AdwordsでSEM広告を出稿している人にはお馴染みの「A/Bテスト」そのものですよね。 一応書いておくと、A/Bテストというのは、比較すべき対象（バナー画像や広告テキスト、あるいはランディングページ全体）を初期状態では50:50の確率で出し分け、どちらの方があらかじめ設定した成果指標（クリックスルー率、遷移率、最終的なコンバージョン率など）で高い数字を出しているかをランニングで測定しながら、好成績な方の表示確率を上げてゆく仕組み。

アプリ製作はフルセットから、コンサル、すでに作ってしまったUIのレビューまで、お気軽に fukatsu@gmail.com まで。Read less

ぼくはライフワークとして画面をチカチカさせる活動をしてるのだけど，周りの人にあまり理解してもらえなくて，まぶしいとか，そんな低俗なことをやって，みたいな反応をされる． けど，画面をチカチカさせるだけでも，いろいろと工夫できることとかある．今日はこれまでの活動の振り返りと，それで得たノウハウを共有しようと思います． 過去の活動 これまでに，いろいろ画面をチカチカさせるやつ作っているので，順に紹介します． コード残ってるのは2010年からだけど，一番古いのは中学生のときにRPGツクールで作った画面がチカチカするゲームで，途中まではRPGとして遊べるけどストーリーが進むと画面が高速で点滅し始めてそれ以降何もできなくなるというゲームでした． 古くはポケモンショックというイベントもあったけど，ぼくは関西に住んでて見れなかった． ウェブページをチカチカさせる このbookmarkletを起動するとウェ

「のどが渇いた」というユーザーに何を出す？ ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチYoshiki Hayama

Welcome back to TechCrunch’s Week in Review — TechCrunch’s newsletter recapping the week’s biggest news. Want it in your inbox every Saturday? Sign up here. Over the past eight years,…

Windows 8のデザイナーが語る：Windows（またはひとつの宗教）を作りなおすということ（動画）2012.02.10 18:00 福田ミホ マイクロソフトでは、大変な仕事がたくさんあると思います。たとえば汗かきのバルマーCEOのクリーニングを取りに行く係とか...。でも、一番大変なのは、今回僕がインタビューしたサム・モロー氏かもしれません。少なくとも、一番こわい仕事をされてます。この5年間、彼は数十億人が使っているOS、Windowsの再デザインを担ってきたのです。 サム・モロー氏は、WindowsとWindows Live、Internet Explorerのユーザー体験を統括するディレクターです。彼はWindows担当バイスプレジデントのジュリー・ラーソン＝グリーン女史とともに、Windows 8のあり方を根本から考え直しました。その結果、Windows 8は｢これがWindo

This document discusses several key concepts in UI/UX design including user experience (UX), user interface (UI), information architecture (IA), interaction design, affordances, and the evolution of design approaches. It provides examples of early interfaces like Apple's Knowledge Navigator and how interfaces are now more conversational like Siri. The document also references several important thi

DrillSpinは事業構造の検討を行なうため、 現在、すべてのコンテンツページが 非表示となっております。 表示再開までしばらくの間お待ちください。 2018年6月29日 DrillSpin

“UXデザイン”のキモ『ユーザーインタビュー』の具体的テクニックを詳解！| UXデザイン基礎セミナー 第2回