タグ

ブックマーク / fladdict.net (28)

  • iPhone X対応におけるデザイン上の注意ポイント | fladdict

    iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ

    iPhone X対応におけるデザイン上の注意ポイント | fladdict
    shinagaki
    shinagaki 2017/09/13
  • iOS11で最も注目すべきは、QRコード対応かもしれない | fladdict

    今年のWWDCとiOS11の注目ポイントは、「カメラのQRコード対応」ではないか? いや冗談でなく、マジで。 いまさら対応QRコード まさに「いまさら」。QRコードは枯れきったテクノロジーである。テック的には新しさもヤバさもない。 ところがこのQRコード、実はようやくiPhoneに搭載された、万人が使えるO2Oの入り口だったりする。 QRコードの搭載、ユーザーの週間学習で何が変わるか? というと、だいたい全部変わる。 この辺りは中国でのQRコード(Alipay)の成功を、Appleが無視できなくなったということだろう。 これはQRが新しいのではない。「公式カメラにQRが搭載されること」が、「全てのアプリがQR対応すること」を意味する。そちらがインパクトなのだ(そして、iOS/Android両方で使えることに意味が出る) QRコードの中に、アプリを起動させるURLを仕込めば、アプリ側で特に何

    iOS11で最も注目すべきは、QRコード対応かもしれない | fladdict
    shinagaki
    shinagaki 2017/06/07
    QRコードはデンソーウェーブの登録商標です
  • よくわかるマテリアルデザインの設計コンセプト | fladdict

    iPhoneAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた

    よくわかるマテリアルデザインの設計コンセプト | fladdict
    shinagaki
    shinagaki 2015/05/22
  • 0円の広域負荷分散システムCloudFlareが素晴らしい件 | fladdict

    fladdictの非公式プロジェクト(いわゆる裏dicct)に、posemaniacs.com というサービスがある。 絵のデッサン素材を無料配信するサイトだけど、いつのまにやら老舗サイトに。気がついたら1日の転送量が30〜40GBまで膨れ上がっていた。あまりの負荷にホスト元のhetemlさんでアクセス規制、あわや閉鎖の危機の大ピンチ。わりと気で、Pixivとか星海社とかマール社にサービス譲渡とかしようか悩んだ今日この頃でした。 そんな折、@ku_suke さんのご了解で導入してみた、CloudFlareというサービスが、全ての危機を救ってくれた。マジ多謝です。 どういうサービス? CloudFlareはCDN(広域負荷分散システム)。世界5カ所にデータセンターを有し、データをキャッシュして各地に配信するこで負荷分散してくれる。いわゆるAkamaiの同類だけど、ものすごい特徴が1つある。

    shinagaki
    shinagaki 2015/01/15
  • JavaScriptでゴリゴリ実験サイトを作ったよ | fladdict

    fladdict.netのトップをリニューアル。JavaScriptの実験場にしてみた。久しぶりにゴリゴリJS書くと、かなり楽しい。 古き良きゼロ年代のFlash実験サイトはほぼ絶滅してしまったわけだけど、それを現代のJSとHTMLでやり直してみたらどうなるか?そんな感じのスタディ。使用ライブラリはpaper.jsとprocessing.js。時間があるときにcreate.jsも導入してみたいけど、ざっと見た感じcreate.jsは冗長すぎてスケッチには向かないと思う。スマホだと重すぎてだと動かないので、時間あるときに分岐するようにしたい。 最近はインターネットも成熟化したのか、グラフィック、インタラクション、プログラミングを三位一体でする人が減ってる気がする。分業化が進んでいるのだろう。インタラクション系がわかるエンジニアは需要があるわりに、新しい人が学ぶ機会が昔にくらべれば激減している

    JavaScriptでゴリゴリ実験サイトを作ったよ | fladdict
    shinagaki
    shinagaki 2014/04/23
  • スマホUI考(番々外編) 誰得の100徳ナイフを買ったというお話 | fladdict

    久しぶりの更新。皆様は如何がお過ごしでしょうか? 僕は8月の休日が0日です。 あと左手から血が出てます。 ブログの皆さんが続きをお待ちであろうスマホUI考シリーズ、「顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」と「なぜ機能追加をし続けるとアプリが破綻するのか?」の続編ですが、僕もなんとか続きを書きたいところ。ところが時間が確保できない 某展示会用案件と、某アプリと、某iPhone5S対策の準備の締め切りが三重の試練でヤバイ。 そんな中、現実逃避士気高揚にポチッってしまったのが伝説の100徳ナイフ。多くの人はコラだと思っていたようだけど、どっこい実在するナイフである。 スイス・アーミーナイフの家ヴェンガー社。その同社の最高級モデル、ツール数80にして143機能を搭載した究極のアーミーナイフ。箱をあけたらギネス認定証がついてきた。 そもそもこのナイフ、元々プレゼンツールとし

    shinagaki
    shinagaki 2013/08/30
  • 嘘に嘘を重ねてリアリティを出す | fladdict

    これはアイデアの勝利。 透過スクリーン(ポリッドスクリーン)による初音ミクの空中投影に、さらにプロジェクターを使って嘘の影を投射して同期させるデモ。質量が感じられるバーチャルアバター。 とてもシンプルな思いつきなのだけど、存在しないオブジェクトに影があるだけで、いままでの3Dやホログラムとはまったく違う臨場感が出てる。 ちなみに動画使われている空中投射スクリーンとは、ニコニコ動画技術部が開発した1平方メートル30円の超低コストスクリーン(農業用のポリエチレンフィルムともいう)。 手前の透過スクリーンに初音ミク。背後のペーパースクリーンにミクの動きと同期した影を投射している。2つのまったく異なったプロジェクション表現を使って、1つのオブジェクトにリアリティを与えるというのは面白い。 なんかに応用できそうなのでメモ。 <追記>農業用ポリエチレンシートで、空中投射スクリーンを作るチュートリアル。

    shinagaki
    shinagaki 2013/01/31
  • 新Google Mapsアプリ採用のフレームワーク NimbusKit がいい感じ | fladdict

    iPhoneの新しいGoogle Mapsのアプリ、色々弄り倒してますがステキな感じ。 でこれひょっとして、「NimbusKit使ってない?」って思ったら、案の定で使ってた。 NimbusKitはiOS用のヘルパークラスと、コンポーネントと、デバッグツールの集合体。 以下のような機能がサクサクとつけられる。 CSSスキニング インターフェースの外見にCSSを適用できる。ビューのカスタマイズがラクチンに。 TextLabel iOSの微妙なTextLabelにリッチテキストやリンクがつけられるように。 バッジ 通知件数などのバッジを簡単に作成。 他アプリとの連動 他アプリ・・・マップ、ストア、電話、SMS、FB等の連携をラクチンに。 アプリ内ホーム画面 ホーム画面的なUIをアプリ内に簡単に追加できる。 キャッシュ/非同期通信つきのImageView 画像ローダー付きのImageView拡張。

    shinagaki
    shinagaki 2012/12/14
  • HTMLをレイヤー別けしたPSDに変換するキャプチャーソフト Page Layers が神 | fladdict

    Page Layersは、すごいウェブのキャプチャアプリ。なんとキャプチャするサイトを、DIVやIMG要素ごとにレイヤー分割したPSDにしてくれるのだ! これは素敵と言わざるをえない。 ビデオをみれば使い方は一目瞭然。URLを入力して保存ボタンを押すだけで、なんでも構造化したPSDにしてくれる。 Mac専用アプリで、AppStoreで$28.99。これは買いだと思います。 Web関係者は必須的な。

    shinagaki
    shinagaki 2012/09/16
  • ライブ編集可能なScaladoというカメラがキモイ件 | fladdict

    Scaladoというカメラアプリがキモイ。まずはビデオを見て欲しい、説明はいらないと思う。 撮った人の顔のアングルを後から変更する。 通行人を消す機能 原理的には、写真を撮った瞬間に過去X秒のデータを保持してるっぽい。ユーザーの操作にあわせて、過去の映像から同じ位置の画像を抜き出してきて合成しているようだ。

    shinagaki
    shinagaki 2012/02/29
  • 誰でもデータを直販できるGumroad入門。クリエイターの生活は変わる? | fladdict

    Gumroadというサービスがすごい熱い! Gumroadは誰でも簡単にデータを販売できるようにするサービス。 FacebookやTwitterのタイムラインに、GumroadにアップしたデータのURLを貼るだけで、世界中にコンテンツを販売できるみたい。(2/14日現在、日からの過剰すぎるアクセスでGumroadが不安定です) 何ができるの? Gumroadを使えば、たとえばイラストレーターやミュージシャンが、そのまま作品をダイレクトにタイムラインで発表して販売できます。手数料はたったの5%(正確には5%+30セント)。Appleの30%や出版社の90%に比べると驚異的なお値段です。個人のクリエイターがクレジットカード決済でデータを販売できる…というのは、なにやら仕事のスタイルそのものが変わりそうです。 さっそく実験で、写真を1枚アップロードして$2で売ってみたら10$32ほど枚売れまし

    shinagaki
    shinagaki 2012/02/13
  • iPhoneから家電を楽々リモートコントロールできてヤバい | fladdict

    家中の照明や音響やプロジェクターを、iPhoneから一括コントロールできるようにしてみた。 予想以上にやばい。超便利すぎて死ねる。 どうやるん? Glamo iRemocon と Unity Remote、Griffin Beacon という3つのチョイスがある。 実L5Remoteというもう1つのチョイスもあったのだけど、これはわが家では動かなかったので割愛。 Glamo iRemocon 価格:26880円 純粋スペックなら神いわゆるゴッド。高いが神。 iPhoneとWIFI通信し、ほぼすべての赤外線リモコンを学習可能。スキンもカスタマイズ可能もでき、そのうえ自宅外からの遠隔制御までできる。家への帰り道でエアコンをオンできるのが強力。マクロ機能やタイマーもサポート。エアコンが動くのが素敵。弱点は体をケーブルで無線ルーターにつなげなければならないこと、あとUIカスタマイズがPCのWeb

    shinagaki
    shinagaki 2011/11/30
  • iPhoneでオシャレなミニチュア風写真を撮る方法 | fladdict

    ミニチュア(ジオラマ)風写真を簡単に撮れるようになるチュートリアル。 わりと質問が多いので作ってみた。 必要なもの アプリはTiltShift Generator (85円) を使います。 また補助ツールにinstagram等のフィルター系アプリを1つ用意します。 ロケーション ミニチュア風写真では「どこから撮るか」がとても大事です。まずは高い所に行きます。 初心者へのお勧めは、歩道橋や高層レストラン街。 高さの目安は、撮りたいものによって決まります。 ・2〜5階: 人 ・5〜10階: 家や工事現場など ・10〜20階: 野球場等の大きめの施設 ・20〜40階: 町並み ・40階〜: ビル群や東京タワー、巨大ランドマーク 下記は「5階以上で気軽にミニチュア写真を撮れる自作マップ」。大きく表示 より大きな地図で ミニチュア写真ロケハン を表示 渋谷Qfront2階、スターバッックス。 渋谷駅

    shinagaki
    shinagaki 2011/09/13
  • スマホUI考3 ~ ジェスチャ入力について | fladdict

    スマホUI考1 〜 ボタンについて スマホUI考2 〜 フィードバックについて スマホといえばジェスチャー入力、ジェスチャーといえばスマホ。そんなジェスチャーについて、つれづれと。 でも個人的には、ジェスチャーはほとんど要らないと思う。 ジェスチャ全般 ・ジェスチャは補助操作。メイン操作ではない。 ・ボタンでできる操作をプラスアルファで、ジェスチャでもできるようにする。 ・なぜならジェスチャの有無は視覚的にわからない。 ・ユーザーがジェスチャを理解しなくても操作できるのがよい。 ・またジェスチャー時に、画面のかなりの部分が指で隠れる。 ・極論ジェスチャなしでもアプリがリリースできる状態なのがよい。 ・つまり予算や工数があまったときに入れよう。 タップ ・マウスクリックではなくタップ。 ・ボタンの精度は指のサイズに依存する。 ・細かい座標指定はできない。 ・ロールオーバーがない。 ・触ってみ

    shinagaki
    shinagaki 2011/06/28
  • スマホのUI考2 〜 フィードバックについて | fladdict

    UIについて徒然と考える自分用メモ、2回目はフィードバック。ユーザーに「何かがおきたよ!」と如何に明解に知らせるか?1回目はこちら 随時増えたり減ったりするよ。自分の主観だから間違ってることもチラホラあるかもよ。 振り返ってみてTiltShiftGenでは、遷移系のフィードバックは少なめにして、情報系のフィードバックを多めに調整してたんだなぁとシミジミ。多分、ブラーの処理が重かったからだと思う。隙をみてバージョンアップしたい。 一般論 ・フィードバックとは? ユーザーの操作に対して、結果を返すこと。操作の実感。 ・フィードバックのないアプリは痛覚の無い人間。 ・物理的なフィードバックもソフトウェア的フィードバックもなければ、ユーザーは何がおきているか知覚できない。 ・何かが起きたら必ずユーザーに通知する。 ・適切なフィードバックが行われるとユーザーは快感を感じる。 ・新雪に足跡をつけたり、

    shinagaki
    shinagaki 2011/06/14
  • fladdict » スマホのUI考 〜 ボタンについて

    SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ

    shinagaki
    shinagaki 2011/06/13
  • 非モテタイムスの編集長にドン引きな件 | fladdict

    「「francesco3氏」と「めがねおう氏」の炎上ツイートまとめ」件について 人権意識について個人的にTweetしたライターさんに、元偽鳩山Twitter非モテタイムスの編集長がいきなりドロップキック。 「話は聞かせてもらったわ!」とUst娘 そらのちゃんが颯爽と乱入。おもむろにロケットランチャーを取り出して、標的も確認せずに発射。ついでに後方確認も怠って、バックファイアーで全てを巻き込みつつの、ハリウッド的大爆発。 なるたけオブラートに包んで説明してみましたが、リンク先のやりとりはマジでドン引き。 一歩間違えれば暴力装置兵器になる、マスメディアの編集長がやっちゃあダメだろうと。。。 人としてどうかと思う。。。 まじめな話 自分も含め、Twitterのフォロワーが10000超えてたり、PVが50万超えてる人は、言葉の扱いを間違えるとさくっと周囲の人間の人生とかぶっ壊せちゃえる。 だから

    shinagaki
    shinagaki 2011/03/04
  • App Storeの「カスタマーレビュー」機能、連名で改善要望を出しませんか? | fladdict

    今日はfladdictというより、日最多ユーザのiPhone情報交換場、twitter.com@iphone_dev_jp 管理人としてのエントリ。 今日、ExciteとJust Systemが共同で、AppStoreのレビュー機能に関する改善要望の署名を開始した。 @fladdictおよび@iphone_dev_jpとして、この流れに賛同したいと思う。 【App Store「カスタマーレビュー」改善案】 ユーザーのコメントに対して、開発者側からコメントを返す機能及びその内容をApp Storeの該当するコメントと対になる形で購入ページ内に表示する機能の追加 今回の署名の内容 App Storeのカスタマーレビューは、無法地帯になっている。 その現状は、下記のエントリを見て頂ければ、すぐに理解いただけると思う。 - 日のAppStoreレビューは2ちゃん的…開発者が問題提起 - 日

    shinagaki
    shinagaki 2011/02/25
  • 百度の電子共有サービスが無法アップ状態でヤバそう | fladdict

    百度の立ち上げた、電子書籍共有サービスがスゴい。ヤバイ。 Baiduライブラリは、電子書籍をアップして共有するサービス。青空文庫と提携していて日の名作文学がいっぱい掲載されてたりする。来、日の出版社がやるべきなんだろうなーと思うんだけど、中華系の外資に全部先にやられてしまった感。 というか、ブログでステキ♥って紹介しようとサービスを掘っていたら、逆にヤバかった。マジヤバ。 ぱっとみマッキンゼーのトレーニング用プログラムとか、千と千尋の神隠しの台とか、漫画がいっぱいとか溢れてる。ドラゴンボール、聖お兄さん、京極夏彦、ハチクロ。。。とまさに無法地帯状態。 いかに中華系外資でも日支社でこれはまずいんじゃないか。。。と思ういっぽうで、法律的には真っ黒ではあるけでお百度ライブラリの出現自体は、大きな流れでは日のインターネットに変化をもたらしそう。 もう自炊だけではなく、出版社が後手にまわ

    shinagaki
    shinagaki 2011/02/01
  • 実はInstagramが流行ってるのは日本だけではないのか? | fladdict

    最近、妙な勢いでTwitterで流行しつつある、iPhoneの写真共有アプリ Instagram。なんかいかにも世界的に大流行っぽく見えてるけど、これ流行ってるのは日が中心なんじゃないんだろうか? というか主に、百式の人のパワーで、日で流行してるんじゃないのかと。。。 というのも、Instagramが言っている公称、6日で10万ユーザー。これ1日1.5万ユーザーってことじゃないですか。1日1.5万ユーザーだったら、たとえ全ユーザーがUSユーザーでも無料アプリのランキングでトップ50に入らなくないかな? Twitterで検索してみると、日人の比率が妙におおい。夜中でも。 そしてGoogleでの検索数も日とUSでは乖離しているし、ブレイクしたのは百式の人のエントリーの直後。 ちなみに、拙作のTiltShiftGen FREEが1ヶ月で50万ユーザーだから。スケール的にはInstagra

    shinagaki
    shinagaki 2010/11/02