跳到主要內容

[心得] 我的第一場UX演講

演講主題：

罹癌後, 我更了解UX - 

十公分的腫瘤、九頂假髮、一段癌友使用者之旅

時間：2018/02/08 19:30
地點：松菸園區2F創意劇場
講師：謝采倪 Ani Hsieh

什麼是UX?

UX，全名是 User experience，中文就是使用者經驗。
網路上很多人會說UX就是在指「東西好不好用」，但其實這種說法有點抽象。而Ani的說法是幫助使用者快速且準確地完成他的目的所作的相關決策就是UX。我覺得是當使用者要瀏覽網頁時，要怎麼讓使用者在操作上可以快速地找到他想要的功能、準確地完成他瀏覽網頁的目的，這就是UX需要作的相關決策。或者是說，在開發一個可以讓使用者買單的產品/服務前，所作的行銷評估(主要是賣給誰?)、通路評估、產品競爭力分析等等，都是屬於UX的範疇之內。

UI 設計師 v.s. UX 設計師

UI 設計師主要負責的是「眼睛看的到的設計」。
當UI設計師收到WireFrame(有文案、功能規劃)後要進行排版並定義視覺(顏色、大小、對齊)，經過確認後最後要切圖、命名後交給工程師。

UX設計師主要負責的是「產品用起來的感覺」。
Ani說UX 設計師主要是要幫團隊統合及平衡商業需求及用戶需求。這個說法是我之前沒有聽過的說法，我以前一直以為UX就是以使用者為出發點去規劃設計就好，沒有考慮到其實在開發上也有商業的需求，所以當Ani拋出這個論點時，我才發現，原來除了要顧慮到使用者需求之外，商業需求也是UX需要納入考量的。
UX 設計師一開始需要進行訪談，了解商業考量及用戶需求後，取的交集並整理成文件(Wireframe)，讓UI設計師將之視覺化。之後要進行產品後續測試優化，讓產品可以越來越好用。

UX設計師需要具備什麼樣的人格特質?

● 要能接受失敗
    其實在產品未接受使用者測試前，對於使用者行為模式的揣測都是來自於開發者的美好想像，所以當設計被使用者驗證的時候，必然會有許多地方跟原本開發者的想像不一樣，導致產品需要不斷的修正。而UX就是必須經過不斷的改善、調整，讓產品/服務可以越來越接近使用者想要的目標。
● 同理心的人(感性、理性並重)
    在產品/服務的規劃上，一方面要貼近使用者需求、了解使用者的想法(感性)，另一方面又要合乎邏輯、在商業目標與使用者需求取得平衡(理性)，所以UX設計師要是個感性中卻又不失去理性的人。
● 謙虛的人(看事情不以「我」當本位)
    UX的設計基本上是以「使用者」為基準點出發，任何的「我想」、「我覺得」都是屬於個人的想法，有時候要多聽聽使用者(其他人)的想法。


Ani的粉專：
癌友有嘻哈 HiphopAni


本文內容多為聽完Ani演講後的個人理解，如有錯誤還望先進們不吝指教~





標籤：

留言

張貼留言

這個網誌中的熱門文章

[Android] 使用shape自訂形狀及陰影

shape可以定義下面四種類型的形狀：     rectangle－ 矩形（直角矩形、圓角矩形），默認的形狀     oval－ 橢圓形、圓形     line－ 線形（實線、虛線）     ring－ 環形、環形進度條 rectangle 執行結果： 如果填色要填入漸層色的話，需要將solid標籤改成gradient標籤，用法如下： 執行結果： oval 執行結果： oval和ring的漸層有三種類型（android:type）：linear（線性）、radial（放射性）、sweep（掃描） 如果漸層效果為radial（放射性）的話，必須加上android:gradientRadius屬性（指定漸層的半徑）。 執行結果： line 線的高度是透過stroke的android:width屬性設置，而size的android:height是定義整個形狀區域的高度，所以 size的height必須大於stroke的width 。 執行結果： ring 屬於ring的屬性：     android:innerRadius 內環的半徑     android:thickness 環的厚度     android:useLevel 一般設為false，要不然環可能會無法顯示 執行結果： 將環設計成環狀進度條的樣式： 1，在shape標籤外再加上rotate標籤 rotate屬性：     android:fromDegrees：開始旋轉的角度位置     android:toDegrees：結束時轉到的角度位置     android:pivotX：旋轉起點的X軸座標位置，可以是數值、百分比、百分比p     android:pivotY：旋轉起點的Y軸座標位置，可以是數值、百分比、百分比p 2，在style.xml裡加上style樣式 3，在activity_main.xml裡加上progressBar標籤 執行結果： Shape加上陰影的方法 將selector標籤改成layer-list標籤，並在原本形狀的item標籤 上面 再加上一組item標籤，作為陰影的樣式 一定要設置陰影和物件的off
張貼留言
閱讀完整內容

[隋堂筆記] Android 利用BaseAdapter來自訂ListView

BaseAdapter 可以讓使用者自己定義許多種 View ，像是 Spinner, ListView, GridView等，而且 可以重用View來節省資源 ：使用setTag將View存起來，之後就可以利用getTag將數據取出來 Step1  在activity_main.xml中新增ListView 例如： Step2 在layout中新增list_content.xml，並排好想要的ListView item佈局 Step3 在MainActivity.java 新增一個類別BA並繼承BaseAdapter 透過繼承 BaseAdapter，我們可以重新覆寫4個方法：     public int getCount();     取得 ListView 列表 Item 的數量。通常數量就是從建構子傳入的陣列或是集合大小。     public Object getItem(int position);     取得 ListView 列表於 position 位置上的 Item。position 通常是資料在陣列或是集合上的位置。     public long getItemId(int position);     取得 ListView 列表於 position 位置上的 Item 的 ID，一般用 position 的值即可。     public View getView(int position, View view, ViewGroup viewGroup);     通常會設定與回傳View 作為顯示在這個 position 位置的 Item 的 View。 基本上只要處理兩個方法 getCount跟getView即可。 getCount回傳我所宣告的String陣列st1的長度。 在getView之前，要先取得LayoutInflater 再來要先宣告一個類別viewHolder，用來存放list_content.xml內所有元件的內容 接著判斷view是否為空，如果為空就要對他進行初始化： 1，透過LayoutInflater將我們自訂的list_content.xml裝進去 2，new一個viewHolder出來，並將元件內容裝進去
張貼留言
閱讀完整內容

[iOS] Objective-C 自訂UITableViewCell樣式

Step1 在Storyboard中拉出TableView和按下TableView Cell後要切換的View，並設定對應的class檔 TableView連結至ListController類別，並設定Storyboard ID為ListController 要切換的View連結至ViewController類別，並設定Storyboard ID為viewController Step2 新增CustomCell.xib 新增File（File → New → File...），選擇View，並將檔案命名為CustomCell 開啟CustomCell.xib，把預設的View元件刪掉，然後從元件庫拖曳Table View Cell，並拉好想要的Cell內容排版 Step3 新增自訂Objective-C class給這個NIB檔 新增File（File → New → File...），選擇Cocoa Touch class 需要繼承UITableViewCell Step4 回到CustomCell.xib，將Class連結到CustomTableViewCell Step5 在CustomTableViewCell.h檔中，設定元件變數 Step6 在ListController.h中設定TableView的元件變數，且宣告一個陣列，負責儲存表格上要呈現的資料 Step7 在ListController.m  的viewDidLoad方法中設定TableView的兩個輸出口：dataSource、delegate，並初始化陣列資料 dataSource所連結到的View Controller用來提供表格上Cell的內容 delegate為指定哪一個View Controller需要處理使用者在表格上的操作 Step8 在ListController.m中，實作tableView:numberOfRowsInSection:方法 －通知Table View需要產生多少個Cell（儲存格）來顯示資料 Step9 在ListController.m中，實作tableView:cellForRowAtIndexPath:方法
張貼留言
閱讀完整內容