もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
ゲーム系UIデザイナーの勉強を２年近くやって思った12のこと。 - meycoのUX&UIデザイン技術メモ
あけましておめでとうございます。 新年になり、すこしゆったりとした時間を過ごす事ができました。せっかくなので、去年からずっと思っていたUIデザイナーについて思った頭の中のことをまとめたいと思います。 WEBのUI設計よりも、明らかにゲームの方が難しい これは結構何度も言ってますが、ゲームの設計(ゲーミフィケーションのアプリ含む)の方が明らかに「やることが多い」です。 もっとプレイしてもらうには？ゲームが終わったときに、どのような設計になればもう一度やってくれる？ チュートリアルは必要？やりこみ要素はどうする？ソーシャルとどうやって連携する？ポイント加算の条件は？アクショナブルフィードバックは？日常で使ってくれるような設計には何が必要？盛り込みすぎではないか？ などなど、考えることが多いです。 このあたりは、ソーシャルゲームが本当に上手にできてるなーと思っているので、日々勉強しています。 ゲ
保存アイコンでみえてくるアイコンデザインの勘違い
先日 Goodpatch さんが 保存アイコン＝フロッピーディスクの時代は終わった…？ という興味深い記事が掲載されていました。フロッピーディスクを保存アイコンをとして採用するのは古いのではないか、という議論は国内外で何年かに一回はあります。私も 2009 年に変わりゆく「保存」の存在と題してフロッピーディスクアイコンのあり方も踏まえて、今後の保存の姿を模索していました。また、先月開催された Android Bazaar Conference 2013 Spring でも同じ話題に触れています。 アイコンと問題解決について 様々なデザイナーが新しい保存アイコンを提案しているものの、「うん、これは保存だ」と納得できたものはほとんどなかったと思います。ダウンロードにみえるものも少なくありませんし、中には抽象的すぎて何を意味しているのかさえ分からないのもあります。自分たちのクリエイティブアウトプ
Microsoft R Server now available for Academics and Students via DreamSpark - big data statistics, predictive modeling and machine learning capabilities - Microsoft UK Faculty Connection - Site Home - MSDN Blogs
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
ニコニコ超デザイン-Metro考察編-
2. はじめに 前回までのあらすじ 2012/4/6〜～4/24 ニコニコ超開発 http://www.slideshare.net/koizuka/ss-‐‑‒12766279 ニコニコ超デザイン http://www.slideshare.net/VoQn/metro-‐‑‒12761898 3. はじめに 前回までのあらすじ 2012/4/6〜～4/24 ニコニコ超開発 http://www.slideshare.net/koizuka/ss-‐‑‒12766279 ニコニコ超デザイン http://www.slideshare.net/VoQn/metro-‐‑‒12761898 → 4/25 WDD 実況チェック / NicoNicoMetro 社内レビュー 4. はじめに 前回までのあらすじ 2012/4/6〜～4/24 ニコニコ超開発 http://www.sli
)
Windows のタッチ操作 - Windows app development
Windows 8.1 には、システム全体で使われるタッチ操作の簡単なセットが用意されています。このタッチ言語を一貫して適用することで、ユーザーに、自分が使い慣れたアプリと似ていると感じさせることができます。アプリの使い方をわかりやすくすることで、ユーザーの信頼感が増します。タッチ言語の実装について詳しくは、「ジェスチャ、操作、対話的操作」をご覧ください。 この記事の内容: タッチの設計原則 タッチ言語 タッチ ターゲット 位置と持ち方 関連トピック タッチの設計原則 即座にフィードバックを返す 画面がタッチされたときにすばやく視覚的フィードバックを返すようにすると、ユーザーが安心して操作できます。操作に対して、色やサイズの変更、移動で応答する必要があります。操作できない要素は、画面がタッチされたときだけタッチ画像を表示するようにします。 コンテンツが指の動きに付いていくようにする キャン
このアプリのこの動きがたまらない 〜UIが斬新なiPhoneアプリ特集〜 - #RyoAnnaBlog
Tweet アニメーションや効果音が、たまらなく気持ちいいアプリがある。スワイプした時の動き、ボタンを押した時の効果音、ピンチアウトのユーザーインターフィエス。ちょっとしたギミックが、そのアプリの魅力を決定的なものにする。 今回は、UIが斬新なiPhoneアプリを集めた。同じ感覚の人がいると嬉しい。 Daily Routine 1日のルーティンワークを設定して通知するアプリ。カラフルなスロットを上下に動かした時の、マーブルの曲線がとても綺麗だ（動画 00:05）。 関連記事：時間にくさびを打って24時間を習慣化する Daily Routine | Lifehacking.jp Daily Routine - YouTube Tweetbot 小気味よいアニメーションと効果音がクセになるアプリ。とりわけ、ツイートを左右にスワイプした時の動きと音がたまらない（動画 01:30）。また「ツイート
そろそろMetro UIに関して一言言っておくか : 404 Blog Not Found
2011年09月25日17:30 カテゴリArtLogos そろそろMetro UIに関して一言言っておくか 404 Blog Not Found:0th Impression - Windows Phone IS12TMetro UIに関しては別記事で改めて書くことにして やっとこさ素材が揃ったので。 俺のWindowsがこんなにかっこいいわけがない 最初に見た瞬間に思い起こしたのは、これ。 明彩色の背景にシルエット。でも踊っているのはみなさんおなじみの…。 しかし出自を考えればそれも納得がいく。 Metro (design language) - Wikipedia, the free encyclopedia Metro is an internal code name for a typography-based design language created by Microso
パン屑リストについてもう一度考えてみる
様々なパン屑リスト 利用者が辿ってきた道筋を示し、いつでも先に戻れるような配慮としてパン屑リストがあります。IA の専門家 Keith Instone によると、パン屑リストには以下のタイプがあると言われています。 場所の示す Webサイトをツリー状として捉えたときの利用者の現在地を表示する 経路を示す 利用者が現在地まで辿り着いた道筋を表示する 属性を示す 断面的な検索をして絞り込む際、選択済みの属性を表示する 進行状況を示す アプリケーションの利用の際、タスクの進行状況を表示する それぞれのパン屑リストには特有の機能があり役割を果たして来たわけですが、本当に必要かどうかを再考するべきタイプもあります。例えば経路を示すパン屑の場合、ブラウザで既に実装している「戻る / 履歴」と重複しています。また、利用者が幾つかのページをブラウジングしているだけの場合など経路を残すべきか判断しにくい場合
Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
パスワード認証
FC2からLivedoorに移転し半年くらい（2009年9月30日～2010年4月2日）やってた旧はちま起稿です。当時浪人1年目でした。（その後合格したけど大学行かずに上京してます） その後ちょっとした事情があってLivedoor内でサイト移転してます。 当時を思い出す自分用のアーカイブとして鍵かけてます。ごめん。
タブUI詳解
タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Design 以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジュールやタブUIと記載すると煩雑になるため、「タブ」と略します。 タブのみを指す場合は、「タブ コントロール」としています。 はじめに 1. タブの構造 2. タブはいつ使用するのか 3. タブのユーザビリティとベストプラクティス 4. タブのアクセシビリティ 5. タブの拡張 6. タブの実装集 7. タブを実装するためのチュートリアル集 8. タブを実装するスクリプト集 はじめに タブモジュールは複数のコンテンツを異なるパネルに配置したユーザインターフェースのデザインパターンです。 パネル
色覚異常によるカラースターの色の見え方 - no.10
はてなスターの色つきバージョン、「カラースター」が開始されて一週間。 ホッテントリに入っている良エントリーにカラースターが付けられているのも、ちらほら見かけるようになりました。 このカラースターに言及しているエントリーを見まわっていたら、一つ、気になる記事を発見！ 面白いと思うけど，これ，赤と緑が見分けづらいのだが。 どこまで赤でどこから緑か，画面に顔を近づけないと分からない。 記事元：カラースターの赤と緑が見分けづらい - 安眠アダージェット これは不便だろうなーと思って、どんなふうに見えるのか調べてみることにした。 検証方法 ソフト：富士通が提供している「Color Doctor」を利用。 画像：カラースターショップのトップ画像。（本当はカラースター全部が付けられている記事で検証したかったけれど、見つけきれなかった。） 色覚異常の知識： Wikipedia の色覚異常を参照。他には、色
ゲームとかアートの話 - SLN:blog*
近頃表現のプラットフォームとしてゲームが気になってる。もともとは半ば飽和状態になりつつあるprocessing系の作品をぼんやりと眺めているうちに、「こういう作品群の面白さっていうのは、どちらかというとグラフィックそのものの美しさというよりは、その絵のうしろがわにあるシステムの面白さなんだよなー、でもそれが一番完成度高くできてるのってゲームなんじゃないの？」ってふと思ったことがきっかけなんだけど、色々調べるうちに色々と全世界的に面白い動きがあることがわかってきた。あまり考えはまとまっていないのだけど、今回は自分の頭を整理するために分類しておこうと思う。 ■アートとしてのソフトウェア アート作品をつくろうとしてプログラミングしたら結果的にゲーム（的）なものになっていた、あるいはゲーム作品をつくろうとしてプログラミングしたらアート（的）なものになっていた、っていう印象をうけるようなソフト。ハー
幅を5cm短くした新発想が中国で大ウケ！ 冷蔵庫を10倍売ったパナソニック - 日経トレンディネット
横幅をわずか5cm短くしただけの冷蔵庫が、前年の10倍も売れたという。パナソニックが中国で発売した“スリム冷蔵庫”だ。 従来、同社が中国で発売していた冷蔵庫は、最も幅が短いもので60cm。ヒット商品のスリム冷蔵庫は、これを5cm短くして55cmにしたのだ。 特別な機能をつけたわけではない。価格を引き下げたわけでもない。なぜ、それがヒット商品となったのだろうか。 実は、この裏にはパナソニックが上海に設置した中国生活研究センターの研究成果がある。 同センターは、所長の三善徹氏以外は、すべて中国人スタッフ。所員全員で8人のこぢんまりとした陣容だ。だが、このセンターから生み出される研究成果が、中国市場に最適化した白物家電製品の創出につながり、パナソニックの存在感を高めている。 同センターの役割は、中国の生活や家庭情報を研究、調査して、商品企画や商品開発に結びつけることにある。 中国人スタッフは仮説
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本のアプリのUI（ユーザーインタフェース) は古くて醜いのはなぜでしょうか？に対するMakiko Nukagaさんの回答 - Quora
ニコニコ超デザイン-Metro死闘編-
方法: Windows Phone Marketplace 用のスクリーンショットを作成する
ダメなユーザインタフェイス講座
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
