タグ

UIに関するroomragのブックマーク (4)

  • モバイルサイト vs. フルサイト

    モバイルの良質なユーザーエクスペリエンス(UX)に必要なデザインは、デスクトップユーザーを満足させるために必要なものとは異なる。2種類のデザインをして、サイトを2個にし、相互リンクすることによって、すべてはうまくいく。 Mobile Site vs. Full Site by Jakob Nielsen on April 10, 2012 日語版2012年5月8日公開 数百のサイトについてのユーザビリティテストから判断すると、モバイルに最適化したウェブサイト向けの主なガイドラインは明らかである: 余裕があれば、モバイルに最適化したサイト(あるいはモバイルサイト)を別個に構築しよう。モバイルデバイスを利用してサイトにアクセスするとき、ユーザビリティの測定結果はフルサイトのものよりもモバイルサイトのほうがずっと高い。 モバイルのアプリならさらにいいだろう、少なくとも現時点では。 モバイルのユ

    モバイルサイト vs. フルサイト
  • fladdict » スマホのUI考 〜 ボタンについて

    SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ

    roomrag
    roomrag 2011/06/17
  • adaptive path » product experience strategy and design

    Five years ago, Adaptive Path was acquired by Capital One. This year, we’re closing up all Adaptive Path events to evolve how we engage with the design community. Together, with the legacy of Adaptive Path and the creative power of 450+ designers at Capital One, we’re building what’s next, and look forward to sharing and connecting with you soon! Our archived blogs are still available on Medium, i

  • Balsamiq Mockups | Balsamiq

    Balsamiq Wireframes is a rapid low-fidelity UI wireframing tool that reproduces the experience of sketching on a notepad or whiteboard, but using a computer. It really forces you to focus on structure and content, avoiding lengthy discussions about colors and details that should come later in the process. Wireframes is FAST: you will generate more ideas, so you can throw out the bad ones and disco

    Balsamiq Mockups | Balsamiq
  • 1