[B! UI] colonoeのブックマーク

エンジニアにUIが分かりにくいと言われた - 並び替えボタン編｜ANDPAD Design Team｜note

ANDPADでデザインを担当している後藤です。エンジニア「このボタン、分かりにくいですね」開発を進めてて、エンジニアにこう言われたことはありませんか？「このボタンって、どう動くんですか？」「このボタン、気がつきにくいですね。」そういったときに、どのようにUIの意思決定をしたか、説明して納得してもらう必要があります。今回は「並び替えボタン」で起きたケースを紹介します。あまり目立たない機能ですが、データを整理することが多いBtoB向けサービスでは、要望が多い機能じゃないでしょうか。【目次】・どこが分かりにくかったか？・エンジニアとデザイナーの通る思考回路は違う・エンジニアの考えた解決策・画面上における機能の優先順位・機能単体のゴール・まとめどこが分かりにくかったか？実際の画面がこちらです。（※こちらは現在開発中の機能になります）さて、どこが分かりにくかったでし

colonoe 2018/05/26

エンジニアは納得したんじゃなくて諦めたんじゃないの

リンク

【Android】いまさら聞けないdp入門 - Qiita

dpとは？ Androidのデザインにおいて、必ず理解しておくべきポイントのひとつがdpについてです。 dp(density-independent pixels)とは密度非依存ピクセルのことで、dipとも呼ばれています。 Androidはこのdpのおかげで多用な端末をサポートできているのです。 dpのない世界 - 端末の解像度ごとに表示サイズが違う dpのある世界 - 端末の解像度が違っても表示サイズは保たれる Supporting Multiple Screens | Android Developers More Resource Types | Android Developers px、dpi、dp dpを理解する上で欠かせない要素がpx(ピクセル)とdpi(画面密度)です。 px px(pixel)というのはハードウェアで実装されている解像度そのものです。ピクセルとも言います。

colonoe 2017/06/01

リンク

スマホ大画面時代、親指リーチ範囲が鍵となる新たなインターフェースデザイン

スマホ大画面時代、親指リーチ範囲が鍵となる新たなインターフェースデザイン2014.09.25 21:0010,005 そうこ片手で扱うならば、親指がスマートフォンの鍵となる。スクリーンの巨大化ーー賛成反対と意見がわかれつつも、アップルがiPhone 6／6 Plusをリリースしたことで、ついにスマホ大画面時代が一気に花開きました。初動で歴代予約記録を更新した新型iPhone、つまり世の中もこの時代の流れを受け入れたのではないでしょうか。 3.5～4インチのディスプレイは、急激にその姿を消しています。Adobeによるモバイルベンチマーク2014年レポートでは、4インチ以下のスマートフォンでのWeb観覧は11％も減少しているのです。時は大画面。とはいえ、はてしなくディスプレイが大きくなるわけでもありません。大画面時代を先行してきたAndroid端末でも、最も好まれているのは5.1～5.7

colonoe 2014/09/26

はっきり言って失望している。持ち方を端末に合わせないといけないなんて馬鹿げてる／11%減少しても4インチ以下が圧倒的に多いように見えるんだが、5.1～5.7インチが好まれてるなんてデータはどこから出てきたのか

リンク

Google Wave風インタフェースも作れるJavaScriptのUIキット·UKI MOONGIFT

UKIはJavaScript製のオープンソース・ソフトウェア。Webアプリケーションを作る上ではそのインタフェースが重要な要素になる。ローカルアプリケーションの代わりに使えるレベルとなると、通常のWebサイトとは異なるインタフェースが求められるだろう。リスト作成＆操作も簡単使いやすいWebアプリケーションを容易に構築し、さらに開発者にとっても使いやすいUIキットがUKIだ。ボタンやリスト、スライダー、3ペイン構成と言ったオブジェクトを容易に実装し、Webアプリケーションを手軽に開発できるソフトウェアだ。インタフェースの組み立てだけでなく、アクションの実装についても考慮されているのが特徴だ。プラグインで拡張することもできる。実装は4000行程度で、とても高速に動作する。対応ブラウザはIE6、Opera9、Firefox2、Safari3、Google Chromeからとなっている。 G

colonoe 2010/12/20

リンク

インターン講義5日目「ユーザインターフェース,HTML5」 - Hatena Developer Blog

インターン生は、連日の講義と課題で大変そうですが、今日も講義が続きます。本日は、id:nanto_viによる「ユーザインターフェース,HTML5」です。仕様書を隅々まで読んだ講師によるディープな講義内容となっています。今日も2時間の長丁場ですが、頑張って着いていきましょう! ユーザーインターフェース、HTML5 ユーザーインターフェースで大切なこと、HTML5 及び関連 API で何ができるか自己紹介 nanto_vi (外山真, TOYAMA Nao) ブックマークチームアプリケーションエンジニアはてなブックマーク Firefox 拡張はてなツールバー for Firefox はてなブックマーク Twitter 投稿機能はてなサマーインターン 2008 なんとなく Emacs 富山県南砺市とはあまり関係なし概略 UI の評価・設計・実装の概略 HTML についての概略、HT

colonoe 2010/10/28

リンク

[CEDEC 2010]「スーパーマリオ」の上ボタンはなぜ押される？　ゲームプレイの記録からゲームの本質に迫る，立命館大学上村研究室の研究報告

[CEDEC 2010]「スーパーマリオ」の上ボタンはなぜ押される？　ゲームプレイの記録からゲームの本質に迫る，立命館大学上村研究室の研究報告編集部：touge CEDEC 2010では，ややアカデミックよりの発表も多数行われている。その中から「テレビゲームとはなにか ―ゲームプレイの記録と分析を通じて」と題されたセッションを紹介しよう。「CEDEC 2010」公式サイト立命館大学衣笠総合研究機構研究員／講師尾鼻崇氏この講演の主旨は，ゲームそのものではなく，ゲームを遊ぶ人間にの側に焦点をあてることで，ゲームの本質（遊技性）に迫ろうというもの。セッションでは，立命館大学上村研究室でこの研究を行う上村雅之教授と，同研究室の研究員である尾鼻崇氏が登壇し，本研究の現状と展望についての報告が行われた。セッションは，まず尾鼻氏による上村研究室の紹介から幕を開けた。立命館大学では上