《移动应用UI设计模式(第2版)》介绍了最新的移动应用UI设计趋势和模式,帮助设计师更好地创作出符合用户体验的界面设计。书中详细介绍了各种设计模式的应用场景和实例,为设计师提供了宝贵的参考和灵感。是一本不可多得的设计指南。
移动应用UI设计模式(第2版)读后感第一篇
这本书总结了移动应用UI设计的各个“零件”并结合体验分析如何使用。虽然书中列举的软件案例有些过时,但是规律和道理并不过时。
通读一遍对UI设计有了更深层次的认识,认识到UI设计不仅仅是界面表层样式的设计,美观并不是一切,表面背后还有体验和交互需要考虑;
通过阅读还对移动应用的各个部分的使用有了一个基本的了解。从事UI设计的设计师应该都阅读一下。
移动应用UI设计模式(第2版)读后感第二篇
我刚刚开始做移动应用的客户端产品经理工作。
书中讲的很多知识,让我获益匪浅。
可以系统的让我了解移动应用的不同设计模式,以及各个组件的功能。
最重要的是,给了我一个简单、流程清楚,以用户为中心的设计思路。
比如,讲到的愚蠢的对话框和按钮海的问题,对于现在很多应用都有很好的指导意义。让我在后续的设计路上,能够经常拿起来翻一翻,相信一样会有收获。
期待新版。
移动应用UI设计模式(第2版)读后感第三篇
第1章 导航
• 主导航模式——全局导航
跳板式(Springboard)、列表菜单式(List Menu)、仪表式(Dashboard)、陈列馆式(Gallery)、选项卡菜单式(Tab Menu)、隐喻式(Skeuomorphic)
• 主导航模式——瞬时导航
侧边抽屉式(Side Drawer)、下拉菜单式(Toggle Menu)、转盘菜单式(Pie Menu)
• 次级导航模式
翻页式(Page Swiping)、滚动选项卡式(Scrolling Tabs)、伸缩面板式(Expand/Collapse Panel)
主导航模式——全局导航
全局导航包括列表菜单式、选项卡菜单式等简单的菜单结构。
瞬时导航必须通过点击或手势才会清楚地显示出来。
在决定使用全局导航还是瞬时导航时,你可以自问以下几个问题:
• 你的应用层次是否“扁平”?应用的菜单分类是同级的还是有优先级的?主要类别是否只有少数几个,即3到5个?
• 你的用户是否需要菜单一直处于可见状态以便快速访问?
• 菜单分类有无状态指示,比如未读邮件数?
如果对于以上问题,你的回答中至少有一个“是”,那么你可能最好使用全局导航。
• 常见表单模式
登录表单(Sign In)、注册表单(Registration)、个性化注册表单(Registration with Persona lization)、结账表单(Checkout)、计算表单(Calculator)、搜索表单(Search Form)、多步骤表单(Multi-Step)、长表单(Long Form)
• 常见表格模式
基本表格(Basic Table)、无表头表格(Headerless Table)、固定列表格(Fixed Column)、概览加数据型表格(Overview plus Data)、行分组表格(Grouped Rows)、带有视觉指示器的表格(Tables with Visual Indicators)、可编辑表格(Editable Tables)
• 搜索模式
隐式搜索(Implicit Search),显式搜索(Explicit Search),自动完成搜索(Auto-Complete),限定范围的搜索(Scoped Search),动态搜索(Dynamic Search),保存的搜索(Saved)、最近搜索记录(Recent)和热门搜索(Popular),搜索表单(Search Form),搜索结果(Search Results)
• 排序模式
单页排序(Onscreen Sort)、排序浮层(Sort Overlay)、排序表单(Sort Form)
• 筛选模式
单页筛选(Onscreen Filter)、筛选浮层(Filter Overlay)、筛选表单(Filter Form)、筛选抽屉(Filter Drawer)、基于手势的筛选(Gesture-Based Filter)
• 工具模式
工具栏(Toolbar)、工具箱(Toolbox)、行为召唤按钮(Call to Action Button)、行内操作(Inline Actions)、多状态按钮(Multi-State Buttons)、上下文工具(Contextual Tools)、批量操作(Bulk Actions)、锁屏控件(Lock Screen Controls)
工具栏
尽管工具栏看上去和导航栏或标签栏很像,但它并不能用来导航。相反,工具栏使用户可以在当前页面操作内容,它始终显示在页面或iPhone屏幕的底端。
行为召唤按钮
当你只在页面上显示单一操作的时候,“行为召唤按钮”可能比工具栏更好一些。
• 图表模式
带有筛选器的图表(Chart with Filters)、交互式时间线(Interactive Timeline)、数据点详情(Data Point Details)、逐级深入(Drill Down)、概览加数据(Overview plus Data)、交互式预览(Interactive Preview)、仪表盘(Dashboard)、缩放(Zoom)、迷你图(Sparklines)、嵌入式图例(Integrated Legend)、阈值(Thresholds)、透视表格(Pivot Table)
• 引导原则
少用文字(Use Less Text)、不要前置引导(No Frontloading)、给予用户成就感(Make It Rewarding)、强化学习(Reinforce Learning)、倾听用户的心声(Listen to Your Users)
• 视觉吸引模式
提示(Tips)、新手引导(1st Time Through)、持续的视觉吸引(Persistent Invitations)、可发现的视觉吸引(Discoverable Invitations)
用户往往会跳过或忽略对话框(Dialogs)、使用向导(Tours)、视频演示(Video Demos)以及幻灯片(Transparencies)。往好了说,用户觉得这些导引不方便;往坏了说,这些导引会让正打算使用应用的新用户十分反感。
引导原则
不要预先告知用户可能用到的所有信息,否则他们会不堪重负;把信息分成小块,当用户需要时再显示。
• 社交模式
社交注册(Social Registration)、连接(Connecting)、关注(Following)、个人资料(Profiles)、群组(Groups)、游戏化(Gamification)
• 反馈模式
错误提示(Error Messages)、确认(Confirmation)、系统状态(System Status)
• 功能可见性模式
点击(Tap)、滑动/轻扫(Swipe/Flick)、拖拽(Drag)
• 帮助模式
入门介绍(How-Tos)、用户指南/帮助系统(User Guide/Help System)、常见问题解答(FAQs)、功能使用向导(Feature Tours)、新手引导(Tutorials)、上下文帮助(Contextual Help)、收集反馈(Capture Feedback)
在客户下载了你的应用之后,任何让他们放慢速度或妨碍到他们的设计都是不好的设计。这其中就包括,在潜在客户还没能认清这个应用是否真值得使用前,就出现的登录/注册表单。
没有理由强迫任何人注册任何东西,除非他想要从自己的手机里与其他设备分享数据。作为一条普遍适用的原则,允许客户在其手机本地保存一小部分信息而不用登录,要比在下载后第一次使用时就强迫用户注册好得多。等到客户想要做某些事的时候,比如与其他设备分享信息,或访问已保存在他的账号内的信息,再要求他完成注册就完全合乎情理。