Twitter — When you lose your internet connectivity, you’ll get an option to copy the text that you’ve typed to DM someone on Twitter.
designとUIに関するretletのブックマーク (51)
-
retlet 2014/11/14
-
モバイルアプリの最小タップサイズを考える | dotproof
モバイルアプリのUIデザインで難しいのはターゲットとなるデバイスの画面サイズに様々なサイズのものがあるということです。画面の大きさにはいろいろあっても人間の手や指のサイズはほぼ誰でも同じですから、どんな画面サイズであっても確実に押せるようなUIのサイズというのを把握してデザインしないと大変使いにくいものになってしまいます。 例えばiOSの「ヒューマンユーザーインターフェースガイドライン」では「タッチ可能な領域のサイズを約44ｘ44ポイントにしなさい」とし、サンプルとして電卓アプリの画面が紹介されています。 “Give tappable elements in your app a target area of about 44 x 44 points. The iPhone Calculator app is a good example of fingertip-size control
-
Creative Uses of Animated GIFs to Present UI Designs
With the abundance of gestures and animations being implemented into mobile apps designers are facing the tricky problem of how you present these UI concepts. Storyboards and static screenshots don’t show any dynamism, whereas wireframes are visually plain and boring. There is one solution that seems to be catching on; the reinvention of the animated GIF. Today’s post rounds up 20 creative example
-
Latest topics > Firefoxアドオンの開発を通じて考えるようになったインタラクションデザイン - outsider reflex
Latest topics > Firefoxアドオンの開発を通じて考えるようになったインタラクションデザイン 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « Fox Splitterを作りなおした Main ジム通いを始めた » Firefoxアドオンの開発を通じて考えるようになったインタラクションデザイン - Jun 30, 2011 あかつかだいすけさんのご紹介で、6月27日に慶応大学湘南藤沢キャンパスでインタラクションデザインについての講義を1時間ほどやらせていただきました。その際の発表資料はいつもの通り「高橋メソッド in XUL Returns」で作ったのですが、Remote XULがデフォルトで禁止されるようになったFirefox
-
-
UIと製品のカスタマイゼーション
UIをユーザーがカスタマイズ可能なウェブサイトは、通常のサイトと同程度のユーザビリティがあると評価された。しかし、製品をカスタマイズするためのサイトは、複雑なワークフローが原因でかなり悪い評価となった。 Customization of UIs and Products by Jakob Nielsen on August 17, 2009 ウェブベースのカスタマイゼーションは新しいものではない。1990年代半ば以来、カスタマイゼーションはウェブがたどる運命であり、あらゆるビジネス上の問題への万能薬であると大げさに宣伝されてきたものだ。こうした誇大広告を除いても、適切に実装されれば、ウェブベースのカスタマイゼーションがビジネスとユーザーの双方へ利益をもたらすものとして実際に活用可能なことは明らかである。 カスタマイゼーションによって使いやすくなるアプリケーションは多い。それでも、企業が必死
-
紙の本が電子書籍より優れている点ってなんでしょう？…
紙の本が電子書籍より優れている点ってなんでしょう？ 紙の本は再生機器が不要です。それに対して電子書籍は音楽や映像と同様に再生機器が必要となる代わりにコンテンツの流通が自由になり検索性やハイパーリンクといった紙の本では実現不能な利便性を持っています。電子化のメリットが生かせる電子辞書が普及したのは納得です。ケータイやPCなどの機器で読むことを前提とした新しい文章表現も生まれつつあります。より進んだデバイスの開発によって紙の本は駆逐されると考える方もいるかも知れません。 ですが、少なくとも現時点では、紙の本がいいという方は少なくありません。それも、単なるノスタルジーや保守性だけではない何かが背景にありそうです。例えばeラーニングは紙のドリルや参考書と共存する方向に進みつつあります。紙の優位性がどこかに存在しているからなのでしょう。 形の無い電子コンテンツと比べて物理的なパッケージである紙の本は
-
［確認］ボタンの責任範囲感 :Heartlogic
［確認］ボタンの責任範囲感 こういうUIがある。例えばmixiのユーザー情報編集フォームとか。 情報の表示→編集ボタンクリック→編集作業→完了ボタンクリック→確認→確認ボタンクリック→情報の表示 これは実質的には、 情報の表示→編集ボタンクリック→編集作業→完了ボタンクリック→情報の表示 という形でもぜんぜん構わない。2度目の情報の表示で入力者は確認を行うだろうし、そこで問題があれば、再度編集ボタンをクリックすれば良い。問題がなければ確認ボタンをクリックし情報の表示を待つ、という部分を省略できる。 どう考えても後者の方が効率的なのだが、けっこう前者のようなUIは多い。 後者はAppleのUIがそうだ。前者はWindows的......か？ mixiは何をやるにも前者型である。 想像するに、前者は［編集］という行為をそれだけで完結させようとしているのだろう。つまり、 情報の表示→編集ボタンク
-
はぁ、またか、とFlashがダメだなと思う一瞬
先に補足を追記します： 僕のスタンスをはっきりしておかないとFlashという単語などの想定しないところで思考がひっかかる人が出てきそうなので書いておくと、 ・これから以下に書くようなFlashを作っていた人でもあります。 ・FlashやAdobe(Macromedia)プロダクトが大好きです。 ・現状の環境で素晴らしいUIを実現するにはFlashとJavaScript(Ajax）の適材適所での利用は不可欠だと思っています。 以上のことを踏まえた上で読んでいただけるとありがたいです。 こんな記事を見つけた。 次世代画像クルージング技術「ImageCruiser」、楽天市場で実験開始 :: SEM R 色検索とか地図検索とか作っていろいろ思うところが多い者としては、行く末が気になります。 予想を裏切って欲しいという意味で、成果があがることを期待しつつ。 が、どうしても気になっていて、これ画面ね
-
ThumbSense Software
ThumbSense Software ( Japanese | English ) | Sony CSL / Rekimoto / ThumbSense | BBS ThumbSense Windows version Download tsense040610.zip What's ThumbSense? ThumbSense はタッチパッド用の新しい対話技法およびそれを実現するソフトウェアです。 タッチパッドはトラックポイントと並びノートパソコンなど携帯用機器のポインティングデバイスとして広く普及・利用されています。しかし、「キーボードのホームポジションから手を離さないと操作できない」という問題がありました。ThumbSense はこの欠点を克服することを目標とした対話技法とそれを実現するソフトウェアです。 基本的なアイデアはシンプルで、キーボード上のキーをマ
-
iPhoneアプリ開発者のためのUIデザインソースとUI解説集 : AppBank
7 UI Design Resources for iPhone Developersより よっしゃ、これからiPhoneアプリ作ったる！！という開発者の方々も多くなってきていると思いますが、後々「やらなきゃな～」と思いつつなかなか手をつけることができない分野がデザインだと思います。今回紹介するいくつかのサイトはそのiPhoneアプリ開発のデザインに役立ちそうなデザインソースやiPhoneの基本的UIやアプリをどうデザインするかの解説が書かれています。 iPhone基本デザインのPhotoshopファイル キーボード、ツールバー、ホーム画面など、iPhoneの基本デザインPSDファイル一式配布 サイトURL：teehan+lax » Blog Archive » iPhone GUI PSD 同様のファイル：320480 ~ ThreeTwentyFourEighty | Subscrib
-
富士通、初心者が使いやすいキーボードを搭載した「らくらくパソコン」
「製品企画段階で悩んだのは、シニアを意識しすぎると特別な製品になってしまう。キーボード以外はなるべく普通のPCと同じにすることで、あくまでも簡単に操作できるPCを作ることを目指した。キーボードについては、好評であれば一般モデルに落とし込むことも検討する」(富士通・パーソナルビジネス本部・三竹兼司本部長代理)。 ベースとなっているPCは「FMV-BIBLO NF70」だが、使いやすさを実現するための専用キーボードを搭載。ローマ字入力が簡単にできるように、利用頻度の高いアルファベット26文字を浮かび上がらせ、さらに母音を色分けする配色を行なった。ファンクションキーには、よく使う機能を日本語で併記した。 キーボードの上に設けられているワンタッチボタンは、FMV-BIBLO NF70は8個用意しているものの、シンプルに操作できるよう6個に絞り込んだ。ボタンの機能についても、操作に困った際にお手伝い
-
ダブルクリックはもう古い？『Bump Top 』β版で未来のデスクトップを体感 | ライフハッカー・ジャパン
米ライフハッカー読者、electrikjesus氏がデスクトップインターフェース『BumpTop』のβ版を試してみたそうです。この『BumpTop』というやつはパソコン上のデスクトップを、あたかも実際の作業の机上かのようにファイルを動かして片隅にまとめたり、重ねたり、グループ化したり、折り曲げたり、しおりを挟んだり、丸めたり、巨大化したり、小さくしたり、と多種多様な動きを可能にしてくれます。 『BumpTop』のウェブサイトによると 『BumpTop』はパソコン上のデスクトップとの新しい接し方を提案しています。実際の机でそうするように、書類を重ねたり、投げたりすることを可能に。さらに「カーソルを当ててクリック」という従来の事務的なデスクトップの概念を覆し、さらに自由なパソコン操作を提供。今使わない書類を端に寄せたり、必要な書類だけを引っ張りだしたり、まとめた書類を重ねて置いたり、という動作
-
WebとUIをつなぐトリックスター（1） mixi編（1/2） - ＠IT
WebとUIをつなぐトリックスター（1） mixiは徹底した社内コミュニケーションからできている 仲里淳 2008/9/25 Webサイト制作の要となるエンジニアとデザイナのチームワーク。異なる者同士をつなぐトリックスターからヒントを探る。まずはmixiに聞いた（編集部） Webサイトやアプリケーション制作の成功の鍵を握るプロジェクトのチームワーク。エンジニアとデザイナ、またはクライアント企業やディレクタ、コーディング担当間のコラボレーション術に定石はあるだろうか？ そのヒントを見付けるためのインタビューを試みる。風通しを良くするための「風穴」を開ける「トリックスター※」に聞く。 ※ トリックスター……この連載でのトリックスターのイメージは、相反する2つの者同士が、別個に機能する共同体をつなぐ役目を果たす人。閉鎖的な空間に風穴を開けて風通しを良くする人。エンジニアとコーダー、デザイナの機能
-
はてなブログ | 無料ブログを作成しよう
うまくいかない日に仕込むラペ 「あぁ、今日のわたしダメダメだ…」 そういう日は何かで取り返したくなる。長々と夜更かしして本を読んだり、刺繍をしたり…日中の自分のミスを取り戻すが如く、意味のあることをしたくなるのです。 うまくいかなかった日のわたしの最近のリベンジ方法。美味しいラペを…
-
marumushi.com | projects
Update: Jan 20, 2012 My appologies for not updating this site lately. Flipboard has been keeping me a little busy. I'll try to work something out here soon, but in the meantime, you might want to say hello on Twitter, browse through a few photos here or peek into what it is like designing Flipboard. Marcos Weskamp is a Design Engineer who has a deep interest in playing with and visualizing lots of
-
-
iPhone向けサイトを考える:よろしい、ならばiPhoneでくぱぁだ
2008年07月29日 よろしい、ならばiPhoneでくぱぁだ iPhoneユーザーの皆さんこんにちは！くぱぁ(i)をリリースしました！ くぱぁ(i)はiPhone/touchで直感的にくぱぁできるWebサービスです。 DEMO http://hayashi311.googlepages.com/cupha.html くぱぁってなります。心の目で見てください！まさにiPhoneの正しい使い方って感じですよね！ iPhone/touchを持ってない人はよく分からないと思いますが、こんな風になってます。 マルチタッチとcanvas要素の練習に作ってみました。 追記：画像を挿入できるようにしました！ コード window.addEventListener("load", loaded, false); window.onorientationchange = hideURLbar; var st
-
『iPhone』向け、タイピングの触感を模造する『バーチャル・ボタン』ソフト | WIRED VISION
『iPhone』向け、タイピングの触感を模造する『バーチャル・ボタン』ソフト 2008年7月25日 IT コメント： トラックバック (0) Brian X. Chen 研究者たちは現在、『iPhone』のユーザーがでたらめな指使いでタイピングせずに済むような解決策に取り組んでいる。 英グラスゴー大学の研究チームは、iPhone上で機能するバーチャル・ボタンを開発中だ。これによりユーザーは、各キーの端を感じられるようになる。 このバーチャル・ボタンは、iPhoneのバイブレーション機能を利用し、本物のキーボードをタイピングしたときの感覚をシミュレートするという。 指先をキーの上に置くと、振動の波が、滑らかで丸いボタンの感触をもたらす。指先をキーから離すときは、別の振動パターンが、キーが元の位置に戻る感覚をシミュレートする。 研究チームは、このバーチャル・ボタンのソフトウェアが、タッチスクリ
-
ページングのUIが段々窮屈になってきた。
「ページング」と「写真切り替え」のUIは、もっと良い表現方法があってしかるべきだと思う。 特に、前にミクシィ社の会社訪問の写真でも思ったが、CNET Japanのフォトレポートページはヒドイ。 フォトレポート：来た、見た、開けた--「MacBook Air」開封の儀 MacBook Airやミクシィというネームバリューを生かした、PV稼ぎ商法としか思えない。 まぁ現実には、如何に早く公開するか？ってのと、現状のCMSがそういうことしかできないからってのが正解なんだろうけど。 ページを切り替えるのが面倒すぎて、疲れてしまう。 なんで写真を見るだけなのに、面倒な気持ちにならなきゃいけないんだろう。 写真はサムネイルを並べてクリックするというのも面倒くさい。 現状写真切り替えで、一番楽しいのは、iPod touchや、Macに搭載されているカバーフローでしょう。僕はPicasaのスクロールUIは
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました