Page 1

作 Zuò

The Works

設計師:姜之睿 Designer: Jiang Zhirui 2018.06


腦、眼、手……本為同一器官。

The brain, the eyes, the hands...should have been the same organ.

…… 他們只是分布在不同地方罷了。

They are just located in different places.

熱線 Tel.: +86 15972577272 郵箱 Mail: jiang_zhirui@163.com


無人機防禦系統 UAV Defense System


系統概況

Product Overview

無人機防禦系統

UAV Defense System

偵測器

干擾器

Detectors

無線電偵測器 Scanner

Jammers

聲光電偵測器 Capturer

該項目來源於北京理工全盛科技有限公司,此防禦系統針對 黑飛 的無人 機,保護機場、監獄等敏感地帶不受影響。系統包括偵測器和干擾器兩部份。其 中偵測器可以得到無人機的無線電信號、聲音、畫面等重要信息。干擾器可對偵 測到的無人機進行信號壓制,並獲取壓制範圍內的畫面。 由於無論是偵測器還是干擾器都是分布在防禦地區內各個位置,此時使用 者就需要一個操作平台,來搜集並處理所有設備的信息。

定向干擾器 Jammer-D

全向干擾器 Jammer-Q

This project is from Bitalltech. Co., Ltd. The defense system is facing the UAV that flys illegally and protects sensitive area like airports and jails from being influenced. The system includes detectors and jammers. Detectors can get the Radio signal, sound and images of UAV. Jammers can make the signal suppression to UAV and get the images of suppression area. Because detectors and jammers are arranged all over the sensitive area, users need a platform to collect information from all the machines and make reactions.


用戶畫像 Persona

採購經理 周先生 周先生負責首都機場安防產品 的採購。每天處理大量公司信息與 產品信息,目的就是可以找到最合 適,最亮眼的產品。

Purchasing Manager, Mr. Chou Mr. Chou is in charge of purchasing security products. He deals with much information of companys and products to search for appropriate and impressing products.

安保人員 王先生 王先生是一名安保人員,平時 負責大型體育場館的安保工作。幾 乎完全不了解無線電有關知識。

Security Officer, Mr. Wong Mr. Wong is a security officer who is in charge of security in large stadium. He knows little about radio stuff.

公安一所副所長 劉先生 劉先生作為公安一所副所長, 平日經常參加安防產品的展會,如 有遇見先進的產品會及時推薦到所 裡,甚至可能推薦給整個公安部門。

Vice director, Mr. Liu As the vice director of ministry of public security, Mr. Liu often attends exhibitions of security products. He would recommend to the ministry if he saw anything advanced.


存在問題 Problems

由於該系統涉及到的參數較多,並且專業性很強,之前提到的潛在客戶根 本無法看懂。所以信息的展現形式是一大難點。下圖為原版操作平台,可以看到 無線電信號等信息都未加處理地顯示給用戶,真正有效的信息少之又少。此外, 由於沒有明確的信息層級,操作邏輯也十分混亂,讓人無法推斷該界面下方還 有多少子界面。

Because the system includes many technical parameters, potential customers can never figure it out. So how to display information becomes the biggest problem. The picture below is the former platform, as we can see, information like radio signal is displayed without dealt with. There is little useful information. Besides, there is no obvious information hierarchy, so the interaction logic is really confusing, and makes users not know there are how many subpages.

監測結果

無線電信息

畫面信息

音頻信息

Outcome

Image Information

Radio Signal

原來版本

Former Version

Sound Information


信息分析

Information Analysis

歸納得到系統涉及到的所有主要信息,並進行必要性篩選。並根據對用戶 的必要性得到其顯示形式。

地圖與無人機位置

無線電

Wi-Fi Wi-Fi

極高

Map and position of UAV

必要性(對用戶) Necessity (to users)

必要性(對系統)

Summarize all kinds of information the system includes and filter them according to the necessity to users. Then we can know the display form of the information.

Radio

聲音

Sound

畫面

Images

探測結果

Outcomes

Extremely High

Low

Low

Low

High

High

Necessity (to system)

Low

High

High

High

Medium

High

顯示

全圖顯示

不顯示

不顯示

不顯示

窗口顯示

窗口顯示

Display

Full Screen

Not Displayed

Not Displayed

Not Displayed

Window Display

定向干擾器畫面

Images from Jammer-D

聲光電偵測器畫面 Images from Capturer

登錄

Log in

主頁面

Main Page

無人機位置

Select core parts

無線電偵測器結果

Outcome from Scanner

系統設置 Settings

開啓反制

Begin suppression

Window Display


原型設計

Prototype Design

登錄頁面 Log in

Jammer卡片

Scanner卡片

Card Jammer

Card Scanner

主頁面

Main Page

Capturer卡片 Card Capturer

設置卡片

Card Setting


細節展示 Details

在主頁面中,最大的改動就是將信息可視化處理。敏感區域的衛星地圖全屏顯示 在主頁面中,產品顯示在對應安裝位置。原來的專業性參數,現在以旋轉的掃描圖形代 替。當有無人機入侵時,圖形會變成紅色,並加快旋轉速度。定向干擾器的干擾範圍也 會以扇形的形式出現在頁面中,並且不停閃爍。

而其他信息的展示,則以形式統一的卡片形式出現在頁面的兩邊。信息層級清晰, 使用戶一眼就可以看出來有多少子頁面,非常容易上手。

On the main page, the biggest change is information visualization. The satellite map of sensitive area is on the full screen, products are displayed at the corresponding position. Those technical parameters are replaced by revolving scan patterns. When UAV invades, the pattern would change into red color and revolve faster. Jammer-D s area would be displayed as a fan-shaped pattern which keeps blinking. Other information would be displayed on sides as the similar cards. The obvious information hierarchy makes users know about the subpages, so it is easy to operate.


前後對比 Comparasion

100% 15.1%

除了信息可視化,必要信息的顯示佔比也提升了許多。 作為最重要的信息,地圖顯示區域從0%提升到了100%,在點開卡片之 後,畫面顯示區域從15.1%提升到了66.2%。

66.2%

Besides the information visualization, the proportion of necessary information increases a lot. As the most important information, the map display area increases from 0% to 100%, while the image display area increases from 15.1% to 66.2%.


更多子頁面 More Subpages


中醫世家

Family of Traditional Chinese Medicine


應用介紹

APP Introduction

隨著中醫技術的發展,以及人們對健康的重視程度與日 增,越來越多的人 選擇用中醫調養身體。中醫基礎知識的學習也成為了人們的一個訴求。這款名為 中醫世家 的移動端應用,可幫助人們在碎片化時間內,學習自己最想了解的中 醫知識,並支持他們在課程內進行討論,增強圈子內的互動性。

With the development of traditional Chinese medicine technology, and people s increasing attention to health, more and more people choose to use it to improve their health. Learning the basic knowledge of Chinese medicine has aslo become a demand of people. This APP called Family of Traditional Chinese Medicine helps people learn what they want to know most during fragmentation time, and supports their discussions in the course to enhance the interaction within in circle.


用戶畫像 Persona

職場白領 楊女士

診所醫生 王醫生

楊女士是一位職場白領, 每 天都要坐10小時左右。想簡單地學 一些按摩, 上和丈夫互相按摩頸 部放鬆身心。

王醫生自己開了一家小診所, 希望可以有一個平台互相交流醫學 知識,尤其是中醫。

White-Collar Worker, Miss. Yang

Doctor, Dr. Wong

Miss Yang is a white-collar worker. She has to sit for about 10 hours every day. She wants to learn some massage simply, and massage each other with her husband to relax in the evening.

Dr. Wong opened a small clinic himself, and he hopes to have a chance to communicate medical knowledge, especially traditional Chinese medicine.

醫藥專家 李博士 李博士研究醫藥已有30多年, 經常發表一些科普性質的文章,希 望可以傳播知識。

Medical Expert, Dr. Lee Dr. Lee has been studying medicine for more than 30 years and has often published articles of a popular science nature in the hope of spreading knowledge.


產品結構

Product Structure

搜索

Search

瀏覽

Browse

精選

Today

分類

Categories

按療法、醫科、經典等

By Therapy, classification and etc.

排行榜

Ranking List

資源信息

Information

學習

Study

相關筆記

Related Notes

相關評論

Related Comments

討論

Discussions

互動

Interact

文章

Articles

搜索

Search

基本信息

Basic Information

中醫世家

消息列表

Family of TCM

messages

最近瀏覽 read

我的收藏

Collections

編輯個人信息

Edit information

個人 Me

已緩存

Download

正在學習 Studying

我的筆記 My Notes

錢包

Wallet

分享中醫世家

Share Family of TCM ......

播放資源、學習進度、授課老師、課程簡介 Play, progress, teacher, introduction

筆記內容、添加筆記

Contents of notes, add new notes

閱讀評論、添加評論

Read comments, add comments

發表討論、收藏、評論

Send, collect, comment discussions

發表文章、收藏、評論

Publish, collect, comment articles


原型設計

Prototype Design

瀏覽

Browse

學習 Study

互動

Interact

個人 Me


課程列表 Course List

搜索框

篩選器

Search Box

Filter

精選

Today

篩選結果 Results

分類

Categories

排行

Ranking List

瀏覽

Browse

分類 - 療法

Categories - Therapy


播放課程 Play Courses

課程

Courses

播放器

進度

Player

Progress

課程簡介

Introduction

課程內容

Study

Contents

相關筆記

Related Notes

添加筆記

Add Notes

學習

Study

播放 Play


互動頁面 Page Interact

討論/文章

Discussions/Articles

搜索

Search

評論

Comments

Study

互動

Interact

詳情

Details


洗濯

Washdrobe


產品概況

Product Overview

給排水

Water Supply and Drainage

存儲區

Storage Area

烘乾區

Drying Area

洗衣區

Washing Area

疊衣區

Folding Area

這款概念式洗衣機旨在提供一站式服務,可以幫助用戶完成洗衣、護理、烘 乾、疊衣的系列工作。作為用戶,所需要做的僅僅是將衣物丟進洗衣機,第二天 早上直接拿出來穿即可。項目來源於海爾集團。該款洗衣機面向高端市場,主要 服務人群為小資家庭與愛衣人士。

電控系統

Electronic Control System

It tends to provide one-stop services, helping customers from washing, clothing care to drying, folding. So as a customer, all he needs to do is putting clothes in it, and taking them out directly the next day morning. This project is from Haier Group. Washdrobe is facing high end market, and mainly serves petty bourgeoises and clothing lovers.


用戶畫像 Persona

高級客戶經理 史密斯先生

服裝設計師 熊女士

世界五百強高管 李先生

史密斯先生的工作是每天著正 裝接待客人。他對衣物護理的要求 非常高,這是普通洗衣機所辦不到 的。他善於接受新事物,對於新知識 的理解能力很高。

熊女士對於服裝的研究十分透 徹, 的每一件衣物的清潔與護理 都有不同方案。洗衣機與衣物護理 櫃的產品組合,又讓 對複雜的操 作方式十分抗拒。

李先生追求高品質生活,工作 卻十分繁忙,平日沒有太多時間花 在與工作無關的事上。在消費方面 十分慷慨。

Senior Customer Manager, Mr. Smith

Fashion Designer, Miss Xiong

Smith s job is to meet customers wearing a suit everyday. He has high requirement of clothing-care,which a normal washing machine can never do. He is willing to accept new stuff and easy to understand them.

Miss Xiong knows about clothing thoroughly, and she needs different ways to wash and care every piece of her clothes. She gets overwhelmed when she is using a washing machine and a clothing care cabinet.

Senior Executive in Top 500, Mr. Lee Mr. Lee aspires high-quality living, but he is too busy to care about anything that has nothing to do with his work. He has very high consuming capacity.


工作原理 How to Work

蒸汽噴嘴 Steam Nozzle

在洗濯的操作系統中設置好每種衣物的清洗模式後,其內部的智能清潔叉 會開始工作,每一件衣物它都會控制不同的溫度,噴出不同種蒸汽。

Having set the mode of every piece of clothes, the cleaner inside Washdrobe would begin to work. It would use different temperature and kinds of steam according to different clothes.


交互邏輯

Interaction Logic

這款概念式洗衣機的交互設計難點在於如何找到操作性與功能性上的平 衡點。由於追求每件衣物有定制化的處理方案,而每個方案有包括清洗模式,護 理模式,烘乾模式,是否疊放等,每次洗衣的操作流程都會極其複雜。而交互邏 輯的梳理就是為了使這一過程井井有條。洗濯的交互方式為顯示屏控制, 棄 物理按鍵帶來的局限性。

Its difficulty of interactive design is how to get the balance between the operation and the function. Because it aspires that every piece of clothes should have customized solution, which includes a washing mode, caring mode, drying mode and being folded or not, operation would be too complecated. To arrange interaction logic is to make the whole process well. Customers can control Washdrobe through a screen, instead of physical keys which have many limitations.

選擇清洗時長

Select duration of washing

選擇護理時長

Select duration of caring

放進洗濯

Put into Washdrobe

選擇處理衣物

Select clothes dealt with

選擇烘乾時長

Select duration of drying

選擇是否疊放

Select whether to fold

選擇重點清洗部位 Select core parts

次日拿出衣物

Take out the next day


原型設計

Prototype Design

洗衣位

Washing Space

洗滌信息

Washing Information

衣物

Clothes

品牌選擇

Brand List

點選重點清洗位置

Click to select key points

點擊暫停

Click to pause


細節展示 Details

洗濯最基本的操作形式,是根據需要處理的衣物,從 衣物選擇 頁面下方錄入好的信息中 入上方一至六號的數字。這些數字對應洗 濯內六個清洗位。 The basic operation on Washdrobe is to drag clothes from information base below to 1∼6 above on the Select page, which means six washing positions.

在 衣物詳情 頁面中,可以看到每件衣物的具體信息,如材質詳 情,系統會根據此調整模式。 動按鈕可以調整各階段時長,清晰易操 作,學習成本低。 On the Details page is the information about the clothes, including the material, according to which the system would adjust the mode. Customers can drag the button to adjust the duration with lower learning costs.


轉場展示 Transitions

在此轉場設計時,每一件衣服作一個連接,形成衣服 轉九十度的動畫。表明每件衣物都佔據固定的位置與專屬 的模式。 When design this transition, connect clothes to form that clothes rotate 90 , which indicates every piece of clothes has a fixed position and special mode.


點子! Ideas!


天鵝絨平板 Velvet Pad

寫畫

Write

我設計了一款有著全新交互方式的 平板 。這塊平板由天鵝絨製成,我們 可以直接用手指在其上面寫畫擦除成千上萬次,它可用來代替黑板牆,用來標 記或畫畫,並且帶來更少的粉筆灰。同時,柔軟的材質為家長與孩子提供更佳專 注的交流環境。

I designed a pad with a new interactive mode. This pad is made from velvet, on which we can write and erase thouands of times by fingers interacting with it directly. Comparing to black board and chalk, it is cleaner and consumes less resource, we can mark and draw on it. Meanwhile, the soft material can provide a more focused environment for parents and kids to communicate.

擦除

Wipe

再次寫畫 Rewrite


乾杯!

Cheers Cup!

我們是否可以更加有趣地鼓勵人們不浪費自己點的飲品?我設計了一種新 的飲品杯,各種快餐店均可使用它鼓勵用餐者 乾杯 。這款飲品杯底部內側印 有二維碼,只有當使用者喝完飲料時才可掃描該碼。掃描後,顧客可以獲得一個 紅包,裡面有金錢少許,可選擇放入錢包,也可選擇捐贈給公益組織。同時這也 使得捐贈更加有趣且方便。

Could we make it more interesting to encourage people not to waste the beverage they ordered? I designed a new type of paper cup for beverage. It can be used in all kinds of restaurants to guide customers to drink the beverage all up. There is a QR code on the interior bottom of each cup, only when drinking up all the beverage could it be seen and scanned. After scanning it, customers will get a red packet randomly within small bonus. Customers are able to choose to transfer it to wallet, or to donate it to public welfare foundation, which can also make donating more interesting and conveniet.


創 Chuàng

Create

設計師:姜之睿 Designer: Jiang Zhirui 2018.06

My Portfolio  

Welcome to my works.

My Portfolio  

Welcome to my works.

Advertisement