[B! WebDesign][kayac] lordkfのブックマーク

Webサービス運営で覚えておきたい、登録フォーム作成の7つのポイント

ニーハオ！カヤックのHTMLファイ部のしんちゃんアル！中国出身の新卒です。入社して二ヶ月になりますが、日本語を一生懸命勉強しています。よろしくお願いいたします。さて、現在jsdo.itでは第二回HTML5実技コンテストを絶賛開催中！こんどのお題は「思わず登録したくなる登録フォーム」です。 Webサービスの制作においてついつい疎かにしがちな登録フォーム。実はとても大事なものです！今日は、登録フォームをつくる際に気をつけるべきポイントを7つにまとめました。これだけは欠かせない基本の要素6つ登録と無関係の要素はなるべく表示しないように！聞きたいことは最小限にして不安にさせない OpenIDを利用して登録手続きを超簡単に！バリデーションは色や動きでみせると効果的登録のメリットを表示しましょうアドバイスに縛られないで、そのサイトの個性に適した手法を使いましょう！これら一

lordkf 2012/11/29

リンク

東日本大震災に対し、デザイナーができること

東北地方太平洋沖地震にて、募金や各種支援活動がありますが、デザイナーでも出来ることをまとめてみました。 ※こちらの情報は随時更新していく予定です。デザイナーができる活動がありましたら Twitter @barimi 、Facebookページ面白法人カヤック意匠部、もしくはこちらの投稿フォームよりご連絡いただけると幸いです。どうぞよろしくお願い致します。 #ideaforlife 東北地方太平洋沖地震のため、命のためにできるアイデアを募集しているハッシュタグ。アートディレクターの森本千絵( @morimotochie )さんも参加して活発なやりとりが行われています。活動のまとめサイト（ポスターやロゴがダウンロードできます。） http://www.ideaforlife.jp/ 節電ポスター http://setsuden.tumblr.com/ 節電を促進するためのポスターが集められた

lordkf 2011/03/21

リンク

誰でもできるiPhoneアプリのプロトタイプのつくりかた【サンプルつき！】

突然ですが、ペーパープロトタイプって知ってますか？実演ムービー今まで気がつかなかった問題に気づけたりと、かなり強力な武器になります！これをiPhoneの画面で気軽にできないかなー、お客さんに触ってもらったりできないかなーと思ってました。ピンと来るやつが無かったので、作っちゃいました！ iPhone上で動くフルスクリーン対応（アプリによる）ファイルを開くだけなので、メールで送ったり共有も簡単！後からの追加、削除も柔軟に対応可能デフォルトのUIを使わない場合のテストに真価を発揮しますやり方は超簡単なので、今すぐに試すことができますよ！簡単なサンプルファイルも最後についてます！それでは「続き」からどうぞー！ペーパープロトタイプとは新しい製品、サービスを開発するとき、スケッチを紙芝居の様に動かしながら、テストユーザーに触ってもらうことで使い易さや機能要求などを開発初期段階

lordkf 2011/01/24

リンク

WEBデザイナー向け☆iPhoneアプリのUIデザイン

どーもキンモクセイぷんぷん香る自由が丘からaoizmです。秋満開！スマートフォンまっさかり！(強引) KAYACでもiphoneアプリ制作のお仕事が増えてきております。 WEBデザイナーがiphoneアプリのデザインをする際に、やっぱり気になるのがWEBとの違い。画面サイズが小さく持ち歩けるデバイスiphoneは、デスクトップ上のアプリやWEBサイトとは使用環境もその操作方法も異なるため、WEBとは違ったインターフェイスが求められます。その違いを認識した上で、違いを活かしたデザインをするためには？ iPhoneアプリのUIデザインまとめてみました。 WEBサイトとiphoneアプリの違い状況持ち歩けるがゆえそのシチュエーションもさまざま「会議で」「合コンで」「移動時」「就寝時」... 状態そのときユーザーはなにをしている？「歩きながら」「話しながら」「運動しながら」...

lordkf 2010/10/13

リンク

デザイナは要注目！明日から語れるHTML5＆CSS3（1/4）- ＠IT

デザイナは要注目！明日から語れるHTML5＆CSS3：一撃デザインの種明かし（13）（1/4 ページ） ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。いま世界で一番熱い「HTML5」「CSS3」とは？最近、「HTML5」「CSS3」といった言葉をよく耳にしませんか？これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5＋CSS3に対応するWebブラウザが増えてきたことで、HTML5