Apple User Interface

7/30/2019 Apple User Interface

1/12

TUGAS INTERAKSI MANUSIA DAN KOMPUTER

Oleh :

Rahmat Hidayat (G.211.10.0152)

PROGRAM STUDI S1-TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INFORMASI DAN KOMUNIKASI

UNIVERSITAS SEMARANG

2013


2/12

iOS app folder dan jiggle mode UI pada Apple

Membuat folder dengan menyeret salah satu ikon di atas yang lain :

User memilih sesuatu di layar, seperti aplikasi atau ikon folder, sampai mulai "goncang." Hal ini

menunjukkan bahwa UI sekarang berada dalam mode konfigurasi ulang, yang memungkinkan untuk

pembuatan folder, penataan ulang ikon dalam folder, dan memindahkan folder ke layar yang berbeda,

antara operasi lainnya.

Kunci untuk metode ini adalah deteksi pada obyek UI. Sebagai contoh, ketika pengguna menyeret satu


3/12

ikon aplikasi ke ikon aplikasi lain sampai tumpang tindih, perangkat ini akan membuat folder dan

menampilkan animasi yang menunjukkan folder akan segera dibuat.

Proses menambahkan aplikasi ke folder, dengan animasi "splitting/membelah" :

Setelah pengguna melepaskan jari mereka dari layar, aplikasi tersebut akan ditambahkan ke folder yang

dipilih, dan nama secara otomatis dihasilkan berdasarkan metadata aplikasi . Folder yang dihasilkan

menampilkan isinya dengan menunjukkan representasi kecil dari aplikasi.


4/12

Implementasi folder yang tidak terpakai dengan "daerah folder" :

Dalam pendeteksian objek, pengguna dapat seret ikon ke tepi layar sentuh sensitif, memicu perangkat

untuk pindah ke halaman berikutnya dari ikon jika aset diadakan di posisi itu untuk jumlah waktu yang

telah ditentukan.

Pendeteksian obyek juga berperan dalam bagaimana aplikasi berperilaku dalam pengesetan ulang.

Misalnya, ambang batas vertikal atau horizontal dapat diberikan ke ikon yang diset, ketika mengatur

aplikasi pada layar, akan bergerak sesuai dengan ambang batas kedekatan yang telah ditetapkan. Hal ini

terlihat ketika ikon bergeser membuat ruang untuk aplikasi yang sedang direlokasi.


5/12

Animasi Goncang dan penciptaan folder :

Perwujudan lain menggambarkan bagaimana ikon yang ditampilkan ketika dalam modus konfigurasi

ulang. Sebagai contoh, dalam sebuah aplikasi terdapat icon tanda "X" yang terletak di pojok kiri atas dari

untuk menghapus aplikasi tersebut.


6/12

ARTIKEL ASLI

Apple granted patent for iOS app folders and

'jiggle mode' UIByMikey Campbell

The U.S. Patent and Trademark Office on Tuesday awarded Apple a patent for the

implementation of app folders in iOS, including the signature icon "jiggle mode" users see whenreconfiguring the user interface.

Source: USPTO

First seen in iOS 4, Apple's U.S. PatentNo. 8,423,911for a "Device, method, and graphical userinterface for managing folders" describes the key methods used to rearrange app icons in the

mobile operating system.
mailto:[email protected]:[email protected]:[email protected]://patft.uspto.gov/netacgi/nph-Parser?Sect1=PTO2&Sect2=HITOFF&u=%2Fnetahtml%2FPTO%2Fsearch-adv.htm&r=7&p=1&f=G&l=50&d=PTXT&S1=%28apple.ASNM.+AND+20130416.PD.%29&OS=an/apple+and+isd/4/16/2013&RS=%28AN/apple+AND+ISD/20130416%29http://patft.uspto.gov/netacgi/nph-Parser?Sect1=PTO2&Sect2=HITOFF&u=%2Fnetahtml%2FPTO%2Fsearch-adv.htm&r=7&p=1&f=G&l=50&d=PTXT&S1=%28apple.ASNM.+AND+20130416.PD.%29&OS=an/apple+and+isd/4/16/2013&RS=%28AN/apple+AND+ISD/20130416%29http://patft.uspto.gov/netacgi/nph-Parser?Sect1=PTO2&Sect2=HITOFF&u=%2Fnetahtml%2FPTO%2Fsearch-adv.htm&r=7&p=1&f=G&l=50&d=PTXT&S1=%28apple.ASNM.+AND+20130416.PD.%29&OS=an/apple+and+isd/4/16/2013&RS=%28AN/apple+AND+ISD/20130416%29http://patft.uspto.gov/netacgi/nph-Parser?Sect1=PTO2&Sect2=HITOFF&u=%2Fnetahtml%2FPTO%2Fsearch-adv.htm&r=7&p=1&f=G&l=50&d=PTXT&S1=%28apple.ASNM.+AND+20130416.PD.%29&OS=an/apple+and+isd/4/16/2013&RS=%28AN/apple+AND+ISD/20130416%29mailto:[email protected]


7/12


8/12

starts to "jiggle." This denotes that the UI is now in reconfiguration mode, which allow for folder

creation, rearrangement of icons within folders, and moving folders to different screens, among

other operations.

Key to the method is the detection of UI object detection. For example, when a user drags one

app icon onto another app icon, thus causing them to overlap, the device creates a folder anddisplays an animation that denotes a folder is about to be created. In iOS 6, this is represented asa blinking container surrounding the target app, and the "shifting" of a first part of the

background away from a second part in a splitting action.

Process of adding an app to a folder, with "splitting" animation.

Once a user releases their finger from the screen, the app is added to the selected folder, and a

name is automatically generated based on the apps' metadata. The resulting folder displays its

contents by showing small representations of the apps within, a feature that can truly beappreciated with Apple's latest Retina display-toting devices.

Interestingly, the patent describes for an alternative method of folder creation that calls for a user

to touch a "folder creation region" on the device's screen, which invokes an animation of an

empty folder moving out of the region. This system was not used in the final implementation ofiOS folders.


9/12

Unused implementation of folder patent with "folder regions."

Moving back to object detection, the patent holds that users can drag an icon to the edges of a

touch sensitive display, triggering the device to move to the next page of icons if the asset is held

in that position for a predetermined amount of time.

Object recognition also plays a role in how apps behave when being rearranged. For example, a

vertical or horizontal threshold can be assigned to icons that, when arranging apps onscreen, will

move according to predefined proximity thresholds. This is seen when icons are "pushed" out ofthe way to make room for an app that is being relocated.

One interesting passage from the patent language describes the thinking behind the "jiggling"

apps while in reconfiguration mode:

From the patent description:

For example, as illustrated in FIG. 5B, the selectable user interface objects jiggle as though theyare floating on water (e.g., each respective selectable user interface object oscillates about a

respective average position of the selectable user interface object on the display).


10/12

Jiggle animation and folder creation.

Other embodiments describe how the icons are displayed when in reconfiguration mode. For

example, an app can show a removal or deletion badge, currently seen as the "X" located at the

top left corner of an app. Transparencies, app design and animations, among other graphicalassets, are further detailed in the lengthy property.

Apple's iOS folder patent was first filed for in September 2010, and is related to six otherproperties describing other facets of the utility. Imran Chaudhri is credited as the patent's

inventor.


11/12

In a relateddesign patent, also issued to Apple on Tuesday, Chaudhri was credited for the

"splitting" graphical animation seen when opening a folder in iOS. The asset illustrated shows

the folder renaming text box and multiple instances of apps within, as seen from the Springboard

and the dock.
http://patft.uspto.gov/netacgi/nph-Parser?Sect1=PTO2&Sect2=HITOFF&u=%2Fnetahtml%2FPTO%2Fsearch-adv.htm&r=2&p=1&f=G&l=50&d=PTXT&S1=%28apple.ASNM.+AND+20130416.PD.%29&OS=an/apple+and+isd/4/16/2013&RS=%28AN/apple+AND+ISD/20130416%29http://patft.uspto.gov/netacgi/nph-Parser?Sect1=PTO2&Sect2=HITOFF&u=%2Fnetahtml%2FPTO%2Fsearch-adv.htm&r=2&p=1&f=G&l=50&d=PTXT&S1=%28apple.ASNM.+AND+20130416.PD.%29&OS=an/apple+and+isd/4/16/2013&RS=%28AN/apple+AND+ISD/20130416%29http://patft.uspto.gov/netacgi/nph-Parser?Sect1=PTO2&Sect2=HITOFF&u=%2Fnetahtml%2FPTO%2Fsearch-adv.htm&r=2&p=1&f=G&l=50&d=PTXT&S1=%28apple.ASNM.+AND+20130416.PD.%29&OS=an/apple+and+isd/4/16/2013&RS=%28AN/apple+AND+ISD/20130416%29http://patft.uspto.gov/netacgi/nph-Parser?Sect1=PTO2&Sect2=HITOFF&u=%2Fnetahtml%2FPTO%2Fsearch-adv.htm&r=2&p=1&f=G&l=50&d=PTXT&S1=%28apple.ASNM.+AND+20130416.PD.%29&OS=an/apple+and+isd/4/16/2013&RS=%28AN/apple+AND+ISD/20130416%29


12/12

Sumber:

http://appleinsider.com/articles/13/04/16/apple-granted-patent-for-ios-app-folders-and-jiggle-

mode-ui

ditranslate dengan google translate dengan sedikit perubahan.
http://appleinsider.com/articles/13/04/16/apple-granted-patent-for-ios-app-folders-and-jiggle-mode-uihttp://appleinsider.com/articles/13/04/16/apple-granted-patent-for-ios-app-folders-and-jiggle-mode-uihttp://appleinsider.com/articles/13/04/16/apple-granted-patent-for-ios-app-folders-and-jiggle-mode-uihttp://appleinsider.com/articles/13/04/16/apple-granted-patent-for-ios-app-folders-and-jiggle-mode-uihttp://appleinsider.com/articles/13/04/16/apple-granted-patent-for-ios-app-folders-and-jiggle-mode-ui

Documents

Apple User Interface