ネットで見かけたWebテク
1. 10 Design Tricks to Make Your Site Memorable(and Profitable)https://webdesignledger.com/memorable-design-tricks
記憶に残るサイトにするための、
- 楽しませる
- 物語性を加える
- しゃれたアニメーション
- 色を使う
- 実験的なナビゲーションとメニュー
- ダイナミックなインフォグラフィックス
- 快適で楽しいフォーム
- 雰囲気に合った背景パターン
- 新しいコンテンツを頻繁に加える
- 無料のものを提供する
あまり実験的なナビゲーションは賛否が分かれやすいですが、
2. 5 Most Common Interaction Design Mistakes on the Web - Designmodohttp://designmodo.com/5-interaction-design-mistakes/
インタラクションデザインのよくある失敗を5つまとめています。
- 革新的すぎて困惑させる
- 混乱させるナビゲーション
- 乱雑
- コントラストがない
- フォームの本来のスタイリングを無視
1位の記事では
3. Why micro-interactions are the secret to great designhttp://thenextweb.com/dd/2015/08/17/why-micro-interactions-are-the-secret-to-great-design/
マイクロインタラクション
マイクロインタラクションの4つの要素は以下とのことでした。
- トリガー
(きっかけ) - ルール
- フィードバック
- ループとモード
4. Laying Out A Flexible Future For Web Design With Flexbox – Smashing Magazinehttp://www.smashingmagazine.com/2015/08/flexible-future-for-web-design-with-flexbox/
CSSのFlexboxを用いたレイアウトについて、
記事内容と直接関係ありませんが、
5. UI Design Showcase: 25 Best UI Design Projectshttp://line25.com/inspiration/ui-design-showcase
優れたユーザーインターフェイスデザインの、
WebサイトのUIデザインではなく、
そのほか、
- Dropboxにブックマーク機能、
URLをドラッグ&ドロップ | マイナビニュース
URLをスマートフォンと共有する場合に便利そうです - Googleハングアウトが独立したサイトになった | TechCrunch Japan
Googleフォトに続き、ハングアウトも独立しました - Facebook、
「ノート」 機能の新デザインをテスト--TumblrやMediumに対抗 - CNET Japan
Facebook上でブログみたいに記事が書けるノート機能がアップデートするようです
先週の気になるWebサービス
esa.io - Expertise Sharing Archives for motivated teams.https://esa.io/
esaはグループで情報共有するためのWebサービスで、
Wikiのようなストック情報と、
作業中を意味する
Markdownが使えて情報を整理しやすいことから、
以下の記事でesaについて取り上げられています。