交互设计模式创新

1,739 views
1,651 views

Published on

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,739
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
57
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • 許多設計都是強調要給客戶一個「 Wow 」、一個大驚喜,,但 GigaOm 引述一位設計大師說,應該給使用者一種「當然,應該這樣」的感覺,那感覺是使用者「連想都不用想」,畢竟, 驚喜也算是一種「想」 ,一「想」,就完了。使用者應該想都不用想,直接操作完成。出色的视觉设计,能够赋予意义,提供语境,唤起情感。好的设计是透明的,好的交互设计不证自明。
  • 交互设计模式创新

    1. 1. Interaction Designer : Alite Yu 交互设计模式创新 UED Team Design
    2. 2. 主要内容 <ul><li>什么是交互设计模式 </li></ul><ul><li>什么是交互设计模式创新 </li></ul><ul><li>怎样做好交互设计模式的创新 </li></ul>
    3. 3. <ul><li>定义描述 : 在特定情况下,对于一个常见问题而提出的最适宜的解决方案。 </li></ul><ul><li>模式的四个主要部分: ①标题;②一个问题; </li></ul><ul><li>③ 上下文;④解决方案; </li></ul>什么是交互设计模式
    4. 4. <ul><li>好的设计模式 ,就是“完全不要给客户任何惊喜”,我们应该“去惊喜化”。“去惊喜化”的意思是设计师要学会找到关键,懂得怎么取舍。 </li></ul><ul><li>好的设计模式 ,就是最少的设计。 </li></ul><ul><li>好的设计模式 ,就是把虚拟技术和现实人类活动完美的结合起来。 </li></ul><ul><li>满足以上条件的 好的设计模式 就是创新了。 </li></ul>什么是交互设计模式创新
    5. 5. <ul><li>方法就一句话 : </li></ul><ul><li>从 合乎常理的 角度观察问题,带着 明确的设计目的 ,主导 注重实效 的项目设计讨论 , 设计出 优雅统一 的用户界面交互。 </li></ul>怎样做好交互设计模式的创新
    6. 6. <ul><li>Visual Search </li></ul><ul><li>Detail Search </li></ul><ul><li>Color Match </li></ul><ul><li>Shape Match </li></ul><ul><li>Pattern Match </li></ul><ul><li>Navigation </li></ul><ul><li>Pagination and Endless Scrollbar </li></ul><ul><li>breadcrumb </li></ul><ul><li>Space Utilization Rate </li></ul><ul><li>Accordion </li></ul><ul><li>Carousel </li></ul>怎样做好交互设计模式的创新
    7. 7. Visual Search <ul><li>Detail Search </li></ul>
    8. 8. Visual Search <ul><li>Color Match </li></ul>
    9. 9. Visual Search <ul><li>Shape Match </li></ul>
    10. 10. Visual Search <ul><li>Pattern Match </li></ul>
    11. 11. Navigation Pagination and Endless Scrollbar
    12. 12. Navigation Pagination and Endless Scrollbar
    13. 13. Navigation breadcrumb
    14. 14. Space Utilization Rate Accordion
    15. 15. Space Utilization Rate Carousel
    16. 16. Space Utilization Rate Carousel
    17. 17. Space Utilization Rate Carousel
    18. 18. Space Utilization Rate Carousel
    19. 19. Space Utilization Rate Carousel
    20. 20. Space Utilization Rate Other(transparent , balloons)

    ×