rit (rakuten institute of technology) presentation about ui/ux

35
1 1 1 Rakuten Inc. RIT. Masaya Mori 2011 RIT presentation about UI/UX

Upload: rakuten-inc

Post on 24-May-2015

2.106 views

Category:

Technology


5 download

DESCRIPTION

RIT (Rakuten Institute of Technology) presentation of UI/UX by Masaya Mori.

TRANSCRIPT

Page 1: RIT (Rakuten Institute of Technology) presentation about UI/UX

1111

Rakuten Inc. RIT. Masaya Mori 2011

RIT presentation about UI/UX

Page 2: RIT (Rakuten Institute of Technology) presentation about UI/UX

2222

GlobalGlobalGlobalGlobal

Changes

Users

We’re facing the changes.

Page 3: RIT (Rakuten Institute of Technology) presentation about UI/UX

3333

Shift to Smartphones and Natural DevicesMark Weiser

Devices change

Page 4: RIT (Rakuten Institute of Technology) presentation about UI/UX

4444

New e-commerce is combining real and net.

Online to Offline

ShopKickMilo

ShopSavvyAmazon A9 Flow

Page 5: RIT (Rakuten Institute of Technology) presentation about UI/UX

5555

Info. explosion

It’s getting larger exponentially.

Page 6: RIT (Rakuten Institute of Technology) presentation about UI/UX

6666

Private & Public, IaaS & PaaS

Cloud

Page 7: RIT (Rakuten Institute of Technology) presentation about UI/UX

7777

Summing up,

PC/cell phone

Physical

Natural

BigData

DirectionsNew devices

Experiencing advent of new devices, we’re getting into big changes.

Page 8: RIT (Rakuten Institute of Technology) presentation about UI/UX

8888

Physical World

PC/cell phone

Physical

Natural

BigData

DirectionsNew devices

Experiencing advent of new devices, we’re getting into big changes.

Page 9: RIT (Rakuten Institute of Technology) presentation about UI/UX

9999

Stepping into Physical world

Page 10: RIT (Rakuten Institute of Technology) presentation about UI/UX

10101010

TESCO subway virtual store

This changed physical world to be an interface for the internet.

Page 11: RIT (Rakuten Institute of Technology) presentation about UI/UX

11111111

Nisugata for feature-phone

• This is first prototype.

• Take a photo of item, and send it via e-mail.

• This system finds item data, and you can go item page in ICHIBA.

Buy an item you watched earlier.

Page 12: RIT (Rakuten Institute of Technology) presentation about UI/UX

12121212

NISUGATA for Wine search on iPhone

“wine you drink now”• original image processing technology

• You can search wine which you drink.

• By exploiting sophisticated algorithm, we can provide a function to search for similar label of wine regardless of shooting angle.

Shoot wine labelShoot wine labelShoot wine labelShoot wine labelGet search resultGet search resultGet search resultGet search result

Send info to serverSend info to serverSend info to serverSend info to serverTop pageTop pageTop pageTop page

You can use stored picture for a search later, even if there is no signal for your 3G/wifi when shooting wine.

Page 13: RIT (Rakuten Institute of Technology) presentation about UI/UX

13131313

AR-HITOKE

• AR-HITOKE came originally from HITOKE reflecting user purchase info. This enables you to see physical item info & other user’s comments uniquely via iPhone.

Page 14: RIT (Rakuten Institute of Technology) presentation about UI/UX

14141414

Online purchase info

User statistics

User comments

AR-HITOKE

AR-HITOKE overlays online purchase info. and user comments on physical view via smartphone, to help understand more.

Page 15: RIT (Rakuten Institute of Technology) presentation about UI/UX

15151515

Ubira: Rakuten O2O

•We’re proceeding with O2O pjt named “Ubira”.•This combines a physical world and a cyber world.

Collaborate w/ shop

Check-in

Coupon / Point

Barcode scan

Affiliate

Page 16: RIT (Rakuten Institute of Technology) presentation about UI/UX

16161616

Natural Interface

PC/cell phone

Physical

Natural

BigData

DirectionsNew devices

Experiencing advent of new devices, we’re getting into big changes.

Page 17: RIT (Rakuten Institute of Technology) presentation about UI/UX

17171717

Providing more natural I/F

Page 18: RIT (Rakuten Institute of Technology) presentation about UI/UX

18181818

Kinect (former, CANESTA)

They provided the prototype of new sensor shopping IF.

Page 19: RIT (Rakuten Institute of Technology) presentation about UI/UX

19191919

Team Lab Mirror

You can try on tons of clothes speedily and easily by iPhone or gesture.

参考) http://dev.team-lab.com/index.php?itemid=252

Page 20: RIT (Rakuten Institute of Technology) presentation about UI/UX

20202020

New texture UI::::「「「「R-Rich-Browser」」」」

Browser suitable for EC leveraging smartphone features

You can scroll screenYou can scroll screenYou can scroll screenYou can scroll screenusually by fingerusually by fingerusually by fingerusually by finger

It executes the function mapped It executes the function mapped It executes the function mapped It executes the function mapped to the direction of finger slideto the direction of finger slideto the direction of finger slideto the direction of finger slide

If you hold finger onIf you hold finger onIf you hold finger onIf you hold finger onfor 1 sec,for 1 sec,for 1 sec,for 1 sec,

“charge slide”“charge slide”“charge slide”“charge slide”

• It utilizes functions of smartphone and generates purchase opportunity and user experience having fun.

• By “charge slide” (our patent) and “double slide” operation, it can realize the usability not existing before in conventional browther.

By “charge slide”, you can put items onto your cart during browsing pages.

Page 21: RIT (Rakuten Institute of Technology) presentation about UI/UX

21212121

RPad

Page 22: RIT (Rakuten Institute of Technology) presentation about UI/UX

22222222

•To pursue a futuristic application, we developed new prototypes such as Smart Shopping, Gesture Based Shopping, collaborating with Tsukuba University.

Transferring Experience

Gesture Based ShoppingSmart Shopping

Page 23: RIT (Rakuten Institute of Technology) presentation about UI/UX

23232323

http://www.neurosky.com/http://www.neurosky.com/http://www.neurosky.com/http://www.neurosky.com/

Page 24: RIT (Rakuten Institute of Technology) presentation about UI/UX

24242424

BigData Computing

PC/cell phone

Physical

Natural

BigData

DirectionsNew devices

Experiencing advent of new devices, we’re getting into big changes.

Page 25: RIT (Rakuten Institute of Technology) presentation about UI/UX

25252525

Handling BigData

Page 26: RIT (Rakuten Institute of Technology) presentation about UI/UX

26262626

Kitsuregawa lab. Tokyo Univ.

They are conducting research next I/F handling BigData all over the web.

Page 27: RIT (Rakuten Institute of Technology) presentation about UI/UX

27272727

Tilt: FireFox addon

It displays web pages structure in 3D view, utilizing WebGL.

Page 28: RIT (Rakuten Institute of Technology) presentation about UI/UX

28282828

[BigViewer] handling very huge image[BigViewer] handling very huge image[BigViewer] handling very huge image[BigViewer] handling very huge image

•Realized highRealized highRealized highRealized high----speed access to big photos.speed access to big photos.speed access to big photos.speed access to big photos.•Can apply for item search on huge catalogue by mobile.Can apply for item search on huge catalogue by mobile.Can apply for item search on huge catalogue by mobile.Can apply for item search on huge catalogue by mobile.Big photoBig photoBig photoBig photo

5,500

30,000

かわいいケトル、ハーモニカ付♪

家具家具家具家具ののののニシムラニシムラニシムラニシムラ Cattle ¥ 3,980

購入する メニュー

★★★★奈良屋奈良屋奈良屋奈良屋★★★★ 180180180180年年年年のののの歴史歴史歴史歴史をををを誇誇誇誇るるるる…

おすすめおすすめおすすめおすすめプランプランプランプランありますありますありますあります!!!!!!!!!!!!

詳細見る メニュー

草津温泉湯めぐりマップ(高精細画像)

Page 29: RIT (Rakuten Institute of Technology) presentation about UI/UX

29292929

BigViewer ::::handling ultra-large image data

enlarge display

BIgViewer enables you to browse photo and magnify spot very freely and quickly.

Page 30: RIT (Rakuten Institute of Technology) presentation about UI/UX

30303030

Displaying Huge Sized Images

How to handle huge images with mobile phone?

Enlarging / Narrowing parts of huge image

buy

DescriptionDescriptionDescriptionDescription

BigViewer

Page 31: RIT (Rakuten Institute of Technology) presentation about UI/UX

31313131

NewsMapUser can browse lots of photo news

freely and quickly.

Implemented new I/F browsing photo news.⇒ Reduced hurdles to watch a lot of photos.

⇒ Increased user duration of stay

InfoseekNews

Related technology: an actual case of Infoseek NewsMapRelated technology: an actual case of Infoseek NewsMapRelated technology: an actual case of Infoseek NewsMapRelated technology: an actual case of Infoseek NewsMap

Page 32: RIT (Rakuten Institute of Technology) presentation about UI/UX

32323232

BigData SurfingBigData SurfingBigData SurfingBigData Surfing

• RIT invented “BigData Surfing” application to realize browsing tons of items intuitively.

• Prototypes were for Books, ICHIBA, and Travel.• It can handle hundreds of thousands to millions.

Page 33: RIT (Rakuten Institute of Technology) presentation about UI/UX

33333333

BigData Surfing: You can watch all items on Rakuten Ichiba.

How do you show all the data of Rakuten items?

Page 34: RIT (Rakuten Institute of Technology) presentation about UI/UX

34343434

RPad for BigData

•Actually, there is big data screen behind RPad.•Users can share big data screen among plural RPads.

Page 35: RIT (Rakuten Institute of Technology) presentation about UI/UX

35353535

Summing up,

PC/cell phone

Physical

Natural

BigData

DirectionsNew devices

Experiencing advent of new devices, we’re getting into big changes.RIT has developed prototypes and solutions. Let’s discuss it.