【Detailed UI】IPAD-详细UI介绍

Day scrubber bar.

<script type="text/javascript"> </script> <script type="text/javascript"> </script>

<script type="text/javascript"> </script>

Note the navigation controls are still available here.

Highlight is still maintained.

 

UI Picture No1

可以看到即使在阅览的时候，还是可以非常便捷的切换回导航栏，同时对应的项目仍然可用，这是可用性上的重要一点

也有人谈到把菜单和命令放在PAD顶端，使得操作起来没有放在底部那么便捷，嗯嗯嗯，挺有道理的。

-----------------------------------------------------------------------------------------------------------------------------------------------------------

 

<script type="text/javascript"> </script>

Action on the currently viewed content.

Navigation controls

Contextual information. Where am I in this list?

 

UI picture NO.2

顶部的菜单命令栏维持了apple的一贯作风，有同学突然站起来说iphone的是5个命令，嗯嗯嗯，这毕竟是ipad。我倒是觉得如果有多点触摸的话，那命令栏放在哪儿不一样呢，反正你都用手势来控制你常用的命令，对吧。

-----------------------------------------------------------------------------------------------------------------------------------------------------------

 

Persistent selection highlight.

<script type="text/javascript"> </script>

Persistent selection highlight.

Navigation and context is not shown.

The left hand pane is navigable.

 

UI picture NO.3

恩恩恩，导航栏始终在左边，很好。看着很有电子书的感觉，IPAD就是本电子书，恩，我觉得不像有些人说的那么夸张，和石头一样。至少能是一本很出色的电子书么。

-----------------------------------------------------------------------------------------------------------------------------------------------------------

 

 

 

UI PICTURE NO.4

这么精美的日历簿，秒杀了所有能够围绕日历展开的应用存在的必要性，额额，注意了顶部是日历 周/月/年切换 底部是 按天 的滑杆。 苹果似乎很喜欢将好的UI软件设计烧到硬件里来卖， 嗯，这样卖才是王道， 因为国人似乎有一种错觉：软件实在是太贱了。

软件不贱--看看这个你就知道了，对吧。

-----------------------------------------------------------------------------------------------------------------------------------------------------------

 

 

<script type="text/javascript"> </script>

 

UI PCITURE NO.5

恩，看着很有感觉，看来值钱的还是IDEA啊，没IPAD之前，你能想象出放在你膝盖上的电子设备应该是什么样的么？恩恩恩，你的想法也不错，不过怎么看还是这个IPAD符合潜意识里的电子书，这个原型会慢慢

-----------------------------------------------------------------------------------------------------------------------------------------------------------

Paper stack appearance.

<script type="text/javascript"> </script>

<script type="text/javascript"> </script>

<script type="text/javascript"> </script>

UI PCITURE NO.6

仍然是这个界面，注意的是页面Stack在一起的表现形式，看上的去的样子更加人性化，不知道有没有翻页的动作

-----------------------------------------------------------------------------------------------------------------------------------------------------------

<script type="text/javascript"> </script>

 

UI PCITURE NO.7

谁说缺了email功能的快捷键的，这么大的按键够醒目了吧

-----------------------------------------------------------------------------------------------------------------------------------------------------------

<script type="text/javascript"> </script>

 

UI PCITURE NO.8

自动完成的邮件地址，AutoSuggest似乎已经成了一种标准的控件，在需要搜多的地方，似乎都必须提供这样的功能

-----------------------------------------------------------------------------------------------------------------------------------------------------------

 

Compose view isn't the full width of the screen.

<script type="text/javascript"> </script>

Compose view isn't the full width of the screen.

 

UI PCITURE NO.9

这么大的输入，当然要比手机用的舒服，因此这个输入界面就可以适当的缩小，恩不错

-----------------------------------------------------------------------------------------------------------------------------------------------------------

UI PCITURE NO.10

又见翻页，记得我前面有篇帖子详细讲了这个是怎么实现的。

-----------------------------------------------------------------------------------------------------------------------------------------------------------

<script type="text/javascript"> </script>

UI PCITURE NO.11

Google Map，看来我们常用的一些小软件，在这个上面都有么

界面的设计，一如既往的简单，UI的设计还是要遵循KISS原则，然后再考虑这些简单的UI界面如何变得华丽，好用

-----------------------------------------------------------------------------------------------------------------------------------------------------------

 

UI PCITURE NO.12

IBOOKS

谁能告诉我apple为什么所有的产品前面都要加个I呢？

-----------------------------------------------------------------------------------------------------------------------------------------------------------

<script type="text/javascript"> </script>

 

UI PCITURE NO.13

IBOOKS - 定制封面

-----------------------------------------------------------------------------------------------------------------------------------------------------------

This is a real book, not only glued, it's got stitches. - ax25

<script type="text/javascript"> </script>

 

UI PCITURE NO.14

地址簿，跟现实的地址簿有点概念上的接近了，左边的A-Z索引是一个很好的可用性设计，在手机的地址簿上，由于通常可用的显示空间比较小，因此通常不会显示这样的边栏，但是很多手机还是保持了索引的设计，一般只需要直接按索引的字母键就可以了，但是IPAD的显示空间变大了之后就可以把这个现实生活中常用的好的设计应用的软件产品中了，这点可用性原则还是很值得借鉴的。

-----------------------------------------------------------------------------------------------------------------------------------------------------------

UI PCITURE NO.15

BookMark，书签功能很多软件都有，但是如何通过很好的界面设计将书签呈现出来，这一点并不是每个软件都做的很好，一般的书签如CHM，还有Acrobat的，都是一个边栏到底，然后在里面选择书签。当然IPAD的设计似乎没有完全的改进这一点，不过好在也已经是悬浮在普通页面上方的了，这样给人的感觉就更接近于真实的书签，因为真实的书签并不是书或者页面的内容，它是书的一种附加

个人觉得书签在显示的时候还要以一种合适的方式去呈现书签创建的日期，这个对读者会很有帮助

-----------------------------------------------------------------------------------------------------------------------------------------------------------

<script type="text/javascript"> </script>

<script type="text/javascript"> </script>

<script type="text/javascript"> </script>

UI PCITURE NO.16

照片浏览器--专辑的呈现形式丰富多彩，这就是人们想要的

-----------------------------------------------------------------------------------------------------------------------------------------------------------

<script type="text/javascript"> </script>

ere's still an Albums button (I think that's what it says?) here to go back; the pinch is just a convenience gesture/UI shortcut.

 

UI PCITURE NO.17

照片浏览器-注意导航栏的设计

-----------------------------------------------------------------------------------------------------------------------------------------------------------

"New Presentation"

<script type="text/javascript"> </script>

Action, Duplicate(?), Trash

this seem like the "file" icon on the iphone mail app, for moving messages between folders

"New Presentation"

Looks like the button to start slideshow to me. Also looks like similar to the Keynote icon, could take you back to a previous application screen

I don't know what this button does. It looks like an iMac.

Looks more like an external display to me.

Possibly a connection to another computer over Bonjour to load in presentations. Or spreadsheets/documents for Numbers and Pages.

 

 

UI PCITURE NO.18

Presentation KeyNote （PPT？）-- 有什么惹眼的么？ 恩恩恩，还是很SIMPLE 很STUPID

-----------------------------------------------------------------------------------------------------------------------------------------------------------

<script type="text/javascript"> </script>

Media Picker icon

See what’s hiding behind that button (00:28): http://www.youtube.com/watch?v=fShKFP2fo3E

 

 

UI PCITURE NO.19

PPT 的 插入对话框

-----------------------------------------------------------------------------------------------------------------------------------------------------------

 

 

UI PCITURE NO.20

IBOOKS

-----------------------------------------------------------------------------------------------------------------------------------------------------------

 

 

UI PCITURE NO.21

IBOOKS

-----------------------------------------------------------------------------------------------------------------------------------------------------------

 

 

UI PCITURE NO.22

IBOOKS

-----------------------------------------------------------------------------------------------------------------------------------------------------------

 

 

UI PCITURE NO.23

IBOOKS

-----------------------------------------------------------------------------------------------------------------------------------------------------------

 

 

UI PCITURE NO.24

IBOOKS

-----------------------------------------------------------------------------------------------------------------------------------------------------------