タグ

UIとwebserviceに関するsatoc28のブックマーク (3)

  • コンテンツがたっぷりつまって使いやすそうなドロップダウンメニュー実装デモ&チュートリアル:phpspot開発日誌

    How to Build a Kick-Butt CSS3 Mega Drop-Down Menu | Nettuts コンテンツがたっぷりつまって使いやすそうなドロップダウンメニュー実装デモ&チュートリアル。 ドロップダウンメニューというとテキストリンクだけの羅列をイメージしがちですが、次のようなリッチなドロップダウンを実装するデモです。 ソースのDLが可能なのでカスタマイズして使うことが出来ます。 画像なんかも入ってリッチなドロップダウン。 5カラムから構成される複雑なレイアウトもタブの中に入っちゃいます。 4カラム。シンプルだけどカテゴライズされていて押しやすい。 ドロップダウンメニューの大項目は必要最小限にして、下位でこういう感じに広げれば、基のシンプルさは保ちつつ、沢山ページのあるサイトであっても比較的迷うことないナビゲーションを実現できるのかも。 関連エントリ ドロップダウン

  • Webツールに最適な、ちょこっとだけ体験させるインターフェイス : ロケスタ社長日記

    シフターというツールがあり、僕も使ってたりしてたんですが、そのプロモーションサイトがリニューアルしたらしいです。 これがなかなかどうして、ぐっとくるインターフェイスだったので紹介します。これはツール系のサイトをやっている人には参考になるのでは。 シフターとは? そのまえに「シフター」って何よ、という話です。 シフターについては以下で紹介したことがあります。 アルバイトのシフトをWeb上で管理する「シフター」が相当イケてる : ロケスタ社長日記 簡単に言うと、アルバイトのシフト管理を効率よくできる、Web上のツールですね。いまだにExcelとかでやっている人が多い中、Web上で管理できる数少ないツールの一つです。 シフターとは? で、このインターフェイスの何がいいかというと、トップページ上で、シフターのツールのさわり心地を実際に試すことができるのですね。 こんな感じ。 今

  • エンジニアにもわかる「ユーザーインターフェース設計」

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース(以下UI)設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい......、そんな印象を持っておられるのではないかと思います。 私も以前はそう思っていました。ですが、とっつきにくさを理由にUI設計をやらないのはもったいない、という思いで試行錯誤した結果、なんとか、UI設計のお仕事をいろいろ担当させていただくことができるようにな

    エンジニアにもわかる「ユーザーインターフェース設計」
  • 1