ファーストビュー盲信がもうしんどい
Updated 2015.04.27 / Published 2015.04.27 「ファーストビューが全て」のようなファーストビューについては盲信的な記事も多く、ファーストビュー云々のことで煙が立ち始めて、火がついてしまうと、上手く説得を試みようにも聞く耳をもってもらえず、困り果てるディレクター・デザイナーの方も多いのではないかと思います。ファーストビューはもちろん大事ですが、盲信的に傾倒することには疑問を感ぜざるを得ず、ファーストビュー問題はいつになっても考えものです。 ファーストビューのボヤは気付き難い ディレクターやデザイナーの方ならプロジェクトが進行していく中で、ファーストビューが問題になったことが一度や二度はありませんか。「いやいや、ファーストビューはちゃんとガチガチに予防線を張っているよ！」というディレクターの方も、きっと過去に苦い経験があるのではないでしょうか。 個人的にフ
Javascriptを使うのをやめろ：Railsの時代遅れ云々についての結論 - Qiita
結論: Javascriptの乱用をやめるのが一番。 はじめに書いておきますがしょうもない話です。 結論、開発者としてはどのような方向性でやるべきか、を書いています。 JS多い時代でのフレームワークの根本的な問題云々のことは書いてません。 さて、現状、モバイルにおいて、Javascriptでまともに動くものを作ることは難しいです。 Twitterから引き抜いた超優秀なWebエンジニアを多数抱えるMediumですら、未だにモバイルで多数のバグを抱えています。 超優秀なエンジニアを世界一抱えているであろうGoogleのGmailですら、モバイル版のWebはすぐクラッシュします。また、自前スクロールに致命的なバグも抱えています。 正確には「UIが不審な挙動をする」ですが、エンドユーザにとっては同じことで、「バグ」です。 サーバサイドで起こるバグと同じ程度、いやそれ以上に、サービスに影響を与えます
エンジニアがデザインに取り組んでわかったこと
最近、いくつかのデザインに取り組んでわかったことがあるので、書いておこうと思う。 ぼくは2,3年前にこの業界に入ってからずーっとフロントの実装畑でやってきた。 それは自分の意図していたものではなかったけど、前職のまぼろしという会社は実装が強みの会社だったので、デザインに触れることはほぼほぼなかった。 それもあってか、ぼくは「もうちょっとコストを考慮してほしい」「このあしらいが一体ユーザーにいくらのお金を落とさせるんだろう」とか、あげくの果てには「実装のことを考えたデザインをすべき」とまで考えていた。これらの考え方はぼくだけでなく、コーダーからよく同様の声が上がっている。 だけどデザイナーさんと接する機会が増えるごとに、デザインができるようになったら今までイラついていたことがどんな風に見えるのか確かめたいな、という気持ちになった。 それ以外にも「なにか作るとデザイナーばかり褒められて厳しい」
フルスタックデザイナー…？クックパッド・HolidayデザイナーがiOS開発まで手を出しちゃう理由 | キャリアハック（CAREER HACK）
クックパッドのおでかけサービスHolidayのiOSアプリを手掛けたのはデザイナー!?「デザイナーという職業や職域に関してはちょっとした問題意識は持っていた」と語るデザイナーの多田さんと、室長の友巻さんにアプリの開発経緯から、デザイナーとしての職域、組織マネジメントまで幅広いお話を伺いました。 3月に満を持してiOSアプリをリリースしたクックパッドの新規事業・Holiday。 このアプリ開発の鍵を握った人物は、開発工程まで手を出す「デザイナー」だったという。 もともと前身となるサービスを手がけていた学生たちがプロダクトとチームごとクックパッドに新卒入社し、発展させてきたHoliday。（※クックパッドの新規事業を新卒が立ち上げたワケ） 実はクックパッドに入社する昨年4月のタイミングで、チームに「デザイナー」がジョインしていた。その人物こそ、14年入社の同期である多田圭佑さん。なぜ多田さんは
Apple Watchの画面の背景はなぜ「黒」なのか
Apple Watchの画像・映像をみると、画面の背景に「黒」が使われていることがほとんどです。 なぜ背景が黒なのか、その理由について考えてみました。 iOSデバイスのホーム画面では、背景に「壁紙」として画像が使われていますが、Apple Watchでは壁紙はなく黒一色です。 また、数百万通りあるとされる「時計」の表示も、例として挙げられているものは全て背景に黒が使われています。 どうやらApple Watchの画面は「背景には黒」というルールがあるようです。 アプリも背景は黒 ホーム画面や時計だけでなく、アプリについても同じことがいえます。 アップルによる標準アプリはもちろんのこと、サードパーティ製アプリにおいても、「背景に黒」のルールが忠実に守られているようです。 デザイン上の理由 ほとんどの画面で背景に黒が使われている理由として、「デザインを統一する」ということが挙げられます。 優れ
技術的負債について - 表道具
2015-03-19 技術的負債について スタートアップや新規事業に限った技術的負債の考え方f-shin.net ちょっとこの記事は酷い．品質と開発スピードを兼ね備えたコードは，そもそも致命的な技術的負債ではないだろう． 現代的なスタートアップのプロダクトでは，シンプルなものを作って世に出すというのはあまり起こらない．いわゆる「仕組み作り」と言われるものをやらなければならず，そのために何を作るかを練った場合，凄まじい天才で無い限り，様々な概念をつなげた複雑なシステムを作ることを考えてしまう．アイデアもガンガン出てくるし，その優先度もつけられずただデカくなっていく．その意味で，スタートアップ段階で必要になるコードの規模は思っていたより大きいことが多い．それを事前にうまく落とそうという試みがリーン・スタートアップであるとも言える． 例えば現在のマーケットで「猫の鳴き声を共有するサービス」があっ
日付が変わったときの処理 - Toyship.org
カレンダーなどのアプリで、画面に今日の日付などを表示している場合、真夜中に日付が変わった瞬間にUI表示を変えたりなどの処理をしたいことがありますよね。 そのためだけにNSTimerなどを使ってタイマー処理をするのも面倒くさいので、たいていはスルーしていると思うんですが。 実はそんな時に使える便利な機能があります。 UIApplicationDelegateで、applicationSignificantTimeChangeをオーバーライドしておけば、日付が変わった瞬間にこの関数が呼ばれて、UI変更の処理をすることができます。 - (void)applicationSignificantTimeChange:(UIApplication *)application{ NSLog(@"日付の表示を変えてください。"); } こんな時によばれるので、日時を扱うアプリでは、実装しておくのがお勧めで
Yahoo!メールが崩壊しつつある件
Yahoo!メールのサービス劣化が著しい。 失敗した新UIへの移行Yahoo!メールはサービス開始当初からある古めかしいHTMLバージョンと、なかなか正規版に移行しないベータ版の新UIが何年も共存していたのだが、新UIはモバイル版での不具合が多く、なかなか移行がすすまないようだった。実際、私もベータ版は信頼度が低すぎて、一度使い始めたがすぐに旧UIに戻した。 つい最近になって、このベータ版を切り捨てて、別のバージョンの新UIへ全員強制的に移行したのだが、このバージョンも読み込みが非常に遅く、使い勝手が悪い。 古めかしい広告中心のビジネスモデルYahoo!メールのwebメールには広告がでかでかと表示される。有料版であるYahoo!プレミアムに加入しても、非表示になることはない。 GmailやOutlookは無料で広告が非表示になっている時代に、なぜ毎月金を払って広告を見せられ続けなくてはなら
エンジニアはもっとクリエイティブな環境で働くべき - トランスリミット創業記.author = 高場大樹
トランスリミットを創業してから1年2ヶ月が経ちました。 4月には、トランスリミット史上初となる新卒社員（エンジニア）が2名、そして同じく当社史上初となるビジネスサイド（広報兼人事担当）のメンバーを1名迎え入れることになっており、総勢14名ほどの組織となる予定です。 トランスリミットは、現在エンジニアとデザイナーを中心に構成（エンジニア11名、デザイナー2名）されており「開発者集団」という言葉がよく似合う会社となりました。若く優秀なエンジニアが集まり、社内にはエンジニア独特のハッカー文化が根付きつつあります。 エンジニアはクリエイティブなお仕事 当社が運営している対戦型脳トレアプリ「BrainWars」は、世界で1000万ダウンロードを突破、海外ユーザが比率95%を占めます。そんなBrainWarsは正にクリエイティビティな発想の賜物。これまでにないジャンルで切り込み、新しい価値を生んでいま
多くの若きプログラマたちが学ぶべきこと | POSTD
私はこの7年半、 Ronimo でプログラミングを学ぶ多くのインターン生を指導し、様々なタイプの大学生や大学院生を見てきました。彼らのほとんどには、共通して言える学ぶべきことがあります。特別なテクニック、アルゴリズム、数学、あるいは特定の形式についての話だと思う人もいるかもしれません。もちろんそれも必要ですが、中心的なものではないと私は考えます。彼らが主軸として学ぶ必要があるのは、自己統制力です。常に可能な限り読みやすいコードを書き、開発中の変更により秩序がなくなってきた時にはきちんとリファクタリングを行い、使用されていないコードを除去し、コメントを追加することができるという力です。 プログラミングのインターン生を指導する際、この話にほとんどの時間をかけます。上級のテクニックでもなければエンジンの詳細についてでもなく、概ね彼らにより良いコードを書かせることに主眼を置きます。いつもインターン
なぜプログラミングを学ぶことが必要なのか - Minecraftとタートルと僕
はじめに 中学生たちに「なぜプログラミングが必要なのか」を教えてみた - WirelessWire News（ワイヤレスワイヤーニュース） この記事を読んでの感想になります。 将来的に3Dプリンタが家庭内で普通に使われる時代には、きっとプログラミングの必要ないUIができているはずです。 テレビがリモコン一つで操作できるように、電子レンジが前面のパネルボタンだけで操作できるように、炊飯器がボタン一発でおいしいご飯を炊くように。逆にそうでないと、家電として家庭内に3Dプリンタが普及するわけがありません。 しかし、テレビのリモコンボタンの数が増え操作が複雑になる一方であることからわかるように、シンプルなUIで家電の機能の全てを引き出すというのは無理があります。 紹介記事中にある、 プログラミングをできるようになるということは、人類の叡智を利用できるようになるということ は至言です。 プログラミン
第23回 JavaScriptによるUIの実装：スライダー | gihyo.jp
こんにちは、前回、前々回に引き続き、JavaScriptでUIを実装する方法を紹介していきます。今回は前回のドラッグと関連の深いスライダーを実装してみます。 基本のスライダー スライダーは簡単にいえば動きの制限されたドラッグです。 今回も、最初はなるべくシンプルに実装してみます。まず、基本となるHTMLは次の通りです。 スライダーの基本HTML <form class="js-slider-form" onsubmit="return false;"> <input type="text" name="slider" id="slider1o" value="0"> <div id="slider1" class="js-slider"> <div></div> <input type="button" value=""> </div> </form> 今回は少々手抜きで、input ty
モバイルデザインパターン 第2版
モバイルアプリのUIパターンを手軽に参照できるリファレンスの第2版。デザイントレンドの変化に対応して全面改訂。主要なプラットフォームで動くモバイルアプリの画面例を1,000点以上使いながら、ユーザーインタフェースの定番パターンをグラフィカルに解説します。本書で紹介する83個の基本パターンと7個のアンチパターンが、使いやすいモバイルアプリをデザインするうえでクリアしなければならない設計上の課題を解決してくれます。 掲載UIパターン：ナビゲーション、フォーム、テーブル、検索、並べ替え、フィルター、ツール、グラフ、誘導、ソーシャル、フィードバック、アフォーダンス、ヘルプ、アンチパターン 監訳者まえがき 序文 まえがき 第1章 ナビゲーション 1.1 主要なナビゲーションのパターン（永続的） 1.1.1 Springboard（スプリングボード） 1.1.2 Cards（カード） 1.1.3 Li
使いやすいアプリを作る簡単な方法
使いやすいアプリを作るための、とても簡単で、確実な方法があります。 それは、ユーザの問い合わせに対応することです。具体的に言うと、問い合わせが気軽にできるようなUIにして、そこで得た情報源を元にUIを分かりやすく改良していく。(機能追加とはまた別の話) ただ、直感的に感じるように、これは手間がかかるのでたくさんの人は逆のことをしようとする。つまり、ユーザヘルプを設置して、問い合わせ先は出来るだけ発見しにくい洞窟の奥深くに設置する。 でも、問い合わせには、アプリの利便性向上につながるヒントが豊富に隠されています。ユーザがどんな問題やニーズを持っているかのヒントもザックザック出て来ます。ザックザックです。 アプリ開発にとって、やったことがいい事は星の数ほどあって、そのどれもをやろうとすると時間やお金がいくらあっても足りません。だから、”やったほうがいい事”の優先順位は常に意識して、メリットとそ
デザイン変更するときキャプチャ撮りまくると捗る - ✘╹◡╹✘
これまではどちらかと言うとDBやWeb APIみたいな開発作業が多かったけど、最近はHTML/CSSを触るようないわゆるWebデザイン的な作業をする機運が高まってきた。あんまりちゃんとやったことが無いために年始から色々と考えてて、まあその結実としてキャプチャ撮ると捗るという体験があったので書き残しておく。ちなみにキャプチャは無い。あとでデザイン変えたやつ公開したら過程を整理して紹介できると良いと思う。 過程を残すと意見をもらいやすい 『藤村龍至 プロトタイピング-模型とつぶやき』という本の中に、プロトタイプとして建築模型をつくっていく過程の話がある。与えられた条件を元にまず最もシンプルな状態から始め、課題を見つけながら少しずつ改善を加えていく様子が実例とともに紹介されている。この作業を反復しながら適用していくことで、模型の状態を都度更新していく。この方法には、設計者以外の人でも設計過程を見
Xbox創始者、自転車を盗まれた怒りで盗難防止アプリを開発 J・アラード率いるプロジェクト529とは
自転車が盗まれると16km四方の利用者に「この自転車が盗まれました」と通知する 画像：project 529 Xboxの共同創始者で、業界からカリスマとあがめられたJ・アラード（J Allard）氏がマイクロソフトを去り、現在参加しているのがプロジェクト529だ。2013年に米オレゴン州ポートランドで設立されたスタートアップで、2014年の夏からスマートフォンアプリを使った自転車の盗難防止サービスを展開している。 プロジェクト529の仕組みはシンプル。プロジェクト529のアプリに登録した利用者が盗難被害にあったとき、自転車が盗まれた場所の16km四方にいる利用者に写真つきでプッシュ通知をする。要はツイッターの「拡散希望」をアプリでシステム化したものだ。同アプリ利用者であることを証明するデカールも販売している。 ギークワイヤーによれば、J・アラード氏自身、自転車が盗まれてオークションサイトの
『新ゲームデザイン』がWebサービス開発の勉強になりすぎて感動した
ポケモンを作ったゲームデザイナー田尻智さんの『新ゲームデザイン』を読みました。この本ってタイトル通り「ゲームのデザイン」が中心に語られているんですが、プロダクトデザインとしても学びの多い本だったので感動しました。 表現と方法 僕はファミコンを買ったのが遅かったので、創世記のゲームを全然知らないんですが、ゼビウスに関するエピソードが一番面白かったです。 ゼビウスの圧倒的神秘的世界を構築するのに、何か超絶的なプログラムテクニックも必要ではなく、どうやらそれらは、別の要素によって、構築されているということが解ってきます。 独創的なイメージが先にあった場合、それを実現する技術力はもちろん必要です。ただ、田尻さんがおっしゃるように大切なのは 表現したいことが先にあって、そこに方法があるということ。 です。目的と手段の話みたいですが、実在するゲームを例にした解説が響きました。 製作者の思想 ここでは「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザイン講師 宮崎祐樹
TechCrunch | Startup and Technology News
「ウェアラブル」業界は、届けるべきターゲットを見誤っている