オインクゲームズのコンポーネントデザイン
これは「Board Game Design Advent Calendar 2016」1日目の記事です。 オインクゲームズのボードゲームのコンポーネントは、アートワーク重視だと思われがちです。しかし、実際はプレイアビリティを最も重視してデザインしています。その結果、逆算的にあれらのユニークなコンポーネントたちが生み出されているのです。もちろん、あの独特のサイズの箱に収めなければならないという制約はあるのですが、その中で最大限、プレイしやすいコンポーネントとは何かを考え抜いて作られているのです。今回は、そのデザインについて少しご紹介します。（弊社代表である佐々木隼がデザインした仕事を、それをよく隣で見てる筆者が紹介します） 視覚的に伝えるデザイン コンポーネントという特殊で小さな物体の上には、本やWebのように大量の情報を載せられるわけではありません。そこで、必要な情報や、伝えたい様々な事柄
開発者目線で新はてブアプリをレビューしてみた
リニューアルされたはてなブックマークのiOSアプリ。 フィードバックを募集しているようでしたので、軽く触った感じのレビューをしてみたいと思います。 新機能はあまり試していないのと、開発者目線のレビューです。 使用しているライブラリ 開発者向けのエントリなので、一発目からライブラリについてです。 アプリ本体は後半になります。 最近、他のアプリが使っているライブラリを見るのが好きなので、一通り書いてみます。 今回のエントリはこれが書きたかっただけだったりします。 AAMFeedback アプリのフィードバックを頂くためのフォームを手軽に設置できるライブラリとして有名なやつですね。 アニマネでも同様のライブラリとして、CTFeedbackを使っています。 こちらの方がメンテナンスされていて、カスタマイズもしやすかったので、上記を採用しました。 Alamofire Swift時代のHTTP通信の定
アプリ内ブラウザの「戻る」機能 | Accessible & Usable
公開日 : 2013年7月18日 (2013年7月19日 更新) カテゴリー : ユーザビリティ スマートフォンのネイティブアプリケーション (いわゆる「アプリ」) の中には、ブラウザ機能が備わっているものがあります。たとえば Twitter アプリ、Facebook アプリ、RSS リーダーのアプリ、メールクライアントのアプリ、などでは、コンテンツに Web ページへのリンクが表示されていると、それをタップすることで、アプリ内で Web ページを表示することができます。 アプリ内のブラウザ機能でいくつかの Web ページを遷移しているとき、画面左上にあるアイコン (「戻る」ボタンっぽいもの) をタップしたら、直前に見ていた Web ページではなく、Web ページを開く前のコンテンツに一気に引き戻された...という経験は、ありませんか？ よくよく見たら、ブラウザの「戻る」ボタン (直前に見
Togetter - まとめ「【完結】ファミコン版『ドラゴンクエスト1』がどんなに素晴らしいか延々と語る」
ニカイドウレンジ @R_Nikaido 『ドラクエ1』の導入は本当に凄いな。最初の王様との短い会話で「自分の役割：勇者」「旅の動機：竜王は倒すべき存在である」「旅の目的：竜王を倒す」という、ゲームを始めるにあたって必要な情報が全て分かる。たったひらがな280文字でだよ。たった2ツイート分でそれだけの説明をしてるんだよ！ 2010-07-04 22:58:10 ニカイドウレンジ @R_Nikaido 『ドラクエ1』導入のさらに凄いのは、最初の部屋がまんまチュートリアルになってるところ。自動的に「会話のしかた」「宝箱の取りかた」「扉の開けかた」「階段の使いかた」が学べる作りになってる。部屋から出る方法を模索することがそのまま学習に繋がる。意識させないチュートリアル。 2010-07-04 23:02:20
Micros○ft テメぇ！！！！！１１１１ - いろきゅうの（元）はてなダイアリー
ｶﾀｶﾀｶﾀｯ... ﾀﾝｯ この操作を続行しますか？ (yes/no) yes ポリシーの保存は中止されました。 ……？？ …… ｶﾀｶﾀｶﾀｯ... ﾀﾝｯ! この操作を続行しますか？ (yes/no) y 正常に終了 ファッッッッッ！！！！！！！！！
改めて「ユーザー目線」の重要さを考える～クックパッドのアップデート時におけるレビュー悪化に学ぶ～ - 儲かるWEBサービスのネタの種
最近ソーシャルゲームの話題を連投していたので、少し毛色の違う話題について書いておきます。タイトルにもありますが最近行われたクックパッドのiPhoneアプリのアップデートに関してです。どういう話かを簡単に説明すると、先日クックパッドが大幅なUI改変を行なってアプリをアップデートしたら、一部の層にはUIが良くなったと評判が良かったんですが、実際に使っている主婦層だと考えられる人達にウケが悪くAppStoreのレビュー欄が☆1だらけになったという話です。 実際、自分は新UIのクックパッドを初めて触った時、最近のiPhoneアプリにおいて使いやすいとされるUIを盛り込んだ素敵な改善だと感じました。またtwitetrやFacebookなどweb上での反応も比較的、好反応なものが多かったように思います。ですが先にも書いたようにAppStoreのレビュー欄は散々でした。下に挙げたのは一部に過ぎませんが画
Private Presentation
Private content!This content has been marked as private by the uploader.
モバイルデザインパターン
モバイルアプリのUIパターンを手軽に参照できるリファレンス。主要なプラットフォームで動くモバイルアプリの画面例を400点以上使いながら、ユーザーインタフェースの定番パターンをグラフィカルに解説します。本書で紹介する68個の基本パターンと5個のアンチパターンが、使いやすいモバイルアプリをデザインするうえでクリアしなければならない設計上の課題を解決してくれます。 掲載UIパターン： ナビゲーション、フォーム、テーブルとリスト、検索、並べ替え、フィルター、ツール、グラフ、誘導、フィードバック、アフォーダンス、ヘルプ、アンチパターン サンプルPDF ● 「監訳者まえがき〜1章まで」（15MB） 監訳者まえがき 賞賛の声 序文 まえがき 1章 ナビゲーション 1.1 主要なナビゲーション 1.1.1 Springboard（スプリングボード） 1.1.2 List Menu（リストメニュー） 1.1
天外IIのUIについて（１）::Colorful Pieces of Game
しばらく間が開いてしまったので、リハビリがてらに、前回の続きではないけれど、作っていた人間にとってはいろいろ思いで深い話などちょっと書いてみたい。 つーか、こんな風に落ち穂拾いしていかないと、なんだか粗筋だけの小説みたいになりそうな気がしたので、いろいろ書いていこうというわけ。 今回は、UI、ユーザーインターフェースについて。 さて。 天外２というゲームは対面戦闘の全盛時代が終わりにかかろうとしていた、スーパーファミコン登場前夜に企画がスタートし「王道」を要求されたために、実にこまごまとUI周りに微妙な問題が発生したソフトだった。 そして、たぶん２回でまとまる予定の、このシリーズではちょっとそれについて書いてみようというわけだ。 天外２の企画がスタートしたときは、まだ「Aボタン（PCエンジンではIボタンだが、面倒なのでAと表記する）」を押すことで、目の前の人と話したり、宝箱が開いたりといっ
「ほとんどのダッシュボードは失敗作」 eMetrics: Marketing Optimization Summit基調講演レポート
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Appleとマイクロソフトのデザイン部門のトップ(ジョナサン・アイブとサム・モロー)のインタビューとWindows 8の大きな一歩 - FutureInsight.info
Appleのデザイン部門のトップであるジョナサン・アイブのインタビューが掲載されるということで非常に楽しみにしていた今月号のBRUTUS Casa。ジョナサン・アイブがインタビューに応えることは非常に少ない(昔クーリエ・ジャポンの特集で読んだくらい)ので、2ページの記事でしたが読んで良かったと思う素晴らしい内容でした。他の特集も非常に面白く今月のCasaは買いだと思います。Casa BRUTUS (カーサ・ブルータス) 2012年 03月号 [雑誌] マガジンハウス 2012-02-10 売り上げランキング : Amazonで詳しく見る by G-Tools ジョナサン・アイブの強い言葉とデザイン哲学 詳しくはCasaを読んで欲しいのですが、僕が非常に印象に残ったのは、以下の言葉。 つまり会社の設立とはアイデアを実行するためにあるわけです。そして会社として実際にデザインをし、開発をして製造
Web design trend: Metro UI
The Zune and Windows Phone brought a new User Interface (UI) design to the mobile world called Metro UI. Not only in Windows Phone or Windows applications we see the rise of this new Metro UI style, even websites are adopting them. Today even Microsoft launched the redesigned microsoft.com website. Site www.microsoft.com: Site www.touchality.com: Site www.touchality.com/blog: Site www.monsmartphon
Modern UI - Wikipedia
Modern UI（モダン・ユーアイ）は、マイクロソフトが開発したユーザインタフェース (UI) である。Windows PhoneやWindows 8などで採用され、以来マイクロソフト製品の多くで実装された。 特徴[編集] 以前のWindowsに採用されていたLunaあるいはWindows AeroやPortable Media Centerとは異なり、ビビッドな単色基調とした、大きなフォントと読みやすさに重点をおいたフラットデザインである。簡潔なタイポグラフィに焦点をあわせられ[1]、Modern（モダン）と称している。Windows Phone や Windows 8 のスタート画面などでは、一目で情報が手に入れられるよう、「ライブタイル」と呼ばれるアプリケーションのタイルの中に、ニュースやメッセージなどの文字も表示されるようになっている。別の項目へ移動する場合は横スクロールを行うこ
「OKボタン」は左にあるのが正しい事を、任天堂に教わってみる - 狐の王国
少し前だが、やっぱりOKボタンは右なんだよという記事が話題になっていた。 OKボタンは右か左かというのはけっこう議論になったり統計とってる人がいたりと尽きない話題なのだが、先日任天堂のWiiを使ってて「OKボタンは左が正しい」と確信するに至った。 Wiiにはショッピングチャンネルといって、Wii用のソフトウェアや昔のゲームが購入できる機能が搭載されている。いろんなソフトがある中、特定のソフトを選んでみると…… このような画面になる。 そして「購入する」ボタンを押す。 注意書きがあらわれる。OKが右側にあるのが見える。「次の工程へ進む」ためのボタンは右が基本なのは、やはりどこの環境でも変わり無いようだ。 OKを押すとさらに別の注意書きが現れる。ここでもOKは右側。 しかし次の画面で「はい」と「いいえ」が現れ、左側が「はい」になる。 この画面で「はい」を押すと購入が確定になり、プリペイドカード
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
楽しいBADUIの世界
UIデザインに役立つツール
山陽・九州 撮っておきコレクション
測定機器にもタッチUI流行の兆し - NextReality