タグ

UIに関するsigwygのブックマーク (30)

  • やってはいけないUIアニメーション


    START       
    やってはいけないUIアニメーション
    sigwyg
    sigwyg 2020/05/27
    “動きは目立たせたいところをシンプルに動かすだけで大丈夫です。”
  • GitHub - seek-oss/playroom: Design with JSX, powered by your own component library.

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

    GitHub - seek-oss/playroom: Design with JSX, powered by your own component library.
    sigwyg
    sigwyg 2019/04/19
    Reactコンポーネントのプレイグラウンド。様々なビューポートで検証できる
  • UIテスト自動化でSIerのExcelスクショは滅びるのか - てんてんのぶろぐ

    先日 JJUG CCC 2016 Fall に参加してきたってブログに書いたとおり、JJUG CCC 2016 Fallに参加してきました。 直接セッションは聞いていないのですが、 @backpaper0さんの 「Selenideを試行錯誤しながら実践するブラウザ自動テスト」というセッション中に流れてきたツイートがきっかけでタイトルの内容について考えてみたので書いてみます。 @backpaper0 さんの当日の資料は以下になります。 Selenideを試行錯誤しながら実践するブラウザ自動テスト 考えるきっかけになったのは、@khasunuma さんの以下ツイート。 @khasunumaさんは同イベントで Payara Micro の設計と実装 という発表をしています。Payara Microを利用している人には有用な情報が目白押しなので、見ることをオススメします。 Selenide導入した

    UIテスト自動化でSIerのExcelスクショは滅びるのか - てんてんのぶろぐ
  • 16種類(45カテゴリ)の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選(スライド付)


    20155GooglePCGoogleWeb WebPC UIWeb使 
    16種類(45カテゴリ)の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選(スライド付)
    sigwyg
    sigwyg 2016/08/03
  • Documentation - Materialize

    flash_on Speeds up development We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers. group User Experience Focused By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and an

  • ページネーションのベストプラクティス | POSTD

    sigwyg
    sigwyg 2016/06/21
  • サイトのデザインを変更しただけで約50%もユーザーを失った失敗例

    By Wicker Paradise アイコンに関するニュースから販売まで手がけるサービス「Icons8」の中の人が、ウェブサイトのデザインを大幅に変更したところ47%ものユーザーを失ったことをブログで明らかにしました。ブログではユーザーを失うまでの経緯や、なぜ失ってしまったのかの分析結果まで書かれていて、興味深い内容になっています。 How We Lost 47% of Our Users After a Redesign | Icons8 https://icons8.com/articles/how-we-lost-47-of-our-users-after-a-redesign/ サービス開始当初、Icons8はアイコンの開発・販売を手がけるサービスでしたが、毎日新しいアイコンを作り続けるのには無理があるため、「リクエストアイコン」という機能を実装しました。リクエストアイコンとは、

    サイトのデザインを変更しただけで約50%もユーザーを失った失敗例
  • UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog


                使UI  使 
    UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog
    sigwyg
    sigwyg 2016/05/16
    あんま細かく決めすぎると「お前が全部やれよ」てなりかねないので、チームの雰囲気を見つつ一緒に考えていけることが重要ですねぃ。実装側としても楽に越したことは無いけど、つまんない仕事はしたくない
  • 日本のスマホサイトは2年間でこんなに変わった (1/4)

    スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ

    日本のスマホサイトは2年間でこんなに変わった (1/4)
    sigwyg
    sigwyg 2013/03/27
    これは良い比較
  • じーさんばーさんとタッチパネル - 24時間残念営業


    2013-03-27  http://mainichi.jp/feature/news/20130326dde012040063000c.html   使 
    sigwyg
    sigwyg 2013/03/27
       





    ui


     
  • UXのためのUIデザイン

    第1回スマホデザイン会議 #sdkaigi AQUA SOCIAL DRIVE - http://aquadrive.jp/ Newers - http://www.newers.net/ Pelo - http://www.pelo.jp/ Cotto - http://cotto.jp/ Pelo's Puzzle - http://www.bascule.co.jp/pelopuzzle/ Bascule Inc. - http://www.bascule.co.jp/ Bascule GO! - http://www.facebook.com/BasculeGo

    UXのためのUIデザイン
    sigwyg
    sigwyg 2012/08/01
    当たり前のことなんだけど、これがなかなかできない → 「やらないことを捨て、できないことを残す」
  • lovely ui

    device: iphone / ipad / android / app icons / app store / badges / buttons / calendars / capture / coach mark / comments / compose / count / detail / empty states / feed / graphs / home / icons / launch screen / list / login / maps / media player / navigation / notifications / popovers / profile / search / settings / share / stats / walk throughs / trends: circles / gradients / ghost buttons / rai

    lovely ui
  • inspired-ui.com - このウェブサイトは販売用です! - inspired ui リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    inspired-ui.com - このウェブサイトは販売用です! - inspired ui リソースおよび情報
  • Creative UI Design Examples for Great UX

    UX (User Experience) is all those elements and factors related to the user's interaction with a particular environment or device which generate a positive or negative perception of the product, brand or device. UX is subjective and focused on use. The standard definition of UX is "a person's perceptions and responses that result from the use or anticipated use of a product, system or service". The

    Creative UI Design Examples for Great UX
  • Pttrns — Mobile User Interface Patterns

    Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save

    Pttrns — Mobile User Interface Patterns
  • スマートフォンサイトに適したユーザビリティとは?【リサーチ】

    『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

    スマートフォンサイトに適したユーザビリティとは?【リサーチ】
  • 新しいスマホ版Googleにみる、スマホサイトの未来 « H2O Blog.

    大げさなタイトルをつけてみましたが、先日Google家のスマホ版サイトをリニューアルしました。主に「Google+」の追加が主ですが、面白いロジックが仕込まれていて、スマホサイトの未来を垣間見る気がします。いくつか紹介しましょう。 固定ツールバー これまで、スマホサイトの構築では「要素を固定できない」というのが常識でした。 CSSの「position:fixed」が効かない上に、スクロール中は一切のスクリプト操作や、アニメーションGIFですらもストップしてしまうため、要素を固定したりすることはできなかったのです。 そこで、これまでは固定したい要素は「スクロールの開始直後にいったん消え、スクロール終了後に再度表示される」というのが一般的でした。jQuery Mobileの fixed toolbarがそのつくりです。 しかし、リニューアルしたGmailでは、スクロール中も固定したツール

  • Flipboardの使い方メモ - tomute's note


    iPadFlipboard使 1.  FlipboardFlipboard TwitterFacebookFlipboardTwitter  
    Flipboardの使い方メモ - tomute's note
  • シニア層のためのWebサイトユーザビリティ


    2013323  206040, 505603Web 10 調Skype使
    シニア層のためのWebサイトユーザビリティ
  • CSS3 Stacks Experiment

    CSS3 Leopard-style Stacks An experiment by Gordon Brander Pure CSS3 (and experimental CSS). No Javascript. Best in Safari/Chrome. Still good in Firefox. Properties Used :target pseudo-class transform transition border-radius border-image CSS gradients rgba colors text-overflow: ellipsis; Click the button below.