Appleのヒューマンインターフェースガイドラインから学ぶの5つの優れたUI、Webデザインの秘密 | Goodpatch Blog
こんにちは、だいきです。 みなさんApple製品は好きですか？ 弊社、Goodpatchのメンバーは全員Macで作業をしています！ 今回は私たちを魅了し続けるAppleのUIデザインの秘密に書かれている記事を発見しましたので翻訳しました！ (以下は“5 Secrets of Good UI Design from Apple’s Human Interface Guidelines”の翻訳記事です) Appleのプロダクトやアプリが明確、かつシンプルでとても魅力的であることの秘密はデザインにあります。 そして、そのクオリティを保ち続けられる秘訣はAppleのヒューマンインタフェースガイドラインにあるとされています。 今回、そのガイドラインをチェックし、様々なWebサイトに応用できるとわかりました。 特に、彼らのUIデザイン哲学は、とても勉強になります。 以下があなたのWebサイトやWebア
CSS で作るスマートフォン向け片手操作メニュー
ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。 久々にこの手のネタ書いた気がしますけども… ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。多分言葉で言っても伝わりにくいと思いますので実際のサンプルをまずは見てみてください。 CSS で作るスマートフォン向け片手操作メニュー サンプル 現在最新版の Firefox
Best Free UI PSDs of 2011
So far in our Best of 2011 series, we’ve shown you our picks for the best free fonts and the best jQuery plugins. For this week, we’ve went back through all the UI PSDs that’s been released over the past year and picked our favorites. We saw plenty of these types of UI files being released in 2011, so it was very difficult to sift through them and find the ones that really stood out. Classic Grey
60 Web Design Galleries for Design Inspiration « AcrisDesign – Web Design Resources and Inspiration
Is it actually worthwhile to use LinkedIn? Whether you want to develop your personal brand or search for a job – having a LinkedIn profile…
これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」:phpspot開発日誌
これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 2011年07月19日- jQuery EasyUI - help you build your web page easily これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 Ext.jsばりに美しくてリッチなUIをjQueryでも実現できちゃいます。さらに、使い勝手がjQueryなので誰でも簡単に実装できちゃいます。Extはなんとなく取っ付きにくいと感じたかたも簡単に使えそう。 サイト上のチュートリアルやドキュメントも充実していて分かりやすいです。 リッチなものが作れるのはいいけど使い方が難しかったりメンテナンス大変だと、使う気が少し失せてしまいそうですがこれなら大丈夫かもしれません。 テーマやマルチリンガルにも対応しているらし
そのエラーページ、自己満足になっていませんか？ (1/4)
Webサイト制作の現場にも、根拠あるデザイン／UI設計やROIが求められるようになってきました。ところが、ユーザビリティ評価やA/Bテストに投資できるのは一部の先進的な企業だけ。現実には多くの制作現場で、デザインやUIの検証は進んでいません。 本連載では、マーケティング施策の効果測定として使われることが多いアクセス解析のツールと考え方を応用し、WebサイトのUIや機能の利用状況、効果を検証する方法を紹介します。Google Analyticsなどの無料ツールを使い、Web制作者が時間やお金をかけずにできる考え方と具体的なテクニックを実践的に解説します。 Webサイト制作の現場にも、根拠あるデザイン／UI設計やROIが求められるようになってきました。ところが、ユーザビリティ評価やA/Bテストに投資できるのは一部の先進的な企業だけ。現実には多くの制作現場で、デザインやUIの検証は進んでいません
ユーザーにとってはUIがすべて：UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
30 Inspiring Website Navigation Menus
Inspiration 30 Inspiring Website Navigation Menus Gisele MullerNovember 22, 201011 Comments08.9k The navigation and menu system is one of the most important aspects of a website. A website navigation can take on many forms, from horizontal to vertical, from minimalistic to well developed buttons. No matter what the nav looks like, there’s one thing for certain: it should be intuitive and easily ac
Web Development - Web Design Ledger
Web Development Editors PickFeaturedToolsToolsUncategorized 7 Graphic Design Tools I Can’t Live Without in 2020 Web Design LedgerAugust 1, 2020 How-ToTools How Can A Real User Monitoring Tool Help In Improving SEO? John DemianMay 11, 2020 Editors PickFeaturedGuidesResourcesTipsToolsToolsWeb Development Top 8 Best Development Tools You Need in 2020 Andrei TiburcaOctober 22, 2019 FeaturedWeb DesignW
iPhoneアプリの引っ張るアクションを再現するJavaScript·iscroll-js MOONGIFT
iscroll-jsはコンテンツを引く動作をMobile Safariであってもネイティブアプリに近い動作にする。 MOONGIFTはこう見る 様々なライブラリ、ソフトウェアによってネイティブアプリとWebアプリの境が低くなっている。これはiPhoneに限らず、PCでも同様だ。だが、HTML5を積極的に使えたり、ネットワークがすぐに使えたりとスマートフォンの方がより実用的になっている。 iscroll-jsのようなライブラリが増えていけばさらにネイティブアプリからWebアプリを押し進める流れができてくるはずだ。この動きには今後注目しなければならない。 [/s2If] iscroll-jsはJavaScript製のオープンソース・ソフトウェア。iPhoneアプリで人気のある機能の一つで、リストを引っ張って離すとデータ更新を行うというものがある。同様のアクションをiPhone最適化サイトでも提
Zudolab -
The Search for a Trusted 메이저사이트: A World of Thrills, Security, and Immersive GamingdErsPOId - December 1, 2023In the dynamic world of online entertainment, the quest for finding a trustworthy 메이저사이트, or major site, is akin to navigating through a labyrinthine digital jungle. Much like the adventurers of old scouring for hidden treasures, modern-day netizens are on the lookout for that one platform
jQuery UI/Tabs - tech.ludicmind.net
概要 タブは通常アコーディオンのように、コンテンツを、スペースを節約できる切り換え型のセクションに入れるのに使用される。 デフォルトではタブのクリックでセクションを切り替えるが、オプションでhoverにもできる。タブのコンテンツはタブにhrefを設定する事でAjaxを通して読み込む事もできる。 イベント 一連のイベントがタブの操作で実行される。 tabsselect, tabsload, tabsshow（この順番で） tabsadd, tabsremove tabsenable, tabsdisable イベントバインドの例： $('#example').bind('tabsselect', function(event, ui) { // 関数内で有効なオブジェクト: ui.tab // 選択された（クリックされた）タブのアンカー要素 ui.panel // 選択/クリックされたタブ
GIMP UI brainstorm
This was a visual brainstorm, the channel for everybody to contribute to the GIMP UI redesign process. It was moderated by the GIMP UI redesign team, consisting of professional interaction and usability specialists. We did not post mock-ups here ourselves, we ‘listen’ to what you show us and broaden our horizons. Analogue to brainstorming in the flesh, all contributions were evaluated afterwards,
Best Practices for 6 Common User Interface Elements
The appearance and usability of certain interface elements and functionality are crucial to the success any websites in today's market. Studies have demonstrated that even a split-second delay in thinking on the user's part will weaken their perception and interest in a website and ultimately lower the website's conversion rate. In certain niches and industries, having UI elements that are not obv
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
