プロダクトのUIサウンドデザイン入門 for UX
私たちが毎日使うもの、私たちの周りにあるものから聞こえる音は、よい音であってほしい。 心地よくて、わかりやすい、また聴きたいし使いたいと思えるような。 本サイトでは、製品開発者とサウンドデザイナーの両者に向けて、プロダクトのUIサウンド （報知音、操作反応音などのサイン音）をデザインすることの価値と具体的な方法を紹介します。 UIサウンドデザインのススメ 「サウンド」のちから 私たちは音の中に暮らしています。お気に入りの音楽に心躍り、木々の揺れる音に心癒やされ、家族の声に幸せを感じる一方で、けたたましい工事の音や交通騒音に無意識にも耳を閉じてしまうこともあります。音が私たち… プロダクトのサウンド 現代の私たちは、様々な機器（プロダクト）に囲まれて生活しています。 家庭の中のプロダクト 炊飯器、エアコン、冷蔵庫、電子レンジ、掃除機、洗濯機 etc. オフィスや作業場の中のプロダクト： コピ
アンダーラインと可読性：リンクをどのようにデザインするか？
Cassandra Naji氏はJustinmindのマーケティングコンテンツ制作者です。Justinmindはあなたのソフトウェアソリューションをコードを書かずに視覚化しテストする為に、ウェブとモバイルアプリのプロトタイプ作成可能にするプロトタイプ製造するツールです。 Webの黎明期から、ハイパーリンクはオンライン上での体験の基礎をなす要素でした。リンクを開くということは、Webを閲覧している人々が最も頻繁に実行する行為のうちの一つであるということが研究で分かっています。 30年以上に渡り、デザイナーたちはリンクの新しいデザインを試してきましたが、今でもアンダーラインが最も広く使われています。青いアンダーラインのハイパーリンクは最も広く理解されているWebでの慣習の一つです。 World Wide Webは文書とリンクから構成される ―Tim Berners-Lee, 1991 一方で、
優れたフォームをデザインする
サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。 そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。
iOS 純正メールアプリのUIがヤバイ件
社内のSlackでUI談義が突発的に始まることがあるのだけれども、以前そこで上がったiOS純正メールアプリのUIについてのネタがなかなか面白いのでまとめてみようと思った。結論から言うと、純正メールアプリ、ヤバイ。 まずは観察メールの新規メッセージ画面は他の純正アプリではあまり見かけないようなトランジションを採用していて、開くと元の画面が少し後ろに下がってナビバーだけが見えつつもメッセージ画面が中途半端なモーダルビューで現れたような状態になる。このUIが使いやすいとか何となく見た目がかっこいいとか、そんな上辺だけの理由では絶対ないはずなので、AppleがメールアプリをデザインするときになぜこのUIに至ったのか、その理由を考えてみた。 メールの新規メッセージ画面を開いた状態普段純正メールアプリでメッセージを送信することはほとんどなかったので、まずはいろいろと動きを観察することにした。新規メッセ
How Our CSS Framework Helps Enforce Accessibility
Spot the difference….You can’t! To a sighted user it appears we have two identical button elements. A user interface control not only needs to look like a certain control, it must be described as that control too. Take for example a button, one of the simplest of controls. There are many ways you can create something that looks like a button, but unless you use the actual button tag (or button rol
Why Infield Top Aligned Form Labels Are Quickest to Scan
How easy is it for users to scan your form? If your form is hard to scan, it could take longer than expected for users to complete it. This leads to form abandonment and loss of potential sign ups. The way to avoid this is to make your fields quick to scan when users first see them and after they fill them out. Scanning Pre-fill & Post-fillWhen users first see a form, they scan it to size up the a
GOLDEN LAYOUT - the ultimate javascript layout manager
GoldenLayout- a multi-window javascript layout manager for webapps
O, Sean - designer<developer/>
Hello, my name is Sean Oh. I am a web designer/software developer live in New York City Seattle! My goal is to make great web service for everyone. In over 9 years of experience, I've worked on variety of projects especially focused on UX/UI, interactive websites and web applications. ★★★★★ JavaScript, HTML5, CSS3, JS based Frameworks, Nodejs Photoshop, Illustrator ★★★★★ Object-C, Java for Android
60fpsのサイトパフォーマンスを目指す - ワザノバ | wazanova
http://calendar.perfplanet.com/2013/the-runtime-performance-checklist/1 comment | 0 pointsGoogle ChromeチームのPaul Lewisが、ページ読み込み後、つまりユーザが閲覧する際の、UIレスポンス、スクロール、アニメーションなどサイトパフォーマンスについてまとめています。 まずは60fpsのパフォーマンスを達成する。よって、16ms以上かかるフレームは全て問題とみなす。 1. Large invalidations of layout and styles エレメントでのクラスの変更やJavaScript/CSS transition/CSS animationで直接エレメントのスタイルを変更すると、ブラウザはレンダリングツリーの一部もしくは全部を無効にしてしまう。最悪のケースでは、ドキュ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ログイン - はてな
http://www.ogura.blog/entry/2016/06/21/123449
Flat UI - Free Bootstrap Framework and Theme