[B! ui] HolyGrailのブックマーク

小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ

ビスケットは，開発して新しい機能を追加したときなど，必ず子どもたちが使っている様子を自分目で見てどんな風に使っているかを見てきます（最近はその暇が無くて他人に任せていたりして，かなりまずいんですが）．3年前くらいの面白いエピソードをご紹介しましょう．ちょうど，Androidタブレットで動くビスケットを開発していて（これはまた一般には配布していません．実験環境だけです），それがどのように子どもたちに使われるか見に行きました．僕としても指で直接操作するタブレットのUIの開発は初めてで．実は，マウスとタッチペンの操作は結構似ています．どちらも，非常に小さいエリアを結構正確にポイントできて，ドラッグもできますから．どちらかというと，ペンの方がドラッグが得意でしたね．小さい子はマウスクリックが全然出来ないとか（ボタンを押すときに指先だけ押すということができないので，手を握ってしまって，その結果マウ

HolyGrail 2014/06/26

ui

リンク

The Ultimate Complete Final Social Media Sizing Cheat Sheet — Cool Infographics

Jan 8 The Ultimate Complete Final Social Media Sizing Cheat Sheet The Ultimate Complete Final Social Media Sizing Cheat Sheet by LunaMetrics is a huge (and very long) informational infographic that shows the readers all of the important image sizing requirements for the major social networks. In June of this year, we published an infographic listing all of the sizing information for images on Face

HolyGrail 2013/01/09

ui
design

リンク

UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!

第1回スマホデザイン会議 #sdkaigi AQUA SOCIAL DRIVE - http://aquadrive.jp/ Newers - http://www.newers.net/ Pelo - http://www.pelo.jp/ Cotto - http://cotto.jp/ Pelo's Puzzle - http://www.bascule.co.jp/pelopuzzle/ Bascule Inc. - http://www.bascule.co.jp/ Bascule GO! - http://www.facebook.com/BasculeGoRead less

HolyGrail 2012/05/01

ui

リンク

企画が考えるスマホUIデザイン

Aiming Inc. 社内で行われたレベルデザインに関する勉強会のスライドです。使用許可の無い画像は削除してあります。ご了承ください。Unite Tokyo 2018 Training Day﹁ProBuilderで学ぶレベルデザインレベルデザインについて﹂の資料です。講師‥大野功二︵QAマネージャー｜ユニティ・テクノロジーズ・ジャパン合同会社︶ ※︻Unite Tokyo 2018 Training Day︼ProBuilderで学ぶレベルデザイン ProBuilderをマスターしよう！の資料はこちら https://www.slideshare.net/Unity Techno logiesJapan/unite-tokyo-2018-training-dayprobuilder-probuilder ■ワークショップ内容人気アセットProBuilderはUnityに統合され

HolyGrail 2012/02/29

ui

リンク

このアプリのこの動きがたまらない〜UIが斬新なiPhoneアプリ特集〜 - #RyoAnnaBlog

Tweet アニメーションや効果音が、たまらなく気持ちいいアプリがある。スワイプした時の動き、ボタンを押した時の効果音、ピンチアウトのユーザーインターフィエス。ちょっとしたギミックが、そのアプリの魅力を決定的なものにする。今回は、UIが斬新なiPhoneアプリを集めた。同じ感覚の人がいると嬉しい。Daily Routine 1日のルーティンワークを設定して通知するアプリ。カラフルなスロットを上下に動かした時の、マーブルの曲線がとても綺麗だ︵動画 00:05︶。関連記事‥時間にくさびを打って24時間を習慣化するDaily Routine | Lifehacking.jp Daily Routine - YouTube Tweetbot 小気味よいアニメーションと効果音がクセになるアプリ。とりわけ、ツイートを左右にスワイプした時の動きと音がたまらない︵動画 01:30︶。また﹁ツイート

HolyGrail 2012/02/15

後で触る

ui
design

リンク

La Moulade - Creative Studio

Creative Studio, Combining branding, design & advanced techno logy.

HolyGrail 2011/12/01

スクロールがおもしろい

ui

リンク

Yahoo!の天気予報で今日の気温を明日の気温と勘違いしてしまう - F.Ko-Jiの「一秒後は未来」

よく出かける前に﹁今日は寒いのかなぁ？暑いのかなぁ？﹂と思って Yahoo! の天気予報を見ることがあるのですが、よく﹁なんで明日の気温を表示してるんだ？﹂と思ってしまうことがあります。理由はこれ。 ↑ 気温の欄の上に﹁明日﹂とあるので﹁明日の気温﹂と思ってしまう。よく見ると﹁タブ﹂のインタフェースになっているのでこれは﹁今日の気温﹂なのですが、何度見ても﹁明日の気温﹂と勘違いして、﹁今日の気温はどこから見られるんだ・・・？﹂と迷ってしまうんです。迷う原因はさらにあって、天気マークの上にマウスオーバーすると、いかにも﹁今日﹂﹁明日﹂﹁明後日﹂と区切られているように見えるようになるんです。 ↑ マウスカーソルはキャプチャできていないが、マウスオーバーするとこのように区切られる。毎日見てれば慣れるんだと思いますが、たまにしか見ないので、このあたりをもう少し気にしてくれると悩まなくてす

HolyGrail 2009/10/28

yahoo
ui

リンク

日刊スレッドガイド : Google先生の検索窓が異様にデカくなった件

1 ：セイヨウタンポポ(愛知県) ：2009/09/10(木) 18:56:24.31 ID:I0sTAL1e● ?BRZ(10000) ソース http://www.google.co.jp/ Now S-U-P-E-R-sized! 9/09/2009 02:59:00 PM Search, that is. For us, search has always been our focus. And, starting today, you'll notice on our homepage and on our search results pages, our search box is growing in size. Although this is a very simple idea and aneven simpler change, we're excited ab

HolyGrail 2009/09/11

リンク

FWD勉強会vol.1資料公開

2007年10月27日に開催された﹁PHP in Fukuoka ＆福岡Webデザイナーズ合同勉強会﹂で使用した資料を公開します。 FWD勉強会vol.1資料公開﹇PDF:1.4MB﹈当日伝えきれなかったことや、良い忘れていたこと、準備不足だった部分を補う意味で、付録を追加してから公開しようと思っていましたが、時間がかかりそうだったので、後日余裕ができてから公開したいと思います。今回は﹁いろのはなし﹂というタイトルで、色彩調和をテーマに話をさせていただきました。学生の頃に色についての授業を受けているはずですが、あまり勉強をしていなかったので詳しいわけではなく、少し知っている程度でした。そこでいろんな本を読んだりしながら勉強をし直すことになりました。色の話はとても範囲が広く、調べていくうちに全体をカバーすることなど到底無理であることが判ってたので、要望のあった﹁色彩調和﹂に絞ることに

HolyGrail 2009/09/08

リンク

インターフェース勉強会、第1回、2009/9/19 - How We Hear

先日、第0回のWii観察会やりました。すごくおもしろかったです。以下、その時のメモです。 tenjin.web: ui/0 僕は﹁なんでインターフェースを集まって勉強しなくちゃいけないのか﹂ということを話しました。(PDF、後で消えるかもしれません) なぜインターフェース勉強会か(PDF) 次回以降も隔週土曜で定期的にやっていこうということになりました。全体の知識マップは広いけど、こんなかんじで﹁理論﹂﹁基礎﹂﹁実習﹂の3方向で学習していこうという(とりあえずの)計画です。﹁基礎﹂として周辺知識の概観を浅く把握するために、﹁Design rule index﹂を一回に10ルールぐらいづつ読み進めていこうと思っています。この本を持っていない場合は、とりあえず持参しなくてもOKです。 Design rule index―デザイン、新・100の法則作者: William Lidwell, Kr

HolyGrail 2009/09/07

ui

リンク

Re: パスワード入力の「****」は不要？ - 西尾泰和のはてなダイアリー

パスワード入力の「****」は不要？　研究者の間で激しい論議 - ITmedia News 他人に質問したりしてその人が作業しているのを横で見ているようなシチュエーションで「パスワード入力画面がでたらキーボードやモニターから目をそらす」っていうのを当然のマナーだと思う人もいる一方で、少なくとも僕の観察によれば大部分の人は目をそらすべきだという認識を持っていないように見える。パスワードをミスタイプして入力し直すコストと、パスワードを入力するたびに振り返って誰かがモニターを見ていないか確認し隣で作業を見ている人がいれば「パスワード打つからあっちむいて」と声に出して指示するコストとどっちが大きいか、自明だと思うが。なお参考までに漏洩電波を傍受することでモニターに表示されている画像を覗き見る技術は僕が生まれるはるか前から存在している。see: TEMPEST

HolyGrail 2009/07/02

ui
usability

リンク

はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

はてなグループの終了日を2020年1月31日(金)に決定しました以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記はてなグループ日記のエクスポートデータは2020年2月28

HolyGrail 2009/07/02

ui
usability

リンク

overflow-y:scrollな要素を一番下までスクロールする - ぼくはまちちゃん！

こんにちはこんにちは…！突然だけど今日はちょっぴりテンション低めに、要素のスクロールについてのお時間なんです…！ぺろぺろぺろぺろぺろぺろぺろぺろぺろ <div style="height:4em; overflow-y:scroll"> <ul id="peroZone"> <li>ぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> </ul> </div> <input type="button" value="ぺろライン追加" onclick="add()" /> ↑なんかこういうやつがあって…、ボタンを押すたびに、ぺろぺろエリアの一番下に行が追加されるような仕掛けを作りたいとき…・。 <script> function add() { // 行を追加するよ var peroZone = doc

HolyGrail 2009/06/23

後で考える

リンク

「次」と「前」の意味と並び順

﹁次﹂と﹁前﹂の意味と並び順 2006-05-22-2 [Blog][WebTool] 次の日、前の日、次のページ、前のページ、次の記事、前の記事。﹁前﹂﹁次﹂はそれぞれどういう意味か。またそれらはどういう順番で並んでいるか。気になったので調査中。サービス名[位置]と表記意味livedoor blog[左] 前の記事古い記事へlivedoor blog[右] 次の記事新しい記事へtDiary[左] 前の日記古いページへtDiary[右] 次の日記新しいページへMovable Type 系[左] <<古い記事へMovable Type 系[右] >>新しい記事へはてなダイアリー[左] 前の日古いページへはてなダイアリー[右] 次の日新しいページへYahoo! 360°[左] 前の日記古いページへYahoo! 360°[右] 次の日記新しいページへ2ちゃんねる[左] 前100古いページ

HolyGrail 2009/05/13

ui

リンク

Amazon.co.jp: デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計: James Kalbach (著), 児島修 (翻訳), 長谷川敦士 (監訳), 浅野紀予 (監訳): 本

HolyGrail 2009/05/11

リンク

使い易いユーザーインタフェースとは何かを勉強しています。そこで、質問です。使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてくださ.. - 人力検索はてな

使い易いユーザーインタフェースとは何かを勉強しています。そこで、質問です。 - 使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてください - また、それが使い易いと感じた理由を教えてください条件は以下、 - 一般的なパソコンのディスプレイ、マウス、キーボードで触れるインタフェース - あなたが実際に体験したインタフェースよろしくお願いいたします。

HolyGrail 2009/03/26

詳細を話せたら一番いいのだけど、1つ1つの挙動に対してさまざまなペルソナを用意し、時間をかけて作られたサイトがあります→http://www.yahoo.co.jp/

ui

リンク

https://blog.8-p.info/2009/03/textfield-js

HolyGrail 2009/03/09

UI設計／↓HTML5すげぇｗ

リンク

ウェブインターフェースデザインに関するスライド – 秋元

これはいい。ウェブのボタンやフォームの配置等についてのティップスがつまったプレゼン。元Yahoo.comのAjaxエヴァンジェリスト、現NetflixのUI エンジニアBill Scottさんの作によるものです。 UIの話で図がいっぱい入ってるから英語読まなくてもなんとなくわかるし。 Yahoo.comの映画レビューで使われているUIは僕も好きだなあ。グレード評価なので日本にそのまま使えるわけではないけど、レビューサイトとか作るとしたらぜひああいうの入れたいと思います。 Javascriptでその場でいろいろする場合にも、マウスの移動距離を考えよ、ってのを見てはっとしました。あんまり考えて無かったかもしれません。 327ページのスライドというのがすごいですね。新刊(↓)の宣伝とはいえ、ここまで出してしまうとは。 [am]0596516258[/am] 今回のプレゼンとは違いますけど、一昨年に

HolyGrail 2009/02/05

ui
usability

リンク

http://www.yasuhisa.com/could/entries/001173.php

HolyGrail 2009/01/28

露出しているかしてないかで言えば確かにしているんだけどやはり少ない、というのが個人的な印象。かといって情報を詰め込みすぎるのもアレなのでやっぱりいろいろ考えて工夫しなきゃいかんところはまだまだ多いなー

usability
ui

リンク

UIデザインガイドラインのまとめ : could

UI UXガイドライン UIデザインガイドラインのまとめデザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface Guidelines個人的に UIデザインガイドラインといえばこれ。日本語訳も大変便利です Apple User Experience Guides ソフトウェア開発向けですが、イントロダクションあたりは参考になります iPhones Human Interface Guidelines会員登録すると見れる PDF 資料ですが、上記のリンクからブラウザ上で観覧することが出来ます Windows User Experience Interaction G

HolyGrail 2009/01/26

ui
webdesign

リンク

はてなブックマーク

タグ

関連タグで絞り込む (31)

uiに関するHolyGrailのブックマーク (44)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス